/* Contenido público para familias, sobre los tokens y el diseño existentes. */
.seoPublico{max-width:1120px;margin:auto;padding:0 8px 30px;line-height:1.7}
.seoMigas ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;font-size:.88rem}
.seoMigas li+li:before{content:"›";margin-right:8px;opacity:.65}
.seoHero{padding:clamp(24px,5vw,62px) 0 30px;max-width:900px}
.seoHero h1{font-size:clamp(2rem,4.3vw,3.4rem);line-height:1.12;margin:12px 0 24px;letter-spacing:-.035em}
.seoEtiqueta{font-size:.88rem;font-weight:700;letter-spacing:.03em;color:var(--tinta,#374151)}
.seoEntradilla{font-size:1.14rem;max-width:760px}
.seoAcciones{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.seoNota{font-size:.9rem;opacity:.85}
.seoCuerpo{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(240px,1fr);gap:22px;align-items:start}
.seoCuerpo .card h2,.seoSeccion h2{font-size:1.5rem;line-height:1.3}
.seoCuerpo li{margin:12px 0}
.seoOrientacion{position:sticky;top:20px}
.seoOrientacion a{display:block;margin:15px 0}
.seoSeccion{margin:28px 0;scroll-margin-top:20px}
.seoGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.seoTarjeta{display:flex;flex-direction:column;min-width:0;margin:0}
.seoTarjeta h3{font-size:1.15rem;line-height:1.35;margin:12px 0}
.seoTarjeta p{flex:1}
.seoCurso{font-size:.86rem;opacity:.85;margin:0}
.seoEnlaces{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.seoPublico details{border-bottom:1px solid #ccd4db;padding:14px 0}
.seoPublico summary{cursor:pointer;font-weight:600}
.seoCierre{padding:32px;border-radius:20px;background:var(--lavanda,#eef0ff);margin-top:30px;color:#202a40}
.seoMuestra{max-width:800px;margin:auto}
.seoMuestraTexto{font-size:1.08rem;padding:clamp(22px,4vw,40px)}
.seoMuestraTexto .tipBox{margin:22px 0}
.seoLimite{border:2px solid #03899b;border-radius:18px;padding:28px;margin-top:26px;background:#eefafb;color:#183940}
.seoLimite h2{margin-top:0}
.seoLimite a:not(.btn){color:#075b78;text-decoration:underline}
.seoPublico a:focus-visible{outline:3px solid #f29630;outline-offset:4px}
.oscuro .seoEtiqueta{color:#dce7ef}
.oscuro .seoCierre{background:#202d46;color:#eef4fa}
.oscuro .seoLimite{background:#142e3c;color:#eefafa}
.oscuro .seoLimite a:not(.btn){color:#90e2ef}
@media(max-width:850px){.seoCuerpo{grid-template-columns:1fr}.seoOrientacion{position:static}.seoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.seoGrid,.seoEnlaces{grid-template-columns:1fr}.seoHero{padding-top:22px}.seoCierre{padding:24px}.seoAcciones .btn{width:100%;text-align:center}.seoPublico{padding-left:0;padding-right:0}.seoLimite{padding:22px}}
@media(max-width:640px){.topnav.topnavPublica{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px}.topnav.topnavPublica a{white-space:normal;text-align:center;padding:0 4px;line-height:1.3;font-size:.9rem}.topnav.topnavPublica button{justify-self:center}.topnav.topnavPublica .btn-mini{width:auto}}