@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(/fuentes/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(/fuentes/roboto-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url(/fuentes/roboto-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:900;font-display:swap;src:url(/fuentes/roboto-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:"Roboto Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/fuentes/roboto-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url(/fuentes/newsreader-latin-opsz-normal.woff2) format("woff2-variations")}

/* Layout: barra superior fija con logo y secciones; guía en panel gris; noticia principal a dos columnas (titular grande | titulares por lado); franja de puntos ciegos; rejilla de 3 columnas */
:root{
  --fondo:#ffffff; --panel:#f4f4f2; --tinta:#111213; --texto:#3d4047; --gris:#5f636b; --linea:#e6e6e3;
  --izq:#c0392b; --cen:#b3b5b9; --der:#2c5aa0; --aviso:#b26b00;
  --logo:"Roboto",system-ui,sans-serif;
  --titular:"Newsreader",Georgia,serif;
  --ui:"Roboto",system-ui,sans-serif;
  --num:"Roboto Mono",ui-monospace,monospace;
  /* Escala tipográfica */
  --t-xs:.75rem; --t-s:.875rem; --t-m:1.0625rem; --t-l:1.375rem; --t-xl:1.875rem; --t-xxl:clamp(2.1rem,5vw,3.4rem);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --fondo:#121315; --panel:#1b1c1f; --tinta:#f2f2f0; --texto:#c4c6cb; --gris:#8c9099; --linea:#2a2c30;
  --izq:#e0645a; --cen:#6b6e74; --der:#6c95d8; --aviso:#e6a23c; color-scheme:dark}}
:root[data-theme="dark"]{
  --fondo:#121315; --panel:#1b1c1f; --tinta:#f2f2f0; --texto:#c4c6cb; --gris:#8c9099; --linea:#2a2c30;
  --izq:#e0645a; --cen:#6b6e74; --der:#6c95d8; --aviso:#e6a23c; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--fondo);color:var(--texto);font-family:var(--ui);font-size:var(--t-m);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px;border-radius:2px}
.wrap{max-width:1200px;margin:0 auto;padding-inline:20px}
.eti{font-family:var(--ui);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}

/* Barra superior */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:color-mix(in srgb,var(--fondo) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;padding-block:14px}
.logo{margin:0;font-family:var(--logo);font-weight:900;font-size:1.9rem;letter-spacing:-.045em;line-height:1;color:var(--tinta)}

.nav{display:flex;gap:4px 22px;flex-wrap:wrap}
.nav button{background:none;border:0;padding:6px 0;font-size:var(--t-s);font-weight:500;color:var(--gris);border-bottom:2px solid transparent}
.nav button:hover,.navlink:hover{color:var(--tinta)}
.navlink{padding:6px 0;font-size:var(--t-s);font-weight:500;color:var(--gris);text-decoration:none;border-bottom:2px solid transparent}
.nav button[aria-selected="true"]{color:var(--tinta);border-bottom-color:var(--tinta)}
.nav .n{font-family:var(--num);font-size:var(--t-xs);margin-left:5px;color:var(--gris)}
.edicion{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0 12px;border-bottom:1px solid var(--linea);font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.edicion .vivo{display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
.edicion .vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:#2e9d5b;box-shadow:0 0 0 3px color-mix(in srgb,#2e9d5b 25%,transparent)}
/* Saltos dentro de la portada: llevan a cada bloque, no a otra página */
.saltos{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;padding:12px 0;border-bottom:1px solid var(--linea);font-size:var(--t-s);font-weight:600;white-space:nowrap}
.saltos::-webkit-scrollbar{display:none}
.saltos a{color:var(--gris);text-decoration:none}
.saltos a:hover,.saltos a:focus-visible{color:var(--tinta)}
.saltos a b{color:var(--aviso);font-weight:700;margin-left:4px}
[id^="s-"]{scroll-margin-top:80px}
.subtop{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;padding-block:14px 0;font-size:var(--t-s);color:var(--gris)}

/* Guía */
.guia{margin-top:24px;background:var(--panel);border-radius:14px;padding:clamp(18px,3vw,32px)}
.guia-cab{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}
.guia-cols:not([hidden]){margin-top:28px}
.guia-bot{display:flex;gap:8px;flex-wrap:wrap}
.guia .cerrar.secundario{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}

.guia h2{margin:6px 0 8px;font-family:var(--ui);font-weight:900;font-size:var(--t-xl);letter-spacing:-.025em;line-height:1.1;color:var(--tinta)}
.guia .entradilla{margin:0;font-size:var(--t-l);line-height:1.4;max-width:46ch;color:var(--texto)}
.cerrar{background:var(--tinta);color:var(--fondo);border:0;border-radius:999px;padding:11px 22px;font-weight:700;font-size:var(--t-s)}
.guia-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.guia-cols > div{min-width:0}
@media (max-width:620px){
  .guia{padding:14px 16px;margin-top:16px}
  .guia .eti,.guia h2{display:none}
  .guia .entradilla{font-size:var(--t-s);line-height:1.45}
  .guia .entradilla .resto{display:none}
  .guia .proceso{display:none}
  .guia-cab{gap:10px}
  .guia .cerrar{padding:8px 14px;font-size:var(--t-s)}
  /* «Más noticias» como lista: sin foto ni detalle, toca para ver la historia */
  .rejilla .pieza{gap:8px;padding-top:14px}
  .rejilla .pieza .foto,.rejilla .pieza .pct,.rejilla .pieza .nota,.rejilla .pieza .ver,.rejilla .pieza .ver + div{display:none}
  .rejilla .pieza h3{font-size:var(--t-m)}
  .rejilla{gap:18px}
}
.guia h3{margin:0 0 12px;font-size:var(--t-m);font-weight:700;color:var(--tinta)}
.guia p{margin:0 0 10px;font-size:.95rem}
.guia .aparte{color:var(--gris);font-size:var(--t-s)}
.leyenda{display:grid;grid-template-columns:repeat(3,1fr);margin-top:6px;font-size:var(--t-xs);color:var(--gris)}
.leyenda span:nth-child(2){text-align:center}.leyenda span:nth-child(3){text-align:right}
.lectura{display:grid;gap:12px;font-size:.95rem}
.lectura div{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start}
.mini{display:flex;height:8px;margin-top:8px;border-radius:4px;overflow:hidden}
.mini i{display:block}
.proceso{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:30px;padding-top:20px;border-top:1px solid var(--linea);font-size:var(--t-s);color:var(--texto)}
.proceso b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--tinta);color:var(--fondo);font-size:var(--t-xs);margin-right:8px}

/* Barra de cobertura */
.barra{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--linea);gap:2px}
.barra.grande{height:30px;border-radius:6px;font-family:var(--num);font-size:var(--t-xs);color:#fff}
.barra > div{display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;min-width:0}
.b-izq{background:var(--izq)}.b-cen{background:var(--cen)}.b-der{background:var(--der)}
.barra.grande .b-cen{color:#1b1c1f}
.pct{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--t-s);color:var(--gris);font-variant-numeric:tabular-nums}
.pct b{font-weight:500;color:var(--tinta)}
.pct .i b{color:var(--izq)}.pct .d b{color:var(--der)}

/* Sección */
.cab-seccion{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:56px 0 20px;flex-wrap:wrap}
.cab-seccion h2{margin:0;font-family:var(--ui);font-weight:900;font-size:var(--t-xl);letter-spacing:-.025em;color:var(--tinta)}
.cab-seccion p{margin:0;color:var(--gris);font-size:var(--t-s);max-width:60ch}
.info{position:relative;display:inline-block;vertical-align:middle;margin-left:6px;font-family:var(--ui);font-weight:400;letter-spacing:0;text-transform:none}
.info-b{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gris);background:transparent;color:var(--gris);font:italic 700 12px/1 Georgia,serif;cursor:pointer;padding:0;display:inline-grid;place-items:center}
.info-b:hover,.info-b[aria-expanded="true"]{border-color:var(--tinta);color:var(--tinta)}
.info-p{position:absolute;z-index:20;top:calc(100% + 8px);left:-10px;width:min(320px,80vw);background:var(--fondo);color:var(--texto);border:1px solid var(--linea);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:12px 14px;font-size:.85rem;line-height:1.5;text-align:left}
.info-p a{color:var(--tinta)}

.meta{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;font-size:var(--t-s);color:var(--gris)}
.chip{font-size:var(--t-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--aviso);background:color-mix(in srgb,var(--aviso) 12%,transparent);padding:3px 8px;border-radius:4px}

/* Principal */
.principal{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;margin-top:40px;padding-bottom:48px;border-bottom:1px solid var(--linea)}
@media (max-width:880px){.principal{grid-template-columns:1fr;gap:28px}}
.principal h1{margin:12px 0 24px;font-family:var(--titular);font-weight:600;font-size:var(--t-xxl);line-height:1.06;letter-spacing:-.02em;color:var(--tinta);text-wrap:balance}
.principal .resumen{margin:16px 0 0;font-size:var(--t-m);line-height:1.45;color:var(--texto);max-width:40ch}
.principal .resumen strong{color:var(--tinta);font-weight:700}
.asi h3{margin:0 0 16px;font-size:var(--t-m);font-weight:700;color:var(--tinta)}
.bloque{padding:14px 0;border-top:1px solid var(--linea)}
.bloque:first-of-type{border-top:0;padding-top:0}
.bloque .lado{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.bloque .lado i{width:10px;height:10px;border-radius:50%}
.bloque ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.bloque li a{display:block;text-decoration:none;font-family:var(--titular);font-size:1.12rem;font-weight:500;line-height:1.3;color:var(--tinta)}
.bloque li a:hover{text-decoration:underline;text-underline-offset:3px}
.bloque .medio{display:block;font-size:var(--t-xs);color:var(--gris);margin-bottom:2px;font-weight:500}
.mas{margin-top:10px;background:none;border:0;padding:0;font-size:var(--t-s);font-weight:700;color:var(--gris);text-decoration:underline;text-underline-offset:3px}
.principal > div:first-child{position:sticky;top:96px;align-self:start}
@media (max-width:880px){.principal > div:first-child{position:static}}
.asi .ver-todos{display:none;margin-top:12px;font-weight:600;font-size:var(--t-s)}
/* En móvil, bajo la noticia principal, un solo titular por lado (el más reciente) y como mucho dos líneas: el resto, dentro de la historia */
@media (max-width:880px){
  .asi .bloque li:nth-child(n+2),.asi .mas{display:none}
  .asi .bloque li a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .asi .bloque{padding:10px 0}
  .asi .ver-todos{display:inline-block}
}
.vacio{margin:0;color:var(--gris);font-size:var(--t-s);font-style:italic}

/* Puntos ciegos */
.ciegos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ciego{background:var(--panel);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ciego h3{margin:0;font-family:var(--titular);font-weight:600;font-size:var(--t-l);line-height:1.2;color:var(--tinta);text-wrap:balance}
.ciego p{margin:0;font-size:var(--t-s);color:var(--gris)}

/* Rejilla */
.rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 36px}
@media (max-width:960px){.rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.rejilla{grid-template-columns:1fr;gap:32px}}
.pieza,.principal{scroll-margin-top:90px}
.pieza{display:flex;flex-direction:column;gap:12px;min-width:0;padding-top:20px;border-top:1px solid var(--linea)}
.pieza h3{margin:0;font-family:var(--titular);font-weight:600;font-size:var(--t-l);line-height:1.2;letter-spacing:-.01em;color:var(--tinta);text-wrap:balance}
.pieza .nota{margin:0;font-size:var(--t-s);color:var(--texto)}
.pieza .nota strong{color:var(--tinta);font-weight:700}
.ver{align-self:flex-start;background:none;border:0;padding:0;font-size:var(--t-s);font-weight:700;color:var(--tinta);display:flex;align-items:center;gap:6px}
.ver::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ver[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}
.pieza .bloque li a{font-size:1rem}
.vacia{grid-column:1/-1;padding:56px 0;text-align:center;color:var(--gris);font-size:var(--t-l)}

/* Medios */
.medios{margin-top:72px;padding-block:40px;border-top:1px solid var(--linea)}
.escala{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
@media (max-width:760px){.escala{grid-template-columns:1fr 1fr}}
.escala > div{min-width:0}
.escala h4{margin:0 0 10px;padding-top:12px;border-top:4px solid;font-size:var(--t-s);font-weight:700;color:var(--tinta)}
.escala ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:.95rem}
footer{padding-block:24px 48px;border-top:1px solid var(--linea);font-size:var(--t-s);color:var(--gris)}
@media (prefers-reduced-motion:no-preference){.barra > div{transition:flex-grow .5s ease}}

/* Fotos, temas y movimiento */
.foto{position:relative;margin:0;overflow:hidden;border-radius:12px;background:var(--panel);aspect-ratio:16/9;max-width:100%}
.foto img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .5s ease,transform .8s ease}
.foto img.ok{opacity:1}
article:hover .foto img,.hero:hover img{transform:scale(1.04)}
.foto figcaption{position:absolute;right:8px;bottom:8px;font-size:.68rem;font-weight:500;color:#fff;background:rgba(0,0,0,.45);padding:2px 7px;border-radius:4px;backdrop-filter:blur(4px)}
/* La foto crece con el titular: el texto nunca se sale por arriba */
.hero{aspect-ratio:auto;min-height:clamp(340px,46vw,540px);display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:18px}
.hero img{position:absolute;inset:0}
.hero .sombra{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.25) 35%,rgba(0,0,0,.88) 72%,rgba(0,0,0,.94) 100%)}
.hero .sobre{position:relative;padding:72px clamp(18px,3vw,28px) clamp(18px,3vw,28px);display:grid;gap:14px}
.hero .sobre h1{margin:0;color:#fff;font-family:var(--titular);font-weight:600;font-size:clamp(1.55rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.015em;text-wrap:pretty;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.hero .sobre .meta{color:rgba(255,255,255,.88)}
.hero figcaption{top:10px;bottom:auto}
.hero.sinfoto{background:#1b1c1f}
.hero.sinfoto img{display:none}
.ciego .foto{border-radius:8px;margin-bottom:2px}
.temas{display:flex;gap:8px;overflow-x:auto;padding:16px 0 4px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.temas::-webkit-scrollbar{display:none}
a.tema{text-decoration:none;display:inline-flex;align-items:center}
a.tema:hover{border-color:var(--tinta)}
/* Punto: el tema tiene novedades desde tu última visita */
.tema.nuevo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--aviso);margin-right:7px;flex:none}
.mas-tema{display:inline-flex;gap:6px;align-items:baseline;margin-top:10px;font-size:var(--t-s);color:var(--gris);text-decoration:none}
.mas-tema b{color:var(--tinta);font-weight:600}
.mas-tema:hover b{text-decoration:underline;text-underline-offset:3px}
.temas .eti{align-self:center;white-space:nowrap;margin-right:4px}
.tema.fijo{font-weight:700}
.temas-caja .temas{padding-top:0;flex-wrap:wrap;-webkit-mask-image:none;overflow:visible}
.temas-caja .eti{display:none}
.temas a.tema::after{content:"›";margin-left:6px;opacity:.55;font-weight:700}
.tema{flex:none;border:1px solid var(--linea);background:var(--fondo);border-radius:999px;padding:7px 14px;font-size:var(--t-s);font-weight:500;color:var(--tinta);white-space:nowrap}
.tema:hover{border-color:var(--tinta)}
.tema[aria-pressed="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.tema .n{font-family:var(--num);font-size:var(--t-xs);color:var(--gris);margin-left:4px}
.tema[aria-pressed="true"] .n{color:inherit;opacity:.7}
@media (prefers-reduced-motion:no-preference){
  .barra{transform-origin:left center;animation:crecer .8s cubic-bezier(.2,.7,.2,1) both}
  @keyframes crecer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
  .pieza,.ciego{animation:subir .5s ease both}
  @keyframes subir{from{transform:translateY(8px)}to{transform:none}}
}
@media (prefers-reduced-motion:reduce){.foto img{transition:none}article:hover .foto img,.hero:hover img{transform:none}}

/* Resumen del día */
.resumen-dia{margin-top:40px;display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:28px;align-items:start;padding:24px;background:var(--panel);border-radius:14px}
@media (max-width:820px){.resumen-dia{grid-template-columns:1fr;gap:16px;padding:20px}}
.resumen-dia h2{margin:4px 0 8px;font-weight:900;font-size:var(--t-xl);letter-spacing:-.025em;line-height:1.05;color:var(--tinta)}
.resumen-dia .cifras{margin:0;color:var(--texto);font-size:var(--t-s);line-height:1.6}
.resumen-dia .cifras b{color:var(--tinta);font-variant-numeric:tabular-nums}
.resumen-dia ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:r 1}
@media (max-width:1100px){.resumen-dia{grid-template-columns:1fr}}
@media (max-width:820px){.resumen-dia ol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.resumen-dia ol > li{flex:0 0 62%;scroll-snap-align:start}}
.resumen-dia ol > li{counter-increment:r;min-width:0}
.resumen-dia ol > li > a{display:grid;gap:8px;text-decoration:none;color:var(--tinta)}
.resumen-dia .mini-foto{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--linea)}
.resumen-dia .mini-foto img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s,transform .6s}
.resumen-dia .mini-foto img.ok{opacity:1}
.resumen-dia ol > li > a:hover img{transform:scale(1.05)}
.resumen-dia .mini-foto::before{display:none;content:counter(r);position:absolute;left:8px;top:8px;z-index:1;width:24px;height:24px;border-radius:50%;background:var(--tinta);color:var(--fondo);display:grid;place-items:center;font-size:var(--t-xs);font-weight:700}
.resumen-dia .t{font-family:var(--titular);font-weight:600;font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.resumen-dia ol > li > a:hover .t{text-decoration:underline;text-underline-offset:3px}
.resumen-dia .barra{height:6px}
.resumen-dia .m{font-size:var(--t-xs);color:var(--gris)}
.destacar{animation:destello 1.6s ease}
@keyframes destello{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--tinta) 30%,transparent)}100%{box-shadow:0 0 0 18px transparent}}

/* Lo último */
.antetitulo{margin:0 0 6px!important;font-size:var(--t-xs)!important;letter-spacing:.08em;text-transform:uppercase}
.antetitulo b{color:inherit!important;font-weight:800!important}
.sobre .antetitulo{color:#fff}
.sobre .antetitulo .info-b{color:#fff;border-color:rgba(255,255,255,.6)}
.pct.cuentas > span{display:flex;flex-direction:column;gap:1px}.pct.cuentas > span:nth-child(2){align-items:center}.pct.cuentas > span:last-child{align-items:flex-end}
.pct.cuentas small{font-size:var(--t-xs);color:var(--gris);font-weight:500}
.porque{margin:10px 0 0;font-size:var(--t-s);color:var(--texto);line-height:1.45}
.porque b{color:var(--tinta);font-weight:600}
.porque a{color:var(--gris)}
.desarrollo .cab-seccion{margin-top:48px}
.desarrollo-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px 32px}
.des{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:2px solid var(--tinta);min-width:0}
.des h3{margin:0;font-weight:900;font-size:var(--t-l);letter-spacing:-.02em;line-height:1.15}
.des h3 a{color:var(--tinta);text-decoration:none}.des h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.des .m{font-size:var(--t-xs);color:var(--gris);margin:0}
.des .m b{color:var(--aviso)}
.des .barra{height:6px}
.des ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.des li{font-size:var(--t-s);line-height:1.35}
.des li .md{display:block;font-size:var(--t-xs);color:var(--gris);margin-bottom:1px}
.des li .md i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px}
.des li a{color:var(--tinta);text-decoration:none;font-family:var(--titular);font-weight:600}
.des li a:hover{text-decoration:underline;text-underline-offset:3px}
.des .ir{font-size:var(--t-s);font-weight:500;color:var(--tinta)}
.ultimo .cab-seccion{margin-top:48px}
.ultimo-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
@media (max-width:760px){.ultimo-lista{grid-template-columns:1fr}}
.ultimo-lista li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--linea)}
.ultimo-lista time{font-family:var(--num);font-size:var(--t-s);color:var(--tinta);padding-top:2px}
.ultimo-lista a{display:grid;gap:6px;text-decoration:none;color:var(--tinta);min-width:0}
.ultimo-lista .t{font-family:var(--titular);font-weight:600;font-size:1.08rem;line-height:1.25}
.ultimo-lista a:hover .t{text-decoration:underline;text-underline-offset:3px}
.ultimo-lista .m{font-size:var(--t-xs);color:var(--gris)}
.ultimo-lista .m b{color:var(--aviso)}
.ultimo-lista .barra{height:5px;max-width:260px}

