/* Paleta de marca: azul marino (base), azul eléctrico (enlaces y categorías), naranja (lo urgente), blanco y gris oscuro (lectura) */
:root{--marino:#1B2A47;--azul:#0083B0;--azul-texto:#00729A;--naranja:#FF5722;--naranja-texto:#C2410C;--gris:#1E1E1E;--suave:#4F5D7A;--fondo:#FFFFFF;--panel:#F3F6FA;--linea:rgba(27,42,71,.14);--sombra:0 6px 24px rgba(27,42,71,.12);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--gris);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif}
a{color:var(--azul-texto)}
:focus-visible{outline:3px solid var(--naranja);outline-offset:2px}
.wrap{max-width:1040px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}

.sitio{background:var(--marino);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.sitio .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-top:14px;padding-bottom:14px}
.marca{display:inline-flex;align-items:center;gap:10px;font-weight:900;font-size:22px;letter-spacing:-.02em;color:#fff;text-decoration:none}
.marca::before{content:"";width:12px;height:12px;border-radius:3px;background:var(--naranja);flex:none}
.sitio nav{display:flex;gap:20px}
.sitio nav a{padding:6px 0;border-bottom:3px solid transparent;color:#C9D3E6;font-weight:700;text-decoration:none;font-size:15px}
.sitio nav a:hover{color:#fff}
.sitio nav a[aria-current]{color:#fff;border-bottom-color:var(--naranja)}

.banda{background:var(--marino);color:#fff;padding-top:30px;padding-bottom:36px}
.banda h1{margin:6px 0 0;color:#fff;font-weight:900;font-size:clamp(30px,5vw,46px);line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.fecha{margin:0;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#7FD0EA}
.chip{display:inline-block;margin-bottom:12px;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.chip-ahora{background:var(--naranja);color:var(--marino)}
.chip-ayer{background:var(--azul-texto);color:#fff}

main.wrap{padding-top:28px;padding-bottom:56px}
h2{margin:44px 0 8px;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px;align-items:start}
@media (max-width:820px){.cols{grid-template-columns:minmax(0,1fr)}}
.noticia{padding:20px 0;border-top:1px solid var(--linea);display:flex;flex-direction:column;gap:8px}
.etiqueta-tema{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--azul-texto)}
.noticia h3{margin:0;color:var(--marino);font-weight:800;font-size:22px;line-height:1.2;text-wrap:balance}
.noticia p{margin:0;max-width:64ch}
.noticia .contexto{color:var(--suave)}
.noticia .contexto b{color:var(--gris)}
.fuentes{font-size:14px;color:var(--suave)}
.fuentes a{font-weight:700}
.lateral img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--linea);box-shadow:var(--sombra)}
.pie-img{margin:8px 2px 0;font-size:13px;color:var(--suave)}
.publicidad{margin:6px 0 14px;padding:10px 14px;border:1px solid var(--linea);border-radius:12px;background:var(--panel);font-size:14px}
.publicidad .etiqueta{margin-right:8px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--suave)}
.publicidad.vacio{border-style:dashed;color:var(--suave);text-align:center;padding:26px 14px}
.lista-ed{list-style:none;margin:0;padding:0}
.lista-ed li{padding:14px 0;border-top:1px solid var(--linea)}
.lista-ed a{font-weight:700;text-decoration:none;color:var(--marino)}
.lista-ed a:hover{text-decoration:underline}
.lista-ed small{display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--suave)}
.texto{max-width:64ch}
.texto p{margin:0 0 1em}

.sitio-pie{background:var(--marino);color:#C9D3E6;font-size:14px}
.sitio-pie .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:24px;padding-bottom:32px}
.sitio-pie a{color:#fff}