:root{--tinta:#1A2035;--tinta2:#2C3450;--oro:#B08928;--oro-fondo:#F6EBD2;--oro-texto:#6B4E12;--jade:#1F6F54;--jade-fondo:#E8F0EA;--azul:#1F4E79;--azul-fondo:#E7EDF4;--violeta:#5B3A78;--violeta-fondo:#EEEAF2;--coral:#7B2A3B;--coral-fondo:#F5E9EB;--papel:#FFFFFF;--nube:#F1ECE0;--texto:#1A2035;--tenue:#4A5265;--linea:#DED7C6}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papel);color:var(--texto);font-family:"Source Serif 4",Georgia,serif;font-size:1.0625rem;line-height:1.7}
h1,h2,h3,.wordmark,.btn,.chip,nav a,.tarjeta h3{font-family:Archivo,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;color:var(--tinta);margin:0 0 .5em}
h1{font-size:clamp(1.95rem,5vw,2.9rem);font-weight:800}
h2{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:700;margin-top:2.2rem}
h3{font-size:1.1rem;font-weight:700;margin-top:1.6rem}
p,li{max-width:70ch}
p{margin:0 0 1rem}
a{color:var(--azul);text-underline-offset:3px}
.envoltura{width:min(100% - 2.5rem,50rem);margin-inline:auto}
.saltar{position:absolute;left:-9999px}
.saltar:focus{left:1rem;top:1rem;z-index:30;background:var(--oro);color:#FFFFFF;padding:.6rem 1rem;border-radius:.4rem}
:focus-visible{outline:3px solid var(--oro);outline-offset:3px}
.barra{background:var(--papel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:20}
.barra .envoltura{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;flex-wrap:wrap}
.wordmark{font-weight:800;font-size:1.2rem;letter-spacing:-.035em;color:var(--tinta);text-decoration:none;display:flex;align-items:center;gap:.5rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.3rem;border-radius:2rem;background:linear-gradient(135deg,#C79A2E,#A87F20);color:#FFFFFF;font-weight:700;font-size:.95rem;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:linear-gradient(135deg,#D8AA3C,#B78C26)}
.btn-linea{background:var(--papel);border:2px solid var(--tinta);color:var(--tinta)}
.btn-linea:hover{background:var(--nube)}
nav.migas{font-size:.85rem;color:var(--tenue);padding:1rem 0 0}
nav.migas a{color:var(--tenue)}
main{padding:1rem 0 3rem}
.entradilla{font-size:1.15rem;color:var(--tenue);max-width:60ch}
.caja{background:var(--oro-fondo);border:1px solid #E0D0A8;border-radius:1rem;padding:1.3rem 1.5rem;margin:1.75rem 0}
.caja p:last-child{margin-bottom:0}
.caja.jade{background:var(--jade-fondo);border-color:#C8DACE}
.caja.azul{background:var(--azul-fondo);border-color:#C7D5E2}
table{border-collapse:collapse;width:100%;font-size:.95rem;margin:1.2rem 0}
th,td{border-bottom:1px solid var(--linea);padding:.6rem .5rem;text-align:left;vertical-align:top}
th{font-family:Archivo,sans-serif;font-size:.85rem;color:var(--tenue)}
.tarjetas{display:grid;gap:1rem;margin:1.5rem 0}
@media(min-width:680px){.tarjetas{grid-template-columns:1fr 1fr}}
.tarjeta{border:1px solid var(--linea);border-radius:.9rem;padding:1.1rem;background:var(--papel)}
.tarjeta h3{margin:0 0 .3rem;font-size:1rem}
.tarjeta p{margin:0;font-size:.93rem;color:var(--tenue)}
.tarjeta.t1{background:var(--azul-fondo);border-color:#C7D5E2}
.tarjeta.t2{background:var(--jade-fondo);border-color:#C8DACE}
.tarjeta.t3{background:var(--violeta-fondo);border-color:#D4CCDE}
.tarjeta.t4{background:var(--coral-fondo);border-color:#E0C9CE}
details{border:1px solid var(--linea);border-radius:.7rem;padding:.9rem 1.1rem;margin-bottom:.7rem;background:var(--papel)}
details[open]{background:var(--nube)}
summary{font-family:Archivo,sans-serif;font-weight:700;cursor:pointer;color:var(--tinta);font-size:1rem}
details p{margin:.7rem 0 0;font-size:.97rem}
.cta{background:linear-gradient(135deg,#1A2035,#2C3450);color:#fff;border-radius:1.1rem;padding:1.9rem;text-align:center;margin:2.5rem 0}
.cta h2{color:#fff;margin-top:0}
.cta p{color:#D6DEEE;margin-inline:auto}
.pie{background:#F3EFE5;border-top:1px solid var(--linea);padding:2.2rem 0;font-size:.9rem;color:var(--tenue)}
.pie a{color:var(--azul)}
.pie nav{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;margin-bottom:1rem}
.legal{border-top:1px solid var(--linea);margin-top:1.2rem;padding-top:1rem;font-size:.82rem;color:#4A5265}.compartir-guia{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:center;margin:2rem 0 0;padding-top:1.2rem;border-top:1px solid var(--linea);font-family:Archivo,sans-serif;font-size:.9rem}
.compartir-guia span{color:var(--tenue);font-weight:700}
.compartir-guia a{color:var(--azul);text-decoration:none;border:1px solid var(--linea);border-radius:1.4rem;padding:.35rem .9rem}
.compartir-guia a:hover{background:var(--nube)}