/* Boletín */
.boletin{scroll-margin-top:90px;margin-top:64px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--tinta);color:var(--fondo);border-radius:16px;padding:clamp(24px,4vw,44px)}
@media (max-width:820px){.boletin{grid-template-columns:1fr;gap:20px}}
.boletin .eti{color:color-mix(in srgb,var(--fondo) 65%,transparent)}
.boletin h2{margin:8px 0 10px;font-weight:900;font-size:var(--t-xl);letter-spacing:-.025em;line-height:1.1;color:var(--fondo);text-wrap:balance}
.boletin p{margin:0;color:color-mix(in srgb,var(--fondo) 80%,transparent);max-width:46ch}
.boletin form{display:grid;gap:8px;min-width:0}
.boletin .fila{display:flex;gap:8px;flex-wrap:wrap}
.boletin input{flex:1 1 220px;min-width:0;font:inherit;font-size:var(--t-m);padding:13px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--fondo) 30%,transparent);background:color-mix(in srgb,var(--fondo) 8%,transparent);color:var(--fondo)}
.boletin input::placeholder{color:color-mix(in srgb,var(--fondo) 50%,transparent)}
.boletin input:focus-visible{outline:2px solid var(--fondo);outline-offset:2px}
.boletin button{font-weight:700;font-size:var(--t-s);padding:13px 22px;border-radius:999px;border:0;background:var(--fondo);color:var(--tinta)}
.boletin button:disabled{opacity:.6;cursor:wait}
.boletin .aviso-bol{min-height:1.4em;font-weight:500;color:var(--fondo)}
.boletin .legal{font-size:var(--t-xs);color:color-mix(in srgb,var(--fondo) 55%,transparent)}
.resumen-dia .al-correo{display:inline-block;margin-top:12px;font-size:var(--t-s);font-weight:700;color:var(--tinta)}

