/* ============================================================================ Portada pública ABL · identidad 2026 (portada negra) 15-sep-2026 · Alan · diseño aprobado de Aurora (Entregas/ABL_portada_y_accesos _aprobados_15-09-2026.zip · Landing/landing-negra.css). Solo actúa si trae la clase landing-propuesta, que agrega index.php. Se quitaron las piezas que eran de la revisión local (barra Actual/Propuesta, aviso de enlaces, apagado de animaciones y simulación del menú) y las rutas locales de los materiales apuntan a los archivos ya publicados del sitio. ============================================================================ */ html.landing-propuesta{--gold:#C9A961;--gold-light:#C9A961;--marble:#E5E4E4;--bg-hero:#0C0C0D;--bg-problema:#0C0C0D;--bg-servicios:#0C0C0D;--bg-seal:#0C0C0D;--bg-stats:#0C0C0D;--bg-equipo:#0C0C0D;--bg-test:#0C0C0D;} .landing-propuesta body{background:#0C0C0D;padding:0;color:#E5E4E4;} .landing-propuesta .section,.landing-propuesta .hero,.landing-propuesta .footer{background:#0C0C0D!important;margin:0;border-radius:0;border:0;} .landing-propuesta .nav-abl{background:#0C0C0D;} .landing-propuesta .section:before,.landing-propuesta .section:after{display:none;} /* Titular: la portada mostraba una de cuatro variantes al azar. La revisión se aprobó sobre la variante 2, que es la que index.php fija. */ .landing-propuesta .hero-v0,.landing-propuesta .hero-v1,.landing-propuesta .hero-v3{display:none!important;} .landing-propuesta .hero-v2{display:block!important;} .landing-propuesta .material-kicker,.landing-propuesta .hero-materials{display:none;} /* Servicios: las dos tarjetas rediseñadas. */ .landing-propuesta #servicios .svc-overview-grid{gap:18px;border:0;} .landing-propuesta #servicios .svc-overview-col{padding:32px;border:1px solid #E5E4E422;border-radius:8px;background:#242425;} .landing-propuesta #servicios .svc-ow-eyebrow{font-size:10px;color:#C9A961;letter-spacing:.08em;} .landing-propuesta #servicios .svc-ow-title{font-size:28px;color:#E5E4E4;letter-spacing:-.03em;} .landing-propuesta #servicios .svc-ow-desc{color:#C2C1C1;font-size:14px;line-height:1.85;font-weight:400;} .landing-propuesta #servicios .btn-abl{background:transparent;color:#E5E4E4;border:1px solid #E5E4E466;border-radius:6px;padding:14px 19px;min-height:46px;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:none;} .landing-propuesta #servicios .btn-abl:before,.landing-propuesta #servicios .btn-abl:after{display:none;} /* La frase editorial, como franja continua con vetas de ónix. */ .landing-propuesta .editorial-break{background:linear-gradient(100deg,#1E1E1F 35%,#1E1E1F99),url('/assets/materiales/onix.svg') right/cover;color:#E5E4E4;margin:0;border-radius:0;padding:65px 9%;} .landing-propuesta .editorial-break:before,.landing-propuesta .editorial-break:after{display:none;} /* El logo del encabezado se ve desde el primer momento. */ .landing-propuesta .hero-logo{opacity:1!important;transform:none!important;} /* Las tres tarjetas del Compliance Seal, con sus materiales. */ html.landing-propuesta #seal .seal-card.seal-marble{ background:linear-gradient(110deg,#E5E4E4 30%,rgba(229,228,228,.65)),url('/assets/materiales/marmol.svg') right center/cover!important; color:#1E1E1F;border-color:rgba(229,228,228,.3)!important; } html.landing-propuesta #seal .seal-card.seal-gold{ background:url('/assets/materiales/oro-mate.svg') center/cover,linear-gradient(110deg,#C9A961,#D7C191)!important; color:#1E1E1F;border-color:#C9A961!important; } html.landing-propuesta #seal .seal-card.seal-onyx{ background:linear-gradient(110deg,#1E1E1F 20%,rgba(30,30,31,.72)),url('/assets/materiales/onix.svg') right center/cover,#1E1E1F!important; color:#E5E4E4;border-color:rgba(229,228,228,.25)!important; } html.landing-propuesta #seal .seal-card:before,html.landing-propuesta #seal .seal-card:after{display:none!important;} html.landing-propuesta #seal :is(.seal-marble,.seal-gold) :is(h3,.badge,.lbl,p,.seal-foot){color:#1E1E1F!important;} html.landing-propuesta #seal :is(.seal-marble,.seal-gold) :is(.badge,.seal-foot){border-color:rgba(30,30,31,.25)!important;} html.landing-propuesta #seal .seal-onyx :is(h3,.badge,.lbl,p,.seal-foot){color:#E5E4E4!important;} html.landing-propuesta #seal .seal-onyx :is(.badge,.seal-foot){border-color:rgba(229,228,228,.25)!important;} html.landing-propuesta #seal :is(.seal-marble,.seal-gold) .seal-level-num{color:rgba(30,30,31,.075)!important;} /* Primer bloque: la misma fotografía urbana que ya usaba «El problema». */ html.landing-propuesta .hero .hero-bg{display:block;inset:0;background:linear-gradient(90deg,rgba(12,12,13,.83) 0%,rgba(12,12,13,.77) 45%,rgba(12,12,13,.57) 100%),url('/preview/img/bg-biglaw.jpg') center 46%/cover no-repeat;transform:none!important;will-change:auto;} html.landing-propuesta .hero .hero-bg:before{display:none;} html.landing-propuesta .hero .hero-bg:after{background:linear-gradient(180deg,rgba(12,12,13,.13),transparent 40%,rgba(12,12,13,.35) 75%,#0C0C0D 100%);} html.landing-propuesta .hero .lede,html.landing-propuesta .hero-left>p a{color:#C2C1C1!important;} @media(max-width:650px){html.landing-propuesta .hero .hero-bg{background-position:58% top;background-size:auto,auto 100%;}} @media(max-width:650px){ .landing-propuesta #servicios .svc-overview-grid{grid-template-columns:1fr;} .landing-propuesta #servicios .svc-overview-col{padding:25px;} .landing-propuesta #servicios .svc-ow-title{font-size:25px;} .landing-propuesta .editorial-break{padding:44px 25px;} } @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*:before,*:after{animation:none!important;transition:none!important;}}