.elementor-201 .elementor-element.elementor-element-687345c{width:100%;max-width:100%;}.elementor-201 .elementor-element.elementor-element-319c9f1{width:100%;max-width:100%;}.elementor-201 .elementor-element.elementor-element-319c9f1 > .elementor-widget-container{margin:2px 2px 2px 2px;padding:2px 2px 2px 2px;}.elementor-201 .elementor-element.elementor-element-319c9f1 .subtitle{color:#EA5908 !important;margin:2px 2px 2px 2px;padding:45px 45px 45px 45px;}.elementor-201 .elementor-element.elementor-element-c69cefb{--display:flex;}.elementor-201 .elementor-element.elementor-element-51fb4cd{width:100%;max-width:100%;}.elementor-201 .elementor-element.elementor-element-51fb4cd > .elementor-widget-container:hover{--e-transform-rotateX:1yes;--e-transform-perspective:20px;--e-transform-translateX:1px;}.elementor-201 .elementor-element.elementor-element-51fb4cd > .elementor-widget-container{margin:-32px -32px -32px -32px;padding:10px 10px 10px 10px;}.elementor-201 .elementor-element.elementor-element-51fb4cd.elementor-element{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:-4;--flex-shrink:-4;}.elementor-201 .elementor-element.elementor-element-51fb4cd .subtitle{color:#EF860A !important;margin:-4px -4px -4px -4px;padding:37px 37px 37px 37px;}.elementor-201 .elementor-element.elementor-element-51fb4cd .section-header h2{color:#10BCEE !important;}.elementor-201 .elementor-element.elementor-element-51fb4cd .portfolio-items .portfolio-item h3 a{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-51fb4cd .portfolio-items .portfolio-item .portfolio-item-inner .portfolio-categories li a{margin:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-d5889b2{--display:flex;}.elementor-201 .elementor-element.elementor-element-1acc8aa{margin:-11px -11px calc(var(--kit-widget-spacing, 0px) + -11px) -11px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-46c628f{--display:flex;}.elementor-201 .elementor-element.elementor-element-2df9c2b > .elementor-widget-container{margin:-9px -9px -9px -9px;padding:0px 0px 0px 0px;}.elementor-201 .elementor-element.elementor-element-2df9c2b.elementor-element{--align-self:center;}.elementor-201 .elementor-element.elementor-element-2df9c2b .subtitle{color:#E97608 !important;margin:0px 0px 0px 0px;padding:23px 23px 23px 23px;}.elementor-201 .elementor-element.elementor-element-2df9c2b .section-header h2{color:#10BCEE !important;}.elementor-201 .elementor-element.elementor-element-7ed3674{--display:flex;}.elementor-201 .elementor-element.elementor-element-0598b29{width:100%;max-width:100%;}.elementor-201 .elementor-element.elementor-element-0598b29 .subtitle{color:#EF8B09 !important;margin:1px 1px 1px 1px;padding:22px 22px 22px 22px;}.elementor-201 .elementor-element.elementor-element-0598b29 .section-header h2{color:#10BCEE !important;}.elementor-201 .elementor-element.elementor-element-e335355{--display:flex;}.elementor-201 .elementor-element.elementor-element-4fd6d64{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:-8px -8px -8px -8px;--container-widget-width:100%;--container-widget-flex-grow:0;top:0px;}.elementor-201 .elementor-element.elementor-element-4fd6d64.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}body:not(.rtl) .elementor-201 .elementor-element.elementor-element-4fd6d64{left:0px;}body.rtl .elementor-201 .elementor-element.elementor-element-4fd6d64{right:0px;}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-51fb4cd .subtitle{margin:-4px -4px -4px -4px;}.elementor-201 .elementor-element.elementor-element-51fb4cd .section-header h2{margin:4px 4px 4px 4px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-4e73d9c */.cv-section {
  background: linear-gradient(135deg, #0b1c2c, #132f4c);
  padding: 60px 20px;
  font-family: 'Arial', sans-serif;
}

.container {
  display: flex;
  max-width: 900px;
  margin: auto;
  position: relative;
}

/* Línea vertical animada */
.line {
  width: 4px;
  background: #ff6a00;
  margin-right: 25px;
  position: relative;
  overflow: hidden;
}

.line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(255, 106, 0, 0.6);
  animation: slide 2s infinite;
}

@keyframes slide {
  0% { top: -60px; }
  100% { top: 100%; }
}

/* Contenido */
.content {
  color: #ffffff;
}

h2 {
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 15px;
}