.secciones-nav{padding-top:18px}
.secciones-nav + .temas{padding-top:6px}
.navlink-29n{color:var(--tinta)!important;font-weight:700}
.cab-seccion p a{color:var(--tinta);font-weight:600;text-underline-offset:3px}
@media (max-width:600px){.guia{padding:18px}.guia h2{font-size:var(--t-l)}.guia .entradilla{font-size:var(--t-m)}}
.por-bloque{margin:8px 0 0;font-size:var(--t-s);color:var(--texto)}.por-bloque:empty{display:none}
/* Ajustes finales de la portada en el móvil (van al final para mandar sobre lo anterior) */
.asi .ver-todos{text-decoration:none;border:1.5px solid var(--tinta);border-radius:999px;padding:9px 16px;color:var(--tinta)}
@media (max-width:620px){
  .cab-seccion{margin:36px 0 14px}
  .cab-seccion h2{font-size:1.6rem}
  .cab-seccion p{font-size:var(--t-s)}
  .principal{margin-top:20px;padding-bottom:28px;gap:20px}
  .resumen-dia h2{font-size:1.6rem}
  .ciego{padding:16px;gap:10px}
}
.desarrollo .cab-seccion,.ultimo .cab-seccion{margin-top:36px}
.resumen-dia .mini-foto::before{display:none!important}
@media (max-width:620px){.resumen-dia{margin-top:20px}}
.filtro{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.filtro button{border:1px solid var(--linea);background:var(--fondo);color:var(--tinta);border-radius:999px;padding:8px 14px;font-size:var(--t-s);font-weight:600}
.filtro button span{color:var(--gris);font-weight:500;margin-left:4px}
.filtro button[aria-pressed="true"]{background:var(--tinta);color:var(--fondo);border-color:var(--tinta)}
.filtro button[aria-pressed="true"] span{color:inherit;opacity:.7}
/* Móvil: «también lo más contado» como lista seguida de la principal, sin título ni recuadro, foto pequeña a la derecha */
@media (max-width:820px){
  .resumen-dia{background:none;padding:0;margin-top:8px!important;display:block}
  .resumen-dia > div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .resumen-dia ol{display:block!important;overflow:visible;padding:0}
  .resumen-dia ol > li{border-top:1px solid var(--linea)}
  .resumen-dia ol > li:first-child{border-top:0}
  .resumen-dia ol > li > a{grid-template-columns:minmax(0,1fr) 92px;grid-template-areas:"t f" "b f" "m f";column-gap:14px;row-gap:6px;padding:14px 0;align-items:start}
  .resumen-dia .t{grid-area:t;font-size:1.2rem;-webkit-line-clamp:3}
  .resumen-dia .barra{grid-area:b}
  .resumen-dia .m{grid-area:m}
  .resumen-dia .mini-foto{grid-area:f;aspect-ratio:1;width:92px}
  .resumen-dia .mini-foto:empty{visibility:hidden}
}
/* Desplegables «Cómo la titula cada lado» */
.desplegar{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--linea);border-radius:999px;padding:7px 14px;font-size:var(--t-s);font-weight:600;color:var(--tinta)}
.desplegar::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.desplegar[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.asi-bot{display:none}
.resumen-dia ol > li > .desplegar{margin:0 0 14px;padding:5px 12px;font-size:var(--t-xs)}
.desp{padding:0 0 16px}
.desp .bloque li a{font-size:1rem}
.desp .bloque li:nth-child(n+2),.desp .mas{display:none}
.ver-todos-l{font-size:var(--t-s);font-weight:600;color:var(--tinta)}
@media (max-width:820px){
  .asi-bot{display:inline-flex}
  .asi:not(.abierta) > :not(.asi-bot){display:none!important}
  .asi.abierta .asi-bot{margin-bottom:16px}
  .principal{gap:16px!important}
}
/* Ordenador: «Más contadas hoy» en una fila, seguida de la principal */
@media (min-width:821px){
  .resumen-dia{display:block;background:none;padding:0;margin-top:28px}
  .resumen-dia > div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:14px}
  .resumen-dia h2{font-size:var(--t-xs)!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);margin:0}
  .resumen-dia .al-correo{margin:0;font-weight:600;color:var(--gris)}
  .resumen-dia ol{grid-template-columns:repeat(var(--n,5),minmax(0,1fr))!important;gap:20px}
  .resumen-dia ol > li{display:flex;flex-direction:column;align-items:flex-start}
  .resumen-dia ol > li > a{width:100%}
  .resumen-dia ol > li > .desplegar{margin-top:auto}
}
.desarrollo{margin-top:8px}

