/* Casos de éxito y páginas legales: mismo estilo claro que el resto del sitio v2 */
.hero,.legal-hero{background:radial-gradient(60% 120% at 92% 0%,rgba(183,47,153,.16) 0%,rgba(183,47,153,0) 60%),radial-gradient(50% 90% at 0% 100%,rgba(114,0,155,.10) 0%,rgba(114,0,155,0) 60%),var(--tint);color:var(--ink);border-bottom:1px solid var(--line)}
.hero .eyebrow,.legal-hero .eyebrow{color:var(--magenta)!important}
.hero h1,.legal-hero h1{color:var(--purple)}
.hero .lede,.legal-hero p{color:var(--muted)}
.tags span{background:var(--white);color:var(--purple);border:1px solid var(--line)}
.hero-stats div{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 30px -24px rgba(29,6,39,.4)}
.hero-stats b{color:var(--magenta)}
.hero-stats span{color:var(--muted)}
/* Franja final: tarjeta clara como en las demás páginas */
.cta{background:var(--white);color:var(--ink);padding-block:clamp(40px,6vw,72px)}
.cta .wrap{width:calc(100% - 32px);max-width:1148px;padding:clamp(32px,5vw,64px);border-radius:32px;background:radial-gradient(120% 140% at 100% 0%,#F5D9EE 0%,rgba(245,217,238,0) 55%),linear-gradient(120deg,#FBF3FA 0%,#F1E6F8 100%);border:1px solid var(--line)}
.cta h2{color:var(--purple)}
.cta p{color:var(--muted)}
.cta .btn-white{background:var(--grad);color:var(--white);box-shadow:0 14px 30px -14px rgba(183,47,153,.8)}
.more a{color:var(--purple);border-color:var(--line);background:var(--white)}
.more a:hover{border-color:var(--purple)}
/* Footer igual al resto del sitio */
.site-footer .sf-legal a,.site-footer .sf-copy,.site-footer .ck-link{font-weight:400}

/* Legibility on phones */
.tags span{font-size:.8rem}
.table-wrap:focus-visible,.chart-scroll:focus-visible{outline:3px solid #B72F99;outline-offset:3px}