/* Páginas de texto de winclus.com (privacidad, accesibilidad): mismos colores y tipografía que la portada */
:root{
  --navy:#101F3D; --azul:#2743B4; --teal:#0A5C54; --menta:#8FD9C4; --morado:#6B4FC2; --verde:#34C26B;
  --fondo:#FFFFFF; --fondo2:#F3F6FA; --linea:#DCE3EC; --texto:#101F3D; --texto2:#3F4B66;
  --fuente:"Poppins","Segoe UI",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} }
body{margin:0;font-family:var(--fuente);color:var(--texto);background:var(--fondo);font-size:1.0625rem;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--azul)}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px}
.salto{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:10px 16px;border-radius:8px;z-index:99}
.salto:focus{left:16px;top:16px}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--linea)}
.barra{width:min(1120px,100% - 40px);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.marca{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:700;font-size:1.25rem;color:var(--navy);text-decoration:none}
.marca img{width:40px;height:40px;display:block}
.marca span{color:var(--teal);font-weight:600}
.volver{color:var(--navy);font-weight:600;text-decoration:none;border:2px solid var(--navy);border-radius:999px;padding:8px 18px;min-height:44px;display:inline-flex;align-items:center}
.volver:hover{background:var(--fondo2)}
main{width:min(760px,100% - 40px);margin:40px auto 64px}
h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;margin:0 0 .3em}
h2{font-size:1.35rem;margin:1.8em 0 .5em;padding-top:.3em;border-top:1px solid var(--linea)}
h3{font-size:1.1rem;margin:1.2em 0 .4em}
p,li{color:var(--texto)}
.resumen{background:var(--fondo2);border-left:4px solid var(--teal);border-radius:0 12px 12px 0;padding:14px 18px;margin:20px 0}
.resumen p:last-child{margin:0}
.meta{color:var(--texto2);font-size:.95rem}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:12px 0 20px}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--linea)}
th{background:var(--fondo2);font-weight:600}
.aviso{background:#FFF6DB;border:1px solid #C99A1E;border-radius:12px;padding:12px 16px;margin:16px 0}
dl dt{font-weight:600;margin-top:.8em}
dl dd{margin:0}
footer{border-top:1px solid var(--linea);background:var(--fondo2)}
.pie{width:min(1120px,100% - 40px);margin-inline:auto;padding:24px 0;font-size:.92rem;color:var(--texto2);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
.pie ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 14px}
/* AAA 2.5.5: enlaces de pie y de cabecera con zona de 44 px de alto */
.pie a,footer .barra a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
.pie{padding:10px 0}
/* AAA 2.4.8: migas de pan que dicen dónde estás */
.migas{font-size:.95rem;color:var(--texto2);margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.migas a{display:inline-flex;align-items:center;min-height:44px}
.migas [aria-current]{color:var(--texto);font-weight:600}
/* AAA 3.1.4 y 3.1.5: abreviaturas explicadas y bloque «En pocas palabras» en lectura fácil */
abbr[title]{text-decoration:underline dotted;text-underline-offset:3px;cursor:help}
.facil{background:#E8F7F3;border-left:6px solid var(--teal);border-radius:0 12px 12px 0;padding:12px 18px;margin:16px 0 24px;font-size:1.05rem;line-height:1.7}
.facil h2{border:0;margin:0 0 6px;padding:0;font-size:1.15rem}
.facil ul{margin:0;padding-left:1.2em}.facil li{margin:4px 0}
.transcripcion{margin:8px 0 20px}.transcripcion summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.transcripcion ol{margin:6px 0 0;padding-left:1.4em}
p{margin:0 0 1.2em}
main{overflow-wrap:anywhere}
.tabla{overflow-x:auto;margin:12px 0 20px}
.tabla table{margin:0;min-width:640px}
@media (max-width:600px){ .barra{min-height:64px} .volver{padding:8px 14px} table{font-size:.88rem} th,td{padding:7px 6px} }

/* Un enlace del pie a la propia página se oculta; que ningún estilo lo resucite */
[hidden]{display:none!important}