/* Cabecera y menú */
.top .wrap.barra-top{display:flex;align-items:center;gap:18px;flex-wrap:nowrap;padding-block:12px}
a.logo{text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.26em}
.logo-ic{width:1em;height:1em;flex:none;transform:translateY(.02em)}
.hamb{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:8px 2px;font-size:var(--t-s);font-weight:700;color:var(--tinta);flex:none}
.hamb i{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px;transition:background .2s}
.hamb i::before,.hamb i::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s}
.hamb i::before{top:-6px}.hamb i::after{top:6px}
.hamb[aria-expanded="true"] i{background:transparent}
.hamb[aria-expanded="true"] i::before{transform:translateY(6px) rotate(45deg)}
.hamb[aria-expanded="true"] i::after{transform:translateY(-6px) rotate(-45deg)}
.top .nav{margin-left:auto;flex-wrap:nowrap}
.navlink{white-space:nowrap}
.navlink[aria-current="page"]{color:var(--tinta);border-bottom-color:var(--tinta)}
.btn-bol{flex:none;background:var(--tinta);color:var(--fondo);padding:9px 16px;border-radius:999px;font-size:var(--t-s);font-weight:700;text-decoration:none;white-space:nowrap}
.btn-bol:hover{opacity:.85}
.btn-buscar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 6px 0 10px;border-radius:999px;color:var(--tinta)}
.btn-buscar:hover,.btn-buscar[aria-current="page"]{background:var(--linea)}
@media (max-width:900px){.top .nav{display:none}.btn-buscar{margin-left:auto}}
@media (max-width:420px){.hamb-txt{display:none}.top .logo{font-size:1.6rem}.btn-bol{padding:8px 13px}.btn-buscar{width:34px;height:34px;margin-right:4px}}
@media (max-width:370px){.top .logo{font-size:1.45rem}}
.menu{position:absolute;left:0;right:0;top:100%;background:var(--fondo);border-bottom:1px solid var(--linea);box-shadow:0 24px 48px rgba(0,0,0,.10);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain}
.menu[hidden]{display:none}
body{margin:0}
[hidden]{display:none!important}
.top .menu .menu-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start;justify-content:normal;padding-block:28px 36px}
@media (max-width:900px){.top .menu .menu-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.top .menu .menu-cols{grid-template-columns:1fr;gap:24px;padding-block:20px 28px}}
.menu-cols > div{display:flex;flex-direction:column;min-width:0}
.menu-cols .eti{margin-bottom:8px}
.menu-cols a{padding:7px 0;text-decoration:none;color:var(--tinta);font-weight:600;font-size:1.0625rem}
.aspecto-bot{display:inline-flex;border:1px solid var(--linea);border-radius:999px;padding:3px;margin-top:8px;gap:2px}
.aspecto-bot button{border:0;background:none;border-radius:999px;padding:7px 12px;font-size:var(--t-s);font-weight:600;color:var(--gris)}
.aspecto-bot button[aria-pressed="true"]{background:var(--tinta);color:var(--fondo)}
.menu-cols a:hover{text-decoration:underline;text-underline-offset:3px}
.menu-cols a.fuerte{font-weight:900;font-size:var(--t-l);letter-spacing:-.02em;line-height:1.2;padding:5px 0}
@media (prefers-reduced-motion:no-preference){.menu:not([hidden]){animation:bajar .18s ease}@keyframes bajar{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}}

