/* Forms-only hero composition. Independent from the Catalog landing. */
[data-presentation="white"] .barra{background:transparent;border-bottom:0;box-shadow:none}
[data-presentation="white"] .barra .barra-int{height:88px;max-width:1320px;padding:0 32px}
[data-presentation="white"] .barra.pegada{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 1px 0 #e3e6ef}
[data-presentation="white"] .barra.pegada .barra-int{height:68px}
.hero.hero-split{padding:130px 0 145px;text-align:left;overflow:clip}
.hero-layout{max-width:1320px;padding:0 32px;display:grid;grid-template-columns:1.08fr 1fr;gap:16px;align-items:center;min-height:540px}
.hero-split .hero-txt{z-index:2;min-width:0}
.hero-split h1{max-width:18ch;margin:28px 0 24px;font-size:clamp(40px,4.25vw,64px);line-height:1.08;letter-spacing:-.04em}
.hero-split .bajada{max-width:49ch;margin:0 0 34px;font-size:18px;line-height:1.65}
.hero-split .cta-fila{justify-content:flex-start}
.hero-split .pastilla{font-size:13px;max-width:100%}
.hero-art{height:540px;position:relative;min-width:0}
.hero-split #escena3d{position:absolute;inset:0;width:100%;height:100%;opacity:1}
.hero-hills{position:absolute;bottom:-1px;left:0;width:100%;height:145px;z-index:-1;pointer-events:none}
[data-presentation="white"] #transformacion.salto{background:linear-gradient(#f0eff6,#fff 410px);padding-top:30px}
@media(max-width:1050px){.hero-layout{padding:0 24px;grid-template-columns:1.1fr 1fr;min-height:460px}.hero-art{height:460px}.hero-split h1{font-size:44px}.hero-split .pastilla{font-size:11px}.hero-split .bajada{font-size:16px}}
@media(max-width:760px){[data-presentation="white"] .barra .barra-int{height:68px;padding:0 16px}.hero.hero-split{padding:105px 0 85px}.hero-layout{grid-template-columns:1fr;gap:6px;padding:0 24px}.hero-split h1{font-size:clamp(36px,7.5vw,50px);max-width:19ch}.hero-split .bajada{font-size:17px}.hero-art{height:340px;max-width:500px;width:100%;margin:auto}.hero-hills{height:95px}.hero-split .cta-fila{gap:10px}.hero-split .btn{font-size:14px;padding:14px 19px}.hero-split .pastilla{font-size:10px;gap:6px}}

@media(min-width:1060px){.hero.hero-split{padding:110px 0 110px}.hero-layout{min-height:480px}.hero-art{height:480px}.hero-hills{height:115px}}
.hero-split .hero-line{display:block}

/* Always-visible Dicsys signature, independent from scroll progress. */
.franja{height:8px;transition:height .25s ease}.franja i{transform:scaleX(1);transition:transform .25s ease}
.franja.en-progreso{height:3px}.franja.en-progreso i{transform:scaleX(var(--progreso,0))}
@media(min-width:1060px){.hero.hero-split{padding-top:92px}.hero-layout{gap:4px}}

@media(min-width:761px){.hero-split #escena3d{inset:-40px -24px;width:calc(100% + 48px);height:calc(100% + 80px)}}

.hero.hero-split{min-height:0!important;padding:130px 0 145px!important}
.hero-split #escena3d{z-index:0;max-height:none}
.hero-split h1{max-width:18ch;font-size:clamp(40px,4.25vw,64px);line-height:1.08}
.hero-split .hero-txt{animation:none}.hero-hint{display:none}
.hero-split .bajada{font-size:18px}
@media(min-width:1060px){.hero.hero-split{padding:92px 0 110px!important}}
@media(max-width:1050px){.hero-split h1{font-size:44px}.hero-split .bajada{font-size:16px}}
@media(max-width:760px){.hero.hero-split{padding:105px 0 85px!important}.hero-split h1{font-size:clamp(36px,7.5vw,50px)}.hero-split .bajada{font-size:17px}}
[data-presentation="white"] #resultados{background:linear-gradient(#f0eff6,#fff 410px)!important}
.hero.hero-split #escena3d{height:100%;width:100%;inset:0}
.franja{height:8px}.franja.en-progreso{height:3px}
@media(min-width:761px){.hero.hero-split #escena3d{inset:-40px -24px;width:calc(100% + 48px);height:calc(100% + 80px)}}

/* Shared close-up composition for large displays; no browser zoom required. */
@media(min-width:1400px){
 .hero-layout{max-width:1680px!important;width:100%;padding:0 56px;grid-template-columns:1.08fr 1fr;min-height:600px}
 [data-presentation="white"] .barra .barra-int{max-width:1680px;padding:0 56px}
 .hero-split h1{font-size:clamp(64px,4.2vw,80px)}
 .hero-split .bajada{font-size:22px;line-height:1.6}
 .hero-split .pastilla{font-size:16px}
 .hero-split .btn{font-size:18px;padding:18px 28px}
 .hero-art{height:600px}
 .hero.hero-split{padding-top:118px!important;padding-bottom:100px!important}
}

/* Full-bleed wave continuation, with the original content width preserved. */
[data-presentation="white"] #resultados.experience-section{max-width:none;width:100%;box-sizing:border-box;padding-left:max(28px,calc((100% - 1144px)/2));padding-right:max(28px,calc((100% - 1144px)/2))}
@media(max-width:700px){[data-presentation="white"] #resultados.experience-section{padding-left:20px;padding-right:20px}}

/* Match the established family shell, overriding legacy AI Delivery Platform rules. */
html[data-presentation="white"] .barra .barra-int{max-width:1320px;padding:0 32px;height:88px}
html[data-presentation="white"] .barra.pegada .barra-int{height:68px}
.hero.hero-split .bajada{max-width:49ch}
.hero.hero-split .btn{font-weight:500!important}
@media(min-width:1400px){html[data-presentation="white"] .barra .barra-int{max-width:1680px;padding:0 56px}.hero.hero-split .btn{font-size:18px!important;padding:18px 28px!important}}
@media(max-width:760px){html[data-presentation="white"] .barra .barra-int{height:68px;padding:0 16px}}
.hero.hero-split .hero-layout,html[data-presentation="white"] .barra .barra-int{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}
/* Hero breathing room and centered navigation — pending cross-site audit. */
html[data-presentation="white"] .barra .barra-int{max-width:1320px;padding-left:32px;padding-right:32px}
.hero.hero-split{padding-top:140px!important;padding-bottom:190px!important}
.hero.hero-split .hero-hills{height:190px;bottom:-1px}
@media(min-width:1400px){
 .hero.hero-split{padding-top:150px!important;padding-bottom:210px!important}
 .hero.hero-split .hero-hills{height:210px}
}
@media(max-width:1050px){
 .hero.hero-split{padding-top:125px!important;padding-bottom:165px!important}
 .hero.hero-split .hero-hills{height:165px}
}
@media(max-width:760px){
 html[data-presentation="white"] .barra .barra-int{padding-left:16px;padding-right:16px}
 .hero.hero-split{padding-top:115px!important;padding-bottom:125px!important}
 .hero.hero-split .hero-hills{height:125px}
}