h2 span {
  color: #ff6a00;
}

.intro {
  color: #ff6a00;
  font-weight: 500;
  margin-bottom: 15px;
}

p {
  margin-bottom: 15px;
  line-height: 1.6;
  opacity: 0.9;
}

.project h3 {
  color: #ff6a00;
  margin-top: 20px;
}

.project ul {
  list-style: none;
  padding: 0;
}

.project ul li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 15px;
}

.project ul li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #ff6a00;
}/* End custom CSS */
/* Start custom CSS for drakeabout, class: .elementor-element-089591c */.cv-section {
  background: linear-gradient(135deg, #0b1c2c, #132f4c);
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.container {
  display: flex;
  max-width: 900px;
  margin: auto;
}

/* Línea vertical animada */
.line {
  width: 4px;
  background: #ff6a00;
  margin-right: 25px;
  position: relative;
  overflow: hidden;
}

.line::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 60px;
  background: rgba(255, 106, 0, 0.6);
  animation: slide 2s infinite;
}

@keyframes slide {
  0% { top: -60px; }
  100% { top: 100%; }
}

/* Contenido */
.content {
  color: #ffffff;
}

h2 {
  font-size: 26px;
  margin-bottom: 15px;
}

h2 span {
  color: #ff6a00;
}

.intro {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 15px;
}

p {
  line-height: 1.6;
  opacity: 0.9;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1acc8aa *//* BASE */
body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: #0f172a;
    color: #ffffff;
}

/* HERO */
.hero {
    text-align: center;
    padding: 70px 20px;
    background: linear-gradient(135deg, #0f172a, #1e293b);
}

.hero h1 {
    color: #ff7a00;
    font-size: 28px;
}

.hero p {
    font-size: 16px;
}

/* SECCIONES */
.section {
    padding: 40px 20px;
    max-width: 700px;
    margin: auto;
}

/* TITULOS */
h2 {
    color: #ff7a00;
}

h3 {
    color: #ff7a00;
}

/* TEXTO */
p {
    line-height: 1.6;
}

/* LISTAS */
ul {
    padding-left: 20px;
}

/* DESTACADO */
.highlight {
    background: rgba(255,255,255,0.08);
    border-left: 4px solid #ff7a00;
    padding: 12px;
    margin-top: 15px;
    border-radius: 6px;
}

/* BLOQUES */
.block {
    background: rgba(255,255,255,0.05);
    padding: 15px;
    margin-top: 15px;
    border-radius: 8px;
    transition: 0.3s;
}

/* EFECTO BRILLO AL TOCAR */
.block:active,
.highlight-box:active {
    box-shadow: 0 0 15px #ff7a00;
    transform: scale(0.98);
}

/* TEXTO */
.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

/* ANIMACIONES */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease;
}

.fade-in.show {
    opacity: 1;
    transform: translateY(0);
}

/* RETRASO */
.delay {
    transition-delay: 0.3s;
}

/* RESPONSIVE */
@media (min-width: 768px) {
    .hero h1 {
        font-size: 36px;
    }

    .hero p {
        font-size: 18px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fd6d64 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: Arial, sans-serif;
    background: #0a0a0a;
    color: #fff;
}

.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
    padding: 60px 0;
}

/* HERO */

.hero {
    background: linear-gradient(135deg, #10BCEE, #000);
    text-align: center;
    padding: 100px 20px;
}

.title {
    font-size: 3rem;
    color: orange;
}

.subtitle {
    margin-top: 15px;
    font-size: 1.2rem;
}

/* SECCIONES */

.section-title {
    color: #10BCEE;
    margin-bottom: 40px;
    text-align: center;
}

/* TARJETAS */

.card {
    background: #111;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #10BCEE;
}

/* GRID */

.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.box {
    background: #111;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #10BCEE;
    transition: 0.3s;
}

.box:hover {
    transform: translateY(-5px);
    background: #10BCEE;
    color: #000;
}

/* PROTOCOLO */

.steps {
    display: grid;
    gap: 20px;
}

.step {
    background: #111;
    padding: 20px;
    border-left: 5px solid #10BCEE;
    border-radius: 8px;
}

.step span {
    font-size: 1.5rem;
    color: orange;
}

/* BENEFICIOS */

.highlight {
    text-align: center;
    font-weight: bold;
}

/* FOOTER */

.footer {
    text-align: center;
    padding: 30px;
    background: #000;
    border-top: 1px solid #10BCEE;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .title {
        font-size: 2rem;
    }
}/* End custom CSS */