/* Pie */
footer.pie{margin-top:80px;padding:0;border-top:1px solid var(--linea);background:var(--panel);color:var(--texto)}
.pie-cols{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:28px;padding-block:44px 28px}
@media (max-width:900px){.pie-cols{grid-template-columns:1fr 1fr}.pie-cols > div:first-child{grid-column:1/-1}}
@media (max-width:420px){.pie-cols{grid-template-columns:1fr}}
.pie .logo{font-size:1.5rem}
.pie p{margin:12px 0 0;font-size:var(--t-s);max-width:36ch}
.pie nav{display:flex;flex-direction:column;gap:7px;font-size:var(--t-s);min-width:0}
.pie nav .eti{margin-bottom:4px}
.pie nav a{text-decoration:none;color:var(--texto)}
.pie-gestion{color:inherit;text-decoration:none}
.pie-gestion:hover{text-decoration:underline}
.pie nav a:hover{color:var(--tinta);text-decoration:underline;text-underline-offset:3px}
.pie-fin{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;border-top:1px solid var(--linea);padding-block:18px 32px;font-size:var(--t-xs);color:var(--gris)}
.pendiente{background:color-mix(in srgb,var(--aviso) 20%,transparent);color:var(--tinta);padding:0 5px;border-radius:3px;font-weight:500}

/* Titulares enlazados a su página */
.pieza h3 a,.ciego h3 a,.principal h1 a{color:inherit;text-decoration:none}
.pieza h3 a:hover,.ciego h3 a:hover,.principal h1 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.ir-historia{display:inline-block;margin-top:16px;font-size:var(--t-s);font-weight:700;color:var(--tinta);text-underline-offset:3px}

