.elementor-1243 .elementor-element.elementor-element-1e778b59{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1243 .elementor-element.elementor-element-798fe3c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d > .elementor-widget-container{background-color:transparent;background-image:radial-gradient(at top left, #FFBD5917 0%, #7A7A7A14 56%);transition:background 0.8s;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d:hover .elementor-widget-container{background-color:#FFBD5912;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFBD59B3;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-widget-container{transition:background 0.8s, border 0.8s, border-radius 0.8s, box-shadow 0.8s;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__prev--label{color:#B9B9B9C4;transition-duration:200ms;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__next--label{color:#B9B9B9C4;transition-duration:200ms;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__prev--label, .elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__next--label{font-family:"Montserrat", Sans-serif;font-weight:600;text-transform:capitalize;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__prev--title, .elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__next--title{color:#FFFFFFED;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;letter-spacing:0.2px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__prev--title{transition-duration:200ms;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d span.post-navigation__next--title{transition-duration:200ms;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .post-navigation__arrow-wrapper{color:#FFBD599E;fill:#FFBD599E;transition-duration:200ms;font-size:24px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .post-navigation__arrow-wrapper:hover{color:#FFBD59E6;fill:#FFBD59E6;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-post-navigation__link a {gap:12px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-post-navigation__separator{background-color:#FFBD59B5;width:1px;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-post-navigation{color:#FFBD59B5;border-block-width:1px;padding:18px 0;}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-post-navigation__next.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-1243 .elementor-element.elementor-element-7fd3ab3d .elementor-post-navigation__prev.elementor-post-navigation__link{width:calc(50% - (1px / 2));}.elementor-1243 .elementor-element.elementor-element-745e9b4a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1243 .elementor-element.elementor-element-ffac62d{width:100%;max-width:100%;}@media(min-width:768px){.elementor-1243 .elementor-element.elementor-element-798fe3c5{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-4bae1ec8 *//* ======= VARIABLES GLOBALES Y ESTILOS BASE ======= */
:root {
  --ad-bg: #0B0F19;
  --ad-surface: #101629;
  --ad-ink: #E8ECF6;
  --ad-white: #FFFFFF;
  --ad-mustard: #FFBD59;
  --ad-gold: #D49942;
  --ad-radius: 16px;
  --ad-font-title: "Libre Baskerville", serif;
  --ad-font-text: "Montserrat", sans-serif;
}
body { margin: 0; background-color: var(--ad-bg); font-family: var(--ad-font-text); color: var(--ad-ink); -webkit-font-smoothing: antialiased; }
.ad-hero__accent { background: linear-gradient(90deg, var(--ad-mustard), var(--ad-gold)); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* ======= SECCIÓN 1: HERO DEL PROYECTO ======= */
.ad-project-hero { position: relative; padding: 130px 20px 56px; background-color: var(--ad-bg); color: var(--ad-ink); overflow: hidden; }
.ad-project-hero__bg { position: absolute; inset: 0; background: radial-gradient(120% 80% at 100% 0%, rgba(255,189,89,.08), transparent 50%); opacity: 0.8; }
.ad-project-hero__wrap { max-width: 1300px; margin-inline: auto; position: relative; }
.ad-project-hero__breadcrumbs ol { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0; list-style: none; font: 500 .9rem/1.4 var(--ad-font-text); }
.ad-project-hero__breadcrumbs li:not(:last-child)::after { content: '›'; margin-left: 6px; color: color-mix(in oklab, var(--ad-ink) 40%, transparent); }
.ad-project-hero__breadcrumbs a { color: color-mix(in oklab, var(--ad-ink) 70%, transparent); text-decoration: none; transition: color .2s ease; }
.ad-project-hero__breadcrumbs a:hover { color: var(--ad-mustard); }
.ad-project-hero__breadcrumbs [aria-current="page"] { color: var(--ad-ink); font-weight: 600; }
.ad-project-hero__content { margin: 40px 0 32px; }
.ad-project-hero__kicker { letter-spacing: .18em; text-transform: uppercase; font: 600 12px/1 var(--ad-font-text); color: color-mix(in oklab, var(--ad-ink) 70%, transparent); margin: 0 0 10px; }
.ad-project-hero__title { font-family: var(--ad-font-title); font-size: clamp(2.25rem, 6vw, 3.5rem); line-height: 1.15; margin: 0; max-width: 25ch; text-wrap: balance; }
.ad-project-hero__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 0; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); margin-bottom: 40px; }
.ad-project-hero__meta dl { display: flex; flex-wrap: wrap; gap: 24px 32px; margin: 0; }
.ad-meta__item { font-family: var(--ad-font-text); }
.ad-meta__item dt { font-size: .85rem; font-weight: 600; text-transform: uppercase; letter-spacing: .1em; color: color-mix(in oklab, var(--ad-ink) 60%, transparent); margin-bottom: 4px; }
.ad-meta__item dd { margin: 0; font-size: 1rem; font-weight: 500; color: var(--ad-ink); }
.ad-project-hero__meta .ad-btn { padding: 12px 18px; font-size: 0.9rem; gap: 8px; }
.ad-project-hero__meta .ad-btn .ad-arrow { width: 14px; height: 14px; }
.ad-project-hero__media { border-radius: var(--ad-radius); border: 1px solid rgba(255,255,255,.12); background: linear-gradient(180deg, rgba(255,255,255,.02), transparent); box-shadow: 0 20px 50px rgba(0,0,0,.3); overflow: hidden; }
.ad-project-hero__media img { display: block; width: 100%; height: auto; }
.ad-project-hero__wrap > *:not(script) { opacity: 0; transform: translateY(16px); animation: ad-fade-in .7s ease forwards; }
.ad-project-hero__breadcrumbs { animation-delay: .1s; }
.ad-project-hero__content { animation-delay: .2s; }
.ad-project-hero__meta { animation-delay: .3s; }
.ad-project-hero__media { animation-delay: .4s; }
@keyframes ad-fade-in { to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ad-project-hero__wrap > *:not(script) { animation: none; opacity: 1; transform: none; } }

/* ======= SECCIÓN 2: CONTEXTO Y OBJETIVOS ======= */
.ad-section.ad-project-context { padding: 56px 20px; background: var(--ad-surface); border-top: 1px solid rgba(255, 255, 255, 0.08); }
.ad-project-context__wrap { max-width: 1300px; margin-inline: auto; display: grid; grid-template-columns: 1fr; gap: 32px 48px; }
@media (min-width: 768px) { .ad-project-context__wrap { grid-template-columns: 1fr 1fr; align-items: start; } }
.ad-context__title { font-family: var(--ad-font-title); font-size: clamp(1.5rem, 4vw, 2rem); color: var(--ad-white); margin: 0 0 16px 0; text-wrap: balance; }
.ad-context__title--small { font-size: clamp(1.25rem, 3vw, 1.5rem); }
.ad-context__challenge p { font: 400 clamp(1rem, 2.2vw, 1.1rem)/1.7 var(--ad-font-text); color: #DCE3EE; margin: 0; max-width: 65ch; }
.ad-context__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 16px; }
.ad-context__list li { display: flex; align-items: flex-start; gap: 12px; font: 500 clamp(0.95rem, 2vw, 1rem)/1.6 var(--ad-font-text); color: var(--ad-ink); }
.ad-context__icon { flex-shrink: 0; color: var(--ad-mustard); margin-top: 2px; }
.ad-context__icon svg { width: 22px; height: 22px; }
.ad-context__challenge, .ad-context__objectives { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.ad-context__challenge.is-inview { opacity: 1; transform: none; }
.ad-context__objectives.is-inview { opacity: 1; transform: none; transition-delay: 0.1s; }
@media (prefers-reduced-motion: reduce) { .ad-context__challenge, .ad-context__objectives { transition: none; opacity: 1; transform: none; } }

/* ======= SECCIÓN 3: EL PROCESO ======= */
.ad-section.ad-project-process { padding: 56px 20px; background: var(--ad-bg); }
.ad-project-process__wrap { max-width: 1300px; margin-inline: auto; }
.ad-process__head { text-align: center; max-width: 80ch; margin: 0 auto 40px; }
.ad-process__title { font-family: var(--ad-font-title); font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.2; margin: 0 0 12px; text-wrap: balance; color: var(--ad-white); }
.ad-process__sub { font: 400 clamp(1rem, 2.2vw, 1.1rem)/1.6 var(--ad-font-text); color: #DCE3EE; margin: 0; }
.ad-process__grid { display: grid; grid-template-columns: 1fr; gap: clamp(16px, 3vw, 20px); }
@media (min-width: 640px) { .ad-process__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .ad-process__grid { grid-template-columns: repeat(4, 1fr); } }
.ad-process__step { position: relative; padding: 24px 20px; border-radius: var(--ad-radius); background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); border: 1px solid rgba(255,255,255,.08); transition: transform .3s ease, border-color .3s ease, background .3s ease, box-shadow .3s ease; overflow: hidden; }
.ad-process__step:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.16); background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); box-shadow: var(--ad-shadow, 0 10px 34px rgba(0,0,0,.25)); }
.ad-process__number { position: absolute; top: -10px; right: 16px; font-family: var(--ad-font-title); font-size: clamp(3.5rem, 8vw, 4.5rem); font-weight: 700; line-height: 1; color: rgba(255, 189, 89, 0.08); z-index: 0; pointer-events: none; }
.ad-process__step-title { position: relative; z-index: 1; font: 700 clamp(1.05rem, 2.2vw, 1.15rem)/1.25 var(--ad-font-text); margin: 0 0 12px; color: var(--ad-white); }
.ad-process__step-text { position: relative; z-index: 1; font: 400 clamp(.95rem, 2vw, 1rem)/1.6 var(--ad-font-text); color: #DCE3EE; margin: 0; }
.ad-process__head, .ad-process__step { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
.ad-process__head.is-inview, .ad-process__step.is-inview { opacity: 1; transform: none; }
.ad-process__step:nth-child(2).is-inview { transition-delay: .1s; }
.ad-process__step:nth-child(3).is-inview { transition-delay: .2s; }
.ad-process__step:nth-child(4).is-inview { transition-delay: .3s; }
@media (prefers-reduced-motion: reduce) { .ad-process__head, .ad-process__step { transition: none; opacity: 1; transform: none; } }

/* ======= SECCIÓN 4: GALERÍA Y CARACTERÍSTICAS CLAVE ======= */
.ad-section.ad-project-features { padding: 56px 20px; background: var(--ad-surface); }
.ad-project-features__wrap { max-width: 1300px; margin-inline: auto; display: grid; gap: 48px; }
.ad-features__head { text-align: center; }
.ad-features__title { font-family: var(--ad-font-title); font-size: clamp(1.75rem, 5vw, 2.5rem); line-height: 1.2; margin: 0; text-wrap: balance; color: var(--ad-white); }
.ad-feature-block { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: center; }
@media (min-width: 768px) { .ad-feature-block { grid-template-columns: 1fr 1fr; gap: 48px; } .ad-feature-block--reverse .ad-feature__media { order: 2; } }
.ad-feature__title { font-family: var(--ad-font-title); font-size: clamp(1.25rem, 3.5vw, 1.75rem); color: var(--ad-white); margin: 0 0 12px 0; }
.ad-feature__text { font: 400 clamp(1rem, 2.2vw, 1.05rem)/1.7 var(--ad-font-text); color: #DCE3EE; margin: 0 0 20px 0; max-width: 60ch; }
.ad-feature__list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.ad-feature__list li { display: flex; align-items: flex-start; gap: 10px; font-weight: 500; color: var(--ad-ink); }
.ad-feature__list li::before { content: '✓'; color: var(--ad-mustard); flex-shrink: 0; font-weight: 700; }
.ad-feature__media { border-radius: var(--ad-radius); border: 1px solid rgba(255,255,255,.1); overflow: hidden; box-shadow: 0 15px 40px rgba(0,0,0,.25); }
.ad-feature__media img { display: block; width: 100%; height: auto; }
.ad-features__head, .ad-feature-block { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s cubic-bezier(.2,.8,.2,1); }
.ad-features__head.is-inview, .ad-feature-block.is-inview { opacity: 1; transform: none; }
.ad-feature-block:not(:first-of-type).is-inview { transition-delay: .15s; }
@media (prefers-reduced-motion: reduce) { .ad-features__head, .ad-feature-block { transition: none; opacity: 1; transform: none; } }

/* ======= SECCIÓN 5: RESULTADOS Y MÉTRICAS ======= */
.ad-section.ad-project-results { padding: 56px 20px; background: var(--ad-bg); }
.ad-project-results__wrap { max-width: 1300px; margin-inline: auto; }
.ad-results__head { text-align: center; max-width: 70ch; margin: 0 auto 40px; }
.ad-results__title { font-family: var(--ad-font-title); font-size: clamp(1.75rem, 5vw, 2.5rem); color: var(--ad-white); line-height: 1.2; margin: 0 0 12px; text-wrap: balance; }
.ad-results__sub { font: 400 clamp(1rem, 2.2vw, 1.1rem)/1.6 var(--ad-font-text); color: #DCE3EE; margin: 0; }
.ad-results__grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 3vw, 20px); }
@media (min-width: 960px) { .ad-results__grid { grid-template-columns: repeat(4, 1fr); } }
.ad-metric-card { text-align: center; padding: 24px 16px; border-radius: var(--ad-radius); background: radial-gradient(100% 100% at 0% 0%, rgba(255,189,89,.06), transparent 50%), linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0)); border: 1px solid rgba(255,255,255,.08); }
.ad-metric__icon { display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; border-radius: 12px; background: var(--ad-surface); color: var(--ad-mustard); margin-bottom: 16px; border: 1px solid rgba(255,255,255,.1); }
.ad-metric__icon svg { width: 24px; height: 24px; }
.ad-metric__value { font-family: var(--ad-font-title); font-size: clamp(2rem, 6vw, 3rem); font-weight: 700; line-height: 1.1; margin: 0 0 8px; background: linear-gradient(90deg, var(--ad-mustard), var(--ad-gold)); -webkit-background-clip: text; background-clip: text; color: transparent; font-variant-numeric: tabular-nums; }
.ad-metric__label { font: 500 clamp(.85rem, 2vw, .95rem)/1.5 var(--ad-font-text); color: #DCE3EE; margin: 0; max-width: 25ch; margin-inline: auto; }
.ad-results__head, .ad-metric-card { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
.ad-results__head.is-inview, .ad-metric-card.is-inview { opacity: 1; transform: none; }
.ad-metric-card:nth-child(2).is-inview { transition-delay: .1s; }
.ad-metric-card:nth-child(3).is-inview { transition-delay: .2s; }
.ad-metric-card:nth-child(4).is-inview { transition-delay: .3s; }
@media (prefers-reduced-motion: reduce) { .ad-results__head, .ad-metric-card { transition: none; opacity: 1; transform: none; } }

/* ======= SECCIÓN 6: STACK TECNOLÓGICO ======= */
.ad-section.ad-project-stack { padding: 56px 20px; background: var(--ad-surface); }
.ad-project-stack__wrap { max-width: 1300px; margin-inline: auto; }
.ad-stack__head { text-align: center; max-width: 70ch; margin: 0 auto 40px; }
.ad-stack__title { font-family: var(--ad-font-title); font-size: clamp(1.75rem, 5vw, 2.5rem); color: var(--ad-white); line-height: 1.2; margin: 0 0 12px; text-wrap: balance; }
.ad-stack__sub { font: 400 clamp(1rem, 2.2vw, 1.1rem)/1.6 var(--ad-font-text); color: #DCE3EE; margin: 0; }
.ad-stack__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 900px; margin: 0 auto; }
.ad-stack__tag { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: var(--ad-bg); border: 1px solid rgba(255, 255, 255, .1); font: 600 0.95rem/1.2 var(--ad-font-text); color: var(--ad-ink); transition: transform .3s ease, background-color .3s ease; }
.ad-stack__tag:hover { transform: translateY(-3px); background-color: color-mix(in oklab, var(--ad-bg) 50%, white 5%); }
.ad-stack__tag svg { width: 20px; height: 20px; color: var(--ad-mustard); }
.ad-stack__head, .ad-stack__tag { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1); }
.ad-stack__head.is-inview, .ad-stack__tag.is-inview { opacity: 1; transform: none; }
.ad-stack__grid.is-inview .ad-stack__tag:nth-child(2) { transition-delay: .05s; }
.ad-stack__grid.is-inview .ad-stack__tag:nth-child(3) { transition-delay: .1s; }
.ad-stack__grid.is-inview .ad-stack__tag:nth-child(4) { transition-delay: .15s; }
.ad-stack__grid.is-inview .ad-stack__tag:nth-child(5) { transition-delay: .2s; }
.ad-stack__grid.is-inview .ad-stack__tag:nth-child(6) { transition-delay: .25s; }
@media (prefers-reduced-motion: reduce) { .ad-stack__head, .ad-stack__tag { transition: none; opacity: 1; transform: none; } }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ffac62d *//* ======= SECCIÓN 7: NAVEGACIÓN Y CTA FINAL (CSS CORRECCIÓN FINAL) ======= */
.ad-section.ad-project-nav {
  padding: 56px 20px;
  background: var(--ad-bg, #0B0F19);
  border-top: 1px solid rgba(255,255,255,.08);
}

.ad-project-nav__wrap {
  max-width: 1300px;
  margin-inline: auto;
  display: grid;
  gap: 48px;
}
/* CTA Final */
.ad-project-nav__cta {
  text-align: center;
  padding: 32px;
  border-radius: var(--ad-radius, 16px);
  background: radial-gradient(circle at 50% 0%, rgba(255,189,89,.08), transparent 70%),
              var(--ad-surface, #101629);
  border: 1px solid rgba(255,255,255,.1);
}
.ad-cta__title {
  font-family: var(--ad-font-title, serif);
  font-size: clamp(1.75rem, 5vw, 2.5rem);
  color: var(--ad-white, #fff);
  line-height: 1.2;
  margin: 0 0 12px;
  text-wrap: balance;
}
.ad-cta__sub {
  font: 400 clamp(1rem, 2.2vw, 1.1rem)/1.6 var(--ad-font-text, sans-serif);
  color: #DCE3EE;
  margin: 0 auto 24px auto;
  max-width: 60ch;
}
.ad-project-nav__cta .ad-btn .ad-arrow {
  width: 18px;
  height: 18px;
}/* End custom CSS */