:root{--rojo:#b03035;--tinta:#16181d;--suave:#5b6270;--linea:#e6e8ec;--fondo:#fff}
@media(prefers-color-scheme:dark){:root{--tinta:#e9eaee;--suave:#a2a9b8;--linea:#2a2e37;--fondo:#12141a}}
*{box-sizing:border-box}
body{margin:0;background:var(--fondo);color:var(--tinta);
font:400 18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;border-radius:10px;display:block}
a{color:var(--rojo);text-decoration-thickness:1px;text-underline-offset:3px}
.cab{border-bottom:1px solid var(--linea);padding:18px 24px}
.marca{font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--tinta);font-size:19px}
.post,.lista{max-width:720px;margin:0 auto;padding:36px 24px 72px}
.migas{font-size:14px;color:var(--suave);margin-bottom:20px}
.migas a{color:var(--suave)}
h1{font-size:clamp(30px,5vw,42px);line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}
h2{font-size:clamp(23px,3.4vw,28px);line-height:1.25;letter-spacing:-.015em;margin:44px 0 12px}
h3{font-size:20px;margin:30px 0 10px}
.meta{color:var(--suave);font-size:15px;margin:0 0 26px}
.portada{margin:0 0 32px;width:100%}
article p{margin:0 0 20px}
article ul,article ol{margin:0 0 22px;padding-left:22px}
article li{margin-bottom:9px}
article strong{font-weight:650}
blockquote{margin:26px 0;padding:2px 0 2px 20px;border-left:3px solid var(--rojo);color:var(--suave)}
.tags{margin:40px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tag{font-size:13px;color:var(--suave);border:1px solid var(--linea);border-radius:99px;padding:4px 11px}
.relacionados{margin-top:52px;padding-top:26px;border-top:1px solid var(--linea)}
.relacionados h2{margin-top:0;font-size:19px}
.relacionados ul{list-style:none;padding:0;margin:0}
.relacionados li{margin-bottom:10px}
.aviso{background:rgba(176,48,53,.09);border-left:3px solid var(--rojo);padding:11px 15px;
border-radius:0 8px 8px 0;font-size:15px;margin:0 0 26px}
.intro{color:var(--suave);margin:0 0 38px}
.rejilla{display:grid;gap:44px}
.tarjeta h2{margin:14px 0 6px;font-size:22px}
.tarjeta h2 a{color:var(--tinta);text-decoration:none}
.tarjeta h2 a:hover{color:var(--rojo)}
.tarjeta p{margin:0;color:var(--suave);font-size:16px}
.vacio{color:var(--suave)}
.pie{border-top:1px solid var(--linea);padding:26px 24px;text-align:center;color:var(--suave);font-size:14px}
#cookies{position:fixed;left:16px;right:16px;bottom:16px;max-width:620px;margin:0 auto;
background:var(--fondo);border:1px solid var(--linea);border-radius:12px;padding:16px 18px;
box-shadow:0 10px 34px rgba(0,0,0,.16);display:flex;gap:16px;align-items:center;
flex-wrap:wrap;justify-content:space-between;font-size:14.5px;z-index:99}
#cookies[hidden]{display:none}
#cookies p{margin:0;flex:1 1 260px;color:var(--suave)}
#cookies div{display:flex;gap:8px}
#cookies button{font:inherit;cursor:pointer;border-radius:8px;padding:8px 15px;
border:1px solid var(--linea);background:transparent;color:var(--tinta)}
#cookies button[data-c="si"]{background:var(--rojo);border-color:var(--rojo);color:#fff}
@media(min-width:760px){.rejilla{grid-template-columns:1fr 1fr}}