.metodo{max-width:820px}
.metodo-cab{margin:40px 0 28px}
.metodo-cab h1{margin:10px 0 14px;font-family:var(--titular);font-weight:600;font-size:var(--t-xxl);line-height:1.06;letter-spacing:-.02em;color:var(--tinta);text-wrap:balance}
.metodo .resumen{margin:0;font-size:var(--t-l);line-height:1.45;max-width:46ch}
.frase{font-family:var(--titular);font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.25;color:var(--tinta);font-weight:500;margin:10px 0 18px!important;max-width:34ch!important;text-wrap:balance}
.premisa{border-top:3px solid var(--tinta);margin-top:8px}
.pasos-m{margin:0 0 10px;padding:0;list-style:none;counter-reset:p;display:grid;gap:14px;max-width:66ch}
.pasos-m li{counter-increment:p;position:relative;padding-left:44px}
.pasos-m li::before{content:counter(p);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--tinta);color:var(--fondo);font-weight:700;font-size:var(--t-s)}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.indice a{font-size:var(--t-s);text-decoration:none;background:var(--panel);padding:6px 12px;border-radius:999px;color:var(--tinta)}
.indice a:hover{background:var(--linea)}
.metodo section{padding-top:44px;scroll-margin-top:80px}
.metodo h2{margin:0 0 14px;font-weight:900;font-size:var(--t-xl);letter-spacing:-.025em;line-height:1.15;color:var(--tinta)}
.metodo h3{margin:26px 0 10px;font-size:var(--t-m);font-weight:700;color:var(--tinta)}
.metodo p{margin:0 0 14px;max-width:66ch}
.metodo p a,.lista a,.metodo li a{color:var(--tinta);text-underline-offset:3px}
.lista{margin:0 0 14px;padding-left:20px;display:grid;gap:8px;max-width:66ch}
.niveles{display:grid;gap:2px;margin:18px 0 8px;border-radius:12px;overflow:hidden}
.niveles div{display:grid;grid-template-columns:14px 150px 1fr;gap:14px;align-items:baseline;background:var(--panel);padding:14px 18px}
.niveles i{width:12px;height:12px;border-radius:50%;display:inline-block;transform:translateY(1px)}
.niveles strong{color:var(--tinta)}
.niveles span{font-size:.95rem}
@media (max-width:600px){.niveles div{grid-template-columns:14px 1fr}.niveles span{grid-column:2}}
.aviso{background:color-mix(in srgb,var(--aviso) 10%,transparent);border-left:3px solid var(--aviso);padding:14px 16px;border-radius:0 8px 8px 0;font-size:.95rem}
.ejemplos{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:6px 0 16px}
.ejemplos div{background:var(--panel);border-radius:12px;padding:16px 18px;display:grid;gap:6px;font-size:.95rem}
.ejemplos strong{color:var(--tinta)}
.tabla-wrap{overflow-x:auto;margin-top:8px}
.tabla{width:100%;border-collapse:collapse;font-size:.92rem;min-width:680px}
.tabla th{text-align:left;font-size:var(--t-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gris);padding:10px 12px 10px 0;border-bottom:1px solid var(--tinta)}
.tabla td{padding:11px 12px 11px 0;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla td a{color:var(--tinta);text-decoration:none;font-weight:500}
.tabla td a:hover{text-decoration:underline}
.tabla .num{font-variant-numeric:tabular-nums;color:var(--gris);white-space:nowrap}
.tema-sueltos{margin-top:36px}
.tema-sueltos ol{list-style:none;margin:12px 0 0;padding:0}
.tema-sueltos li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--linea)}
.tema-sueltos time{font-family:var(--num);font-size:var(--t-s);color:var(--tinta)}
.tema-sueltos .md{display:block;font-size:var(--t-xs);color:var(--gris);margin-bottom:2px}
.tema-sueltos .md i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px}
.tema-sueltos a{color:var(--tinta);text-decoration:none;font-family:var(--titular);font-weight:600;line-height:1.3}
.tema-sueltos a:hover{text-decoration:underline;text-underline-offset:3px}
.info{position:relative;display:inline-block;vertical-align:middle;margin-left:6px;font-family:var(--ui);font-weight:400;letter-spacing:0;text-transform:none}
.info-b{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--gris);background:transparent;color:var(--gris);font:italic 700 12px/1 Georgia,serif;cursor:pointer;padding:0;display:inline-grid;place-items:center}
.info-b:hover,.info-b[aria-expanded="true"]{border-color:var(--tinta);color:var(--tinta)}
.info-p{position:absolute;z-index:20;top:calc(100% + 8px);left:-10px;width:min(320px,80vw);background:var(--fondo);color:var(--texto);border:1px solid var(--linea);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.14);padding:12px 14px;font-size:.85rem;line-height:1.5;text-align:left}
.info-p a{color:var(--tinta)}
.dud-h{border-top:1px solid var(--linea);padding:14px 0}
.dud-tit{color:var(--tinta);font-weight:700;text-decoration:none;font-family:var(--titular)}
.dud-h ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:12px}
.dud-h li{display:grid;gap:4px}
.dud-h li .m{font-size:var(--t-xs);color:var(--gris)}
.dud-h li a{color:var(--tinta)}
.dud-bot{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.dud-bot .boton{padding:6px 14px}
.g-acceso{margin-top:20px;max-width:560px;display:grid;gap:12px;justify-items:start}
.g-acceso p{margin:0;line-height:1.5}
.g-acceso .boton{border:0;cursor:pointer}
.g-acceso .boton:disabled{opacity:.5;cursor:default}
.g-clave{display:grid;gap:6px;width:100%;max-width:420px}
.g-clave label{font-size:var(--t-s);font-weight:600;color:var(--tinta)}
.g-clave .fila{display:flex;gap:8px;flex-wrap:wrap}
.g-clave input[type=password]{flex:1;min-width:180px;font:inherit;padding:9px 12px;border:1px solid var(--linea);border-radius:8px;background:var(--fondo);color:var(--tinta)}
.g-clave .boton{border:0;cursor:pointer}
.g-enlace{font-size:var(--t-s);color:var(--texto)}
.g-enlace summary{cursor:pointer;color:var(--gris)}
.g-enlace p{margin:8px 0!important}
#gBtn{min-height:44px}
.mas-lado{margin-top:4px}.mas-lado summary,.otro-enfoque summary{cursor:pointer;font-size:var(--t-s);font-weight:600;color:var(--tinta);padding:8px 0}
.mas-lado[open] summary{color:var(--gris)}
.tema-recien{margin:10px 0 0;font-size:var(--t-s);color:var(--texto)}.tema-recien a{color:var(--tinta);font-weight:600}
.tema-sueltos summary{cursor:pointer;font-weight:600;color:var(--tinta);padding:6px 0}
.ia-otro{color:var(--aviso);font-weight:700}.ia-mismo{color:var(--gris);font-weight:600}
.gestion section{padding-top:32px}
.gestion h2 .n{font-weight:400;font-size:var(--t-s);color:var(--gris);margin-left:8px}
.aviso-g{border-top:1px solid var(--linea);padding:14px 0;display:grid;gap:6px}
.aviso-g .m{font-size:var(--t-xs);color:var(--gris)}
.aviso-g a{color:var(--tinta);font-weight:600}
.aviso-g p{margin:0;font-size:var(--t-s)}
.aviso-g label{font-size:var(--t-s);display:flex;gap:6px;align-items:center}
.aviso-g.hecho{opacity:.55}
.boton.secundario{background:transparent;color:var(--tinta)!important;border:1px solid var(--tinta);cursor:pointer}
.tema-g{border-top:1px solid var(--linea);padding:14px 0;display:grid;gap:8px}
.tema-g .fila{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.tema-g input[type=text]{font:inherit;padding:8px 10px;border:1px solid var(--linea);border-radius:6px;background:var(--fondo);color:var(--tinta);flex:1 1 220px}
.tema-g label{font-size:var(--t-s);display:flex;gap:6px;align-items:center}
.tema-g .boton{padding:8px 16px}
.otro-enfoque{margin-top:14px;padding-top:12px;border-top:1px dashed var(--linea)}
.otro-enfoque ul{opacity:.85}
.otro-enfoque .aparte{margin:2px 0 8px}
.tabla .med{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:150px}
.tabla .med small{display:block;white-space:normal;color:var(--gris);font-size:var(--t-xs);line-height:1.4;margin-top:3px;max-width:260px}
.tabla{min-width:860px}
.sin{color:var(--aviso);font-weight:600}
.pill{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.pill i{width:10px;height:10px;border-radius:50%;display:inline-block}
.gris{color:var(--gris)}
.boton{display:inline-block;background:var(--tinta);color:var(--fondo)!important;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:700;font-size:var(--t-s)}
.aparte{color:var(--gris);font-size:var(--t-s)}

.volver{color:var(--gris);text-decoration:none;font-weight:500}
.volver:hover{color:var(--tinta)}
.hist-cab{margin:28px 0 32px;max-width:920px}
.hilo{margin:14px 0 0;display:grid;gap:6px;font-size:var(--t-s);color:var(--gris);line-height:1.45}
.en-tema{margin:18px 0 0;padding:14px 16px;border:1px solid var(--linea);border-radius:10px;display:grid;gap:6px;font-size:var(--t-s);line-height:1.4;max-width:720px}
.en-tema .et{font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--gris);font-weight:600}
.en-tema .nombre{font-weight:800;font-size:var(--t-m);color:var(--tinta);text-decoration:none}
.en-tema .nombre:hover,.en-tema .todo:hover{text-decoration:underline;text-underline-offset:3px}
.en-tema ul{list-style:none;margin:4px 0;padding:0;display:grid;gap:6px}
.en-tema li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px}
.en-tema time{color:var(--gris);font-family:var(--num);font-size:var(--t-xs);padding-top:2px}
.en-tema li a{color:var(--tinta);text-decoration:none}
.en-tema li a:hover{text-decoration:underline}
.en-tema .todo{font-weight:600;color:var(--tinta);text-decoration:none}
.hilo b{color:var(--tinta);font-weight:600}
.hilo a{color:var(--tinta)}
.hist-etis{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.hist-etis .tema{text-decoration:none;padding:5px 12px}
.hist-cab h1,.hist-vacia h1{margin:0 0 16px;font-family:var(--titular);font-weight:600;font-size:var(--t-xxl);line-height:1.06;letter-spacing:-.02em;color:var(--tinta);text-wrap:balance}
.hist-cab .hist-cob{margin-top:22px}
.hist-cab .hist-cob h2{font-size:var(--t-s)!important;font-weight:700!important;letter-spacing:.06em!important;text-transform:uppercase;color:var(--gris)!important;margin:0 0 10px!important}
.pct.cuentas > span{display:flex;flex-direction:column;gap:1px}.pct.cuentas > span:nth-child(2){align-items:center}.pct.cuentas > span:last-child{align-items:flex-end}
.pct.cuentas small{font-size:var(--t-xs);color:var(--gris);font-weight:500}
@media (max-width:880px){.hist-asi{order:-1}}
.hist-cuerpo{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:start}
@media (max-width:880px){.hist-cuerpo{grid-template-columns:1fr;gap:40px}}
.hist-izq{min-width:0}
.hist-foto{margin-bottom:28px}
.hist-cob h2,.hist-asi h2{margin:0 0 14px;font-weight:900;font-size:var(--t-l);letter-spacing:-.02em;color:var(--tinta)}
.hist-cob .resumen{margin:18px 0 10px;font-size:var(--t-l);line-height:1.4}
.hist-cob .resumen strong{color:var(--tinta)}
.hist-cob .cuenta{margin:0 0 10px;font-size:.95rem;max-width:60ch}
.hist-cob .aparte,.hist-asi .aparte{margin:0 0 16px;font-size:var(--t-s);color:var(--gris)}
.hist-cob .aparte a{color:var(--tinta);text-underline-offset:3px}
.hist-asi{min-width:0}
.hist-asi .bloque li a{font-size:1.08rem}
.compartir{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:28px;padding:14px 0;border-top:1px solid var(--tinta);border-bottom:1px solid var(--linea)}
.compartir .c-eti{margin-right:auto;font-size:var(--t-m);font-weight:700;color:var(--tinta)}
.c-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--linea);background:var(--fondo);color:var(--tinta);text-decoration:none;cursor:pointer}
.c-btn:hover,.c-btn:focus-visible{border-color:var(--tinta)}
.compartir .c-ok:empty{display:none}
.compartir .c-ok{width:100%;text-align:right}
.c-ok{font-size:var(--t-s);color:var(--gris);word-break:break-all}
.hist-vacia{max-width:640px;margin:48px 0 40px}
.hist-vacia p{margin:0 0 24px}
.hist-que{margin:0 0 32px}
.hist-que h2,.hist-crono h2,.hist-rel h2{margin:0 0 14px;font-weight:900;font-size:var(--t-l);letter-spacing:-.02em;color:var(--tinta)}
.hist-que blockquote{margin:0 0 10px;padding:4px 0 4px 18px;border-left:3px solid var(--tinta);font-family:var(--titular);font-size:1.2rem;line-height:1.45;color:var(--tinta)}
.hist-que .aparte a{color:var(--tinta);text-underline-offset:3px}
.hist-crono{margin-top:32px;padding-top:24px;border-top:1px solid var(--linea)}
.hist-crono .primero{margin:0 0 12px;font-size:1.02rem}
.hist-crono .primero b{color:var(--tinta)}
.crono-lados{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;font-size:.95rem}
.crono-lados li,.crono-todo li{display:flex;gap:10px;align-items:baseline}
.crono-lados i,.crono-todo i{flex:none;width:10px;height:10px;border-radius:50%;transform:translateY(1px)}
.crono-lados b{color:var(--tinta)}
.crono-todo summary{cursor:pointer;font-size:var(--t-s);font-weight:700;color:var(--tinta)}
.crono-todo ol{list-style:none;margin:12px 0;padding:0 0 0 2px;display:grid;gap:6px;font-size:var(--t-s);border-left:2px solid var(--linea)}
.crono-todo li{padding-left:12px}
.crono-todo time{font-family:var(--num);color:var(--gris);min-width:3.2em}
.hist-asi .ficha{display:block;font-weight:400;color:var(--gris);margin-top:1px}
.avisar{margin-top:28px;padding-top:20px;border-top:1px solid var(--linea)}
.avisar summary{cursor:pointer;font-size:var(--t-s);font-weight:700;color:var(--tinta)}
.avisar form{display:grid;gap:10px;margin-top:14px}
.avisar fieldset{border:0;margin:0;padding:0;display:grid;gap:8px;font-size:.95rem}
.avisar legend{margin-bottom:6px}
.avisar label{display:flex;gap:8px;align-items:baseline}
.avisar textarea{font:inherit;font-size:.95rem;padding:10px 12px;border-radius:10px;border:1px solid var(--linea);background:var(--fondo);color:var(--tinta);resize:vertical}
.avisar .boton{justify-self:start;border:0;cursor:pointer}
.avisar .gracias{margin:12px 0 0}
.hist-rel{margin-top:56px;padding-top:28px;border-top:3px solid var(--tinta)}
.registro{padding-left:1.2em}.registro li{margin:0 0 10px;line-height:1.5}
.novedad{display:grid;gap:4px;margin:0 0 18px;padding:12px 16px;border-radius:12px;border:1px solid var(--aviso);background:color-mix(in srgb,var(--aviso) 9%,transparent);text-decoration:none;color:var(--tinta)}
.novedad .eti{color:var(--aviso)}
.novedad .nt{font-family:var(--titular);font-weight:600;font-size:1.1rem;line-height:1.25}
.novedad .nm{font-size:var(--t-s);color:var(--gris)}
.novedad:hover .nt{text-decoration:underline;text-underline-offset:3px}
.bol-corto{margin:48px 0 0;padding:20px;border-radius:14px;background:var(--panel)}
.bol-corto label{display:block;font-size:var(--t-m);line-height:1.45;color:var(--texto);margin-bottom:12px}
.bol-corto label b{color:var(--tinta)}
.bol-corto .fila{display:flex;gap:8px;flex-wrap:wrap}
.bol-corto input{flex:1 1 220px;min-width:0;font:inherit;padding:11px 14px;border-radius:999px;border:1px solid var(--linea);background:var(--fondo);color:var(--tinta)}
.bol-corto button{font:inherit;font-weight:700;font-size:var(--t-s);padding:11px 20px;border-radius:999px;border:0;background:var(--tinta);color:var(--fondo);cursor:pointer}
.bol-corto button:disabled{opacity:.6;cursor:wait}
.bol-corto .msg{min-height:1.2em;margin:8px 0 0;font-size:var(--t-s);font-weight:500}
.bol-corto .legal{margin:4px 0 0;font-size:var(--t-xs);color:var(--gris)}
.rel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:900px){.rel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.rel-grid{grid-template-columns:1fr}}
.rel{display:grid;gap:8px;align-content:start;text-decoration:none;color:var(--tinta);min-width:0}
.rel-foto{position:relative;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--panel)}
.rel-foto img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s}
.rel-foto img.ok{opacity:1}
.rel-t{font-family:var(--titular);font-weight:600;font-size:1.05rem;line-height:1.25}
.rel:hover .rel-t{text-decoration:underline;text-underline-offset:3px}
.rel .barra{height:6px}
.rel-m{font-size:var(--t-xs);color:var(--gris)}
.rel-m b{color:var(--aviso)}

