/* 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)!important;padding-top:30px!important}
@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)}}

/* 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}
}

/* 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}
}