/* Rediseño 20/10, paso 1: esquinas rectas, sin sombras y filetes de tinta (lienzo «Vista Plena — rediseño», mesa Sistema) */
*,*::before,*::after{border-radius:0!important}
.menu,.info-p{box-shadow:none!important}
.menu{border-bottom:2px solid var(--tinta)}
.info-p{border-color:var(--tinta)!important}
.top{border-bottom:2px solid var(--tinta)}
.cab-seccion{border-top:4px solid var(--tinta);padding-top:12px}
.pieza,.ultimo-lista li{border-top-color:var(--tinta)}
/* Fila de los 38: solo en la página de la noticia */
.fila38{display:flex;gap:8px;margin-top:16px}
.fila38 > span{display:flex;gap:2px;min-width:0}
.fila38 i{flex:1 1 0;min-width:0;height:18px;border:1.5px solid currentColor;opacity:.6}
.fila38 i.si{opacity:1;background:currentColor}
.fila38 .f-i{color:var(--izq)}.fila38 .f-c{color:var(--tinta)}.fila38 .f-d{color:var(--der)}
.fila38 .f-c i.si{background:repeating-linear-gradient(135deg,currentColor 0 1.5px,transparent 1.5px 4px)}
.fila38-pie{margin:8px 0 0;font-size:var(--t-xs);color:var(--gris)}
/* Noticia reordenada (20/10): qué ha pasado, quién la cuenta, titulares distintos primero, lo demás plegado */
.hist-cab h1{margin-bottom:10px}
.hist-sub{margin:0;font-size:var(--t-s);color:var(--gris)}
.hist-intro{margin-top:20px}
.hist-intro.con-foto{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:start}
@media (max-width:760px){.hist-intro.con-foto{grid-template-columns:1fr;gap:16px}}
.hist-intro .hist-foto{margin:0}
.hist-intro.con-foto:not(:has(.hist-foto)){display:block}
.hist-que{margin:0}
.hist-que p{margin:6px 0 0;font-family:var(--titular);font-size:1.2rem;line-height:1.5;color:var(--tinta)}
.hist-que .fuente{font-family:var(--ui);font-size:var(--t-s);color:var(--gris);white-space:nowrap}
.hist-que .fuente a{color:var(--gris);text-underline-offset:3px}
.hist-cab .hist-cob{margin-top:26px;padding-top:12px;border-top:4px solid var(--tinta)}
.cuentas3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:var(--t-s);color:var(--tinta);line-height:1.3}
.cuentas3 > span:nth-child(2){text-align:center}.cuentas3 > span:nth-child(3){text-align:right}
.cuentas3 b{font-size:1.6rem;font-weight:700;margin-right:5px;font-variant-numeric:tabular-nums}
.cuentas3 .i b{color:var(--izq)}.cuentas3 .d b{color:var(--der)}
.cuentas3 small{display:block;font-size:var(--t-xs);color:var(--gris)}
.fila38{margin-top:10px}
.hist-titulares{margin-top:8px}
.hist-titulares > h2{margin:0 0 16px;font-weight:900;font-size:var(--t-l);letter-spacing:-.02em;color:var(--tinta)}
.lados{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;align-items:start}
@media (max-width:880px){.lados{grid-template-columns:1fr;gap:22px}}
.lados .bloque.l-izq,.lados .bloque.l-cen,.lados .bloque.l-der{border-top:4px solid var(--izq);padding-top:10px}
.lados .bloque.l-cen{border-top-color:var(--cen)}.lados .bloque.l-der{border-top-color:var(--der)}
.lados .bloque .lado{color:var(--tinta)}
.lados .bloque ul{gap:0}
.lados .bloque li{padding:10px 0 12px;border-bottom:1px solid var(--linea)}
.lados .bloque li a{font-size:1.08rem}
.iguales{margin:10px 0 0;font-size:var(--t-s);line-height:1.45;color:var(--gris)}
.iguales a{color:var(--gris);text-underline-offset:3px}
.hist-titulares + .hilo,.hist-titulares + .en-tema{margin-top:32px}
.hist-mas{margin-top:36px;max-width:720px;border-top:1px solid var(--tinta)}
.hist-mas > details{margin:0;padding:14px 0;border-top:0;border-bottom:1px solid var(--linea)}
.hist-mas > details > summary{cursor:pointer;font-size:var(--t-m);font-weight:700;color:var(--tinta)}
.hist-mas .primero{margin-top:12px}

/* 21/10: una cifra por tarjeta. La barra ya no lleva porcentajes dentro, así que la grande es más fina */
.barra.grande{height:14px!important}

/* Pestañas de titulares en el móvil (21/10). En escritorio se ven las tres columnas a la vez */
.lado-tabs{display:none}
@media (max-width:880px){
  .lado-tabs{display:flex;gap:0;margin:0 0 16px;border-bottom:2px solid var(--tinta);overflow-x:auto;scrollbar-width:none}
  .lado-tabs::-webkit-scrollbar{display:none}
  .lado-tabs button{flex:1 0 auto;min-height:44px;padding:0 14px;background:none;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;font-size:var(--t-s);font-weight:700;color:var(--gris)}
  .lado-tabs button[data-lado="izq"][aria-pressed="true"]{border-bottom-color:var(--izq)}
  .lado-tabs button[data-lado="cen"][aria-pressed="true"]{border-bottom-color:var(--cen)}
  .lado-tabs button[data-lado="der"][aria-pressed="true"]{border-bottom-color:var(--der)}
  .lado-tabs button[aria-pressed="true"]{color:var(--tinta);border-bottom-color:var(--tinta)}
  .lados[data-ver="izq"] > .bloque:not(.l-izq),.lados[data-ver="cen"] > .bloque:not(.l-cen),.lados[data-ver="der"] > .bloque:not(.l-der){display:none}
}