/* ==========================================================
   DIARIO PRO — Hoja de estilos
   Paleta: Navy editorial #0B1B33 · Papel #F7F5EF · Acento #B8860B (agenda)
           Rojo entrevistas #8B1A1A · Verde vida/turismo #16653D
   Tipografía: "Source Serif 4" (títulos) + "Inter" (cuerpo/UI)
   ========================================================== */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700;8..60,900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --navy:#0B1B33;
  --navy-menu:#0B1B33;
  --navy-2:#132a4d;
  --navy-deep:#060f1f;
  --paper:#F7F5EF;
  --paper-2:#EFEBE1;
  --ink:#1C1E22;
  --ink-soft:#4B5160;
  --line:#DAD4C4;
  --gold:#B8860B;
  --red:#8B1A1A;
  --green:#16653D;
  --serif: "Source Serif 4", Georgia, serif;
  --sans: "Inter", system-ui, -apple-system, sans-serif;
  --radius:10px;
  --radius-lg:16px;
  --shadow-sm:0 1px 3px rgba(11,27,51,.06), 0 1px 2px rgba(11,27,51,.08);
  --shadow-md:0 8px 24px rgba(11,27,51,.10), 0 2px 6px rgba(11,27,51,.06);
  --shadow-lg:0 24px 60px rgba(11,27,51,.20), 0 6px 16px rgba(11,27,51,.10);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:var(--sans); line-height:1.55;
  font-size:var(--font-size-base, 16px);
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%; display:block}
a{color:inherit; text-decoration:none}
.container{max-width:1340px; margin:0 auto; padding:0 24px}
::selection{background:var(--gold); color:var(--navy)}

/* ---------- Barra superior: último momento + redes ---------- */
.top-bar{background:#08131F; color:#D7DEE9; font-size:.82rem}
.top-bar__inner{display:flex; align-items:center; gap:20px; padding:7px 20px; min-height:34px}
.top-bar__ticker{display:flex; align-items:center; gap:12px; flex:1; min-width:0}
.top-bar__label{flex-shrink:0; font-weight:700; color:#fff; letter-spacing:.02em; font-size:.78rem; display:flex; align-items:center; gap:6px}
.top-bar__dot{width:7px; height:7px; border-radius:50%; background:#E23D3D; box-shadow:0 0 0 rgba(226,61,61,.6); animation:pulso-vivo 1.6s infinite}
@keyframes pulso-vivo{
  0%{box-shadow:0 0 0 0 rgba(226,61,61,.55)}
  70%{box-shadow:0 0 0 6px rgba(226,61,61,0)}
  100%{box-shadow:0 0 0 0 rgba(226,61,61,0)}
}
.top-bar__rotador{position:relative; flex:1; min-width:0; height:1.3em; overflow:hidden}
.top-bar__item{
  position:absolute; top:0; left:0; right:0; white-space:nowrap; overflow:hidden;
  text-overflow:ellipsis; opacity:0; transform:translateY(6px);
  transition:opacity .35s ease, transform .35s ease; pointer-events:none; color:#D7DEE9;
}
.top-bar__item.activo{opacity:1; transform:translateY(0); pointer-events:auto}
.top-bar__item:hover{color:#fff; text-decoration:underline}
.top-bar__item-seccion{font-weight:700; margin-right:6px}
.top-bar__extra{display:flex; align-items:center; gap:16px; flex-shrink:0}
.top-bar__fecha{
  color:#D7DEE9; font-size:.78rem; font-weight:600; white-space:nowrap; padding-right:14px;
  border-right:1px solid rgba(255,255,255,.15); display:flex; align-items:center; gap:6px;
}
.top-bar__fecha i{color:var(--gold); font-size:.76rem}
.top-bar__fecha:hover{color:#fff}
.top-bar__clima{
  display:flex; align-items:center; flex-shrink:0; white-space:nowrap; padding-right:14px;
  border-right:1px solid rgba(255,255,255,.15);
}
.top-bar__clima .masthead__clima{max-width:none}
.top-bar__clima .masthead__clima--nativo{
  gap:7px; background:transparent; border:0; border-radius:0; padding:0; color:#D7DEE9;
}
.top-bar__clima .masthead__clima--nativo i{font-size:.85rem; color:var(--gold)}
.top-bar__clima .masthead__clima-temp{font-size:.8rem; font-weight:700}
.top-bar__clima .masthead__clima-detalle{flex-direction:row; align-items:center; gap:5px; font-size:.72rem; color:#B9C3D6}
.top-bar__clima .masthead__clima-detalle strong{color:#D7DEE9; font-size:.72rem}
.top-bar__clima .masthead__clima-detalle small{color:#8C97AC}

/* ---------- Masthead ---------- */
.masthead{background:var(--navy); color:#fff}
.masthead__top{display:grid; grid-template-columns:1fr minmax(260px,620px) 1fr; align-items:center; gap:24px; padding:16px 20px}
.masthead__redes{display:flex; align-items:center; justify-content:flex-end; gap:10px; min-width:0}
.masthead__redes a{
  width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center; color:#fff; flex-shrink:0;
  transition:background .15s ease, transform .15s ease;
}
.masthead__redes a i{font-size:15px}
.masthead__redes a:hover{background:var(--gold); color:var(--navy); transform:translateY(-2px)}
.masthead__clima{flex-shrink:0; max-width:220px; overflow:hidden; display:flex; align-items:center}
.masthead__clima iframe{max-width:100%; border:0; border-radius:8px}
.masthead__clima--nativo{
  gap:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);
  border-radius:999px; padding:7px 16px 7px 14px; color:#fff;
}
.masthead__clima--nativo i{color:var(--gold); font-size:1.15rem}
.masthead__clima-temp{font-family:var(--serif); font-weight:700; font-size:1.15rem; line-height:1}
.masthead__clima-detalle{display:flex; flex-direction:column; line-height:1.25; font-size:.72rem; color:#C9D1E0}
.masthead__clima-detalle strong{color:#fff; font-size:.74rem; font-weight:600; text-transform:uppercase; letter-spacing:.03em}
.masthead__logo{display:flex; align-items:center; gap:12px}
.masthead__logo--conimagen{flex-direction:column; align-items:flex-start; gap:5px}
.masthead__logo--conimagen .masthead__logo-text small{text-transform:uppercase; letter-spacing:.05em; font-size:.72rem}
.masthead__logo-mark{
  font-family:var(--serif); font-weight:900; font-size:1.5rem;
  background:var(--gold); color:var(--navy); width:44px; height:44px;
  display:flex; align-items:center; justify-content:center; border-radius:8px;
  flex-shrink:0;
}
.masthead__logo-mark--img{height:44px; width:auto; max-width:180px; object-fit:contain; flex-shrink:0}
.masthead__logo-text strong{font-family:var(--serif); font-size:1.5rem; display:block; letter-spacing:.3px; line-height:1.15}
.masthead__logo-text small{color:#B9C3D6; font-size:.76rem; text-transform:uppercase; letter-spacing:.08em; display:block}

.masthead__buscador{
  display:flex; align-items:center; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.16);
  border-radius:999px; overflow:hidden; width:100%; padding:0 6px 0 4px;
  transition:background .15s ease, border-color .15s ease;
}
.masthead__buscador:focus-within{background:#fff; border-color:#fff}
.masthead__buscador-categoria{
  border:0; background:transparent; color:#D7DEE9; font-family:var(--sans); font-size:.86rem;
  padding:13px 10px 13px 16px; max-width:170px; outline:none; cursor:pointer; flex-shrink:0;
}
.masthead__buscador-categoria option{color:var(--ink); background:#fff}
.masthead__buscador:focus-within .masthead__buscador-categoria{color:var(--navy)}
.masthead__buscador-divisor{width:1px; height:22px; background:rgba(255,255,255,.18); flex-shrink:0}
.masthead__buscador:focus-within .masthead__buscador-divisor{background:rgba(11,27,51,.14)}
.masthead__buscador-icono{font-size:16px; color:#B9C3D6; flex-shrink:0; margin-left:14px}
.masthead__buscador:focus-within .masthead__buscador-icono{color:var(--navy)}
.masthead__buscador input{
  border:0; background:transparent; padding:13px 12px; flex:1; font-family:var(--sans);
  font-size:1rem; outline:none; color:#fff; min-width:0;
}
.masthead__buscador:focus-within input{color:var(--ink)}
.masthead__buscador input::placeholder{color:#B9C3D6}
.masthead__buscador:focus-within input::placeholder{color:#9AA1AE}
.masthead__buscador button{
  border:0; background:var(--gold); color:var(--navy); padding:11px 20px; font-weight:700;
  cursor:pointer; border-radius:999px; font-size:.85rem; text-transform:uppercase; letter-spacing:.03em;
  flex-shrink:0;
}

/* ---------- Menú de secciones: una sola fila + dropdown "Secciones" ---------- */
.menu-bar{background:var(--navy-menu); border-top:1px solid rgba(255,255,255,.1); display:flex; align-items:stretch; overflow:hidden}
.menu-bar__toggle{
  display:flex; align-items:center; gap:8px; background:var(--gold); color:var(--navy); border:0;
  padding:12px 18px; font-weight:700; font-size:var(--font-size-menu, 14px); text-transform:uppercase; letter-spacing:.03em;
  cursor:pointer; flex-shrink:0; transition:filter .15s ease;
}
.menu-bar__toggle i{font-size:.9em}
.menu-bar__toggle:hover{filter:brightness(1.08)}
.menu-bar__quick{
  display:flex; align-items:stretch; flex:1; min-width:0; overflow-x:auto; scrollbar-width:none;
}
.menu-bar__quick::-webkit-scrollbar{display:none}
.menu-bar__quick a{
  display:flex; align-items:center; padding:12px 16px; font-size:var(--font-size-menu, 14px); font-weight:600;
  text-transform:uppercase; letter-spacing:.02em; white-space:nowrap; color:#C9D1E0;
  border-left:1px solid rgba(255,255,255,.1); flex-shrink:0;
}
.menu-bar__quick a:first-child{border-left:0}
.menu-bar__quick a:hover, .menu-bar__quick a.activo{color:#fff; background:rgba(255,255,255,.06)}
.menu-bar__quick a.activo{box-shadow:inset 0 -3px 0 var(--gold)}

.masthead{position:relative}

/* ---------- Ticker ---------- */
.ticker{background:var(--paper-2); border-bottom:1px solid var(--line); overflow:hidden; white-space:nowrap}
.ticker__track{display:inline-flex; gap:36px; padding:8px 20px; animation:scroll-ticker 40s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__item{font-size:.82rem; color:var(--ink-soft); display:inline-flex; gap:6px; align-items:center}
.ticker__item strong{color:var(--ink)}
.ticker__item em{font-style:normal; font-weight:700}
.ticker__item .pos{color:var(--green)}
.ticker__item .neg{color:var(--red)}
@keyframes scroll-ticker{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---------- Publicidad ---------- */
.ad-slot{position:relative; background:var(--paper-2); border:1px solid var(--line); text-align:center; margin:18px auto; border-radius:6px; overflow:hidden}
.ad-slot__tag{position:absolute; top:4px; left:8px; font-size:.62rem; text-transform:uppercase; letter-spacing:.08em; color:var(--ink-soft); background:rgba(255,255,255,.85); padding:1px 6px; border-radius:3px; z-index:2}
.ad-slot img{margin:0 auto}
.ad-slot--header_debajo_menu{max-width:1180px; padding:6px}
.ad-slot--sidebar{max-width:100%}
.ad-slot--contenido_medio{max-width:720px; padding:8px}
.ad-slot--flotante{position:fixed; bottom:14px; left:14px; z-index:50; max-width:300px; box-shadow:0 10px 30px rgba(0,0,0,.25); animation:entrada-flotante .35s ease}
.ad-slot__cerrar{
  position:absolute; top:4px; right:4px; width:22px; height:22px; border-radius:50%; z-index:3;
  background:rgba(11,27,51,.85); color:#fff; border:0; cursor:pointer; font-size:.7rem; line-height:1;
  display:flex; align-items:center; justify-content:center;
}
.ad-slot__cerrar:hover{background:var(--navy)}
@keyframes entrada-flotante{ from{transform:translateY(16px); opacity:0} to{transform:translateY(0); opacity:1} }

/* ---------- Publicidad tipo pop-up (pantalla completa, fondo blanco tipo diario) ---------- */
.popup-overlay{
  position:fixed; inset:0; background:rgba(255,255,255,.85); z-index:300;
  -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px);
  display:flex; flex-direction:column; align-items:center; justify-content:center; padding:24px;
  opacity:0; visibility:hidden; transition:opacity .25s ease;
}
.popup-overlay.mostrar{opacity:1; visibility:visible}
.popup-box{
  position:relative; max-width:720px; width:100%; max-height:100%;
  display:flex; flex-direction:column; align-items:center;
  transform:scale(.97); transition:transform .3s ease;
}
.popup-overlay.mostrar .popup-box{transform:scale(1)}
.popup-box__tag{
  color:var(--ink-soft); font-size:.68rem; text-transform:uppercase; letter-spacing:.1em;
  font-weight:700; margin-bottom:14px;
}
.popup-box__cerrar{
  position:fixed; top:20px; right:20px; z-index:2; display:flex; align-items:center; gap:10px;
  background:#fff; border:1px solid var(--line); border-radius:999px; padding:8px 8px 8px 16px;
  box-shadow:var(--shadow-sm); cursor:pointer; font-family:var(--sans); font-weight:600; color:var(--ink);
}
.popup-box__cerrar:hover{border-color:var(--navy)}
.popup-box__cerrar-icono{
  width:28px; height:28px; border-radius:50%; background:var(--navy); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; flex-shrink:0;
}
.popup-box__contador{font-size:.8rem; color:var(--ink-soft)}
.popup-box img{max-width:100%; max-height:78vh; width:auto; display:block; border-radius:8px; box-shadow:var(--shadow-lg); margin:0 auto}

/* ---------- Layout general ---------- */
.main-layout{padding:32px 20px 70px}
.grid-2col{display:grid; grid-template-columns:2.4fr 1fr; gap:40px; align-items:start}
.section-heading{
  font-family:var(--serif); font-weight:700; font-size:1.28rem; letter-spacing:-.01em;
  color:var(--navy); margin:0 0 20px; padding-bottom:12px; position:relative;
  display:flex; align-items:center; gap:10px;
}
.section-heading::before{content:''; width:6px; height:22px; border-radius:3px; background:var(--navy); flex-shrink:0}
.section-heading::after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:var(--line)}
.section-heading--gold::before{background:var(--gold)}
.section-heading--red::before{background:var(--red)}
.section-heading--green::before{background:var(--green)}

/* ---------- Bloque inicial (portada) ---------- */
.hero{display:grid; grid-template-columns:1.7fr 1fr; gap:24px; margin-bottom:44px}
.hero--full{display:grid; grid-template-columns:2fr 1fr; gap:24px; margin-bottom:36px; align-items:stretch}
.hero-principal{
  display:flex; flex-direction:column; height:100%; background:#fff; border-radius:var(--radius-lg); overflow:hidden;
  box-shadow:var(--shadow-md);
}
.hero-principal__foto{position:relative; flex:0 0 auto; aspect-ratio:2/1; overflow:hidden}
.hero-principal__foto img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.hero-principal:hover .hero-principal__foto img{transform:scale(1.045)}
.hero-principal__texto{padding:20px 24px 22px; color:var(--ink); flex:1; display:flex; flex-direction:column; justify-content:flex-start}
.hero-principal .kicker{
  display:inline-block; background:var(--gold); color:var(--navy); font-weight:800;
  text-transform:uppercase; font-size:.7rem; letter-spacing:.07em; padding:4px 10px; border-radius:4px; margin-bottom:12px;
  align-self:flex-start;
}
.hero-principal h1{font-family:var(--serif); font-size:clamp(1.35rem,2.2vw,1.9rem); line-height:1.2; margin:0 0 .35em; font-weight:700; color:var(--ink)}
.hero-principal p{color:var(--ink-soft); font-size:.98rem; line-height:1.5; max-width:70ch; margin:0 0 16px}
.hero-principal__btn{
  display:inline-flex; align-items:center; gap:8px; margin-top:auto; align-self:flex-start;
  background:var(--navy); color:#fff; font-weight:800; font-size:.8rem; text-transform:uppercase; letter-spacing:.04em;
  padding:10px 18px; border-radius:999px; transition:background .18s ease, transform .18s ease;
}
.hero-principal__btn i{font-size:.74rem; transition:transform .2s ease}
.hero-principal:hover .hero-principal__btn{background:var(--gold); color:var(--navy); transform:translateY(-1px)}
.hero-principal:hover .hero-principal__btn i{transform:translateX(3px)}

.hero-secundarias{display:flex; flex-direction:column; gap:16px; height:100%}
.hero-secundaria{
  background:#fff; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-sm);
  transition:box-shadow .25s ease, transform .25s ease; display:flex; flex:1;
  border:1px solid rgba(11,27,51,.06);
}
.hero-secundaria:hover{box-shadow:var(--shadow-md); transform:translateY(-3px)}
.hero-secundaria a{display:flex; flex-direction:column; width:100%; height:100%}
.hero-secundaria__foto{position:relative; flex:0 0 auto; aspect-ratio:16/8; overflow:hidden; isolation:isolate}
.hero-secundaria__foto img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease}
.hero-secundaria:hover .hero-secundaria__foto img{transform:scale(1.06)}
.hero-secundaria__foto::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(11,27,51,.55) 100%);
  pointer-events:none;
}
.hero-secundaria__num{
  position:absolute; right:10px; top:10px; z-index:1; min-width:28px; height:28px; padding:0 8px;
  background:var(--gold); color:var(--navy); font-family:var(--serif); font-weight:800; font-size:.9rem;
  display:flex; align-items:center; justify-content:center; border-radius:50%; box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.hero-secundaria__texto{
  padding:14px 16px 15px; display:flex; flex-direction:column; justify-content:flex-start;
  flex:1 1 auto; min-width:0;
}
.hero-secundaria h3{font-family:var(--serif); font-size:1rem; margin:.3em 0 0; line-height:1.3}
.hero-secundaria__bajada{
  color:var(--ink-soft); font-size:.86rem; line-height:1.48; margin:.45em 0 10px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.hero-secundaria__btn{
  display:inline-flex; align-items:center; gap:6px; margin-top:auto; align-self:flex-start;
  background:var(--navy); color:#fff; font-weight:800; font-size:.72rem; text-transform:uppercase; letter-spacing:.04em;
  padding:8px 14px; border-radius:999px; transition:background .18s ease, transform .18s ease;
}
.hero-secundaria__btn i{font-size:.68rem; transition:transform .2s ease}
.hero-secundaria:hover .hero-secundaria__btn{background:var(--gold); color:var(--navy); transform:translateY(-1px)}
.hero-secundaria:hover .hero-secundaria__btn i{transform:translateX(3px)}

/* ---------- Grillas de notas ---------- */
.notas-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px}
.nota-card{
  background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm);
  transition:box-shadow .22s ease, transform .22s ease;
}
.nota-card:hover{box-shadow:var(--shadow-md); transform:translateY(-3px)}
.nota-card img{aspect-ratio:16/10; object-fit:cover; transition:transform .4s ease}
.nota-card:hover img{transform:scale(1.05)}
.nota-card__body{padding:16px}
.nota-card__seccion{
  display:inline-block; font-size:.64rem; text-transform:uppercase; letter-spacing:.07em;
  font-weight:800; padding:3px 9px; border-radius:4px; margin-bottom:6px;
}
.nota-card h3{font-family:var(--serif); font-size:1.1rem; line-height:1.28; margin:.35em 0; font-weight:700}
.nota-card p{color:var(--ink-soft); font-size:.88rem; margin:0}
.nota-card time{color:#9AA1AE; font-size:.75rem; display:block; margin-top:8px}

/* ---------- Agenda ---------- */
.agenda-box{background:#FFF9EC; border:1px solid #F0DFA8; border-radius:var(--radius-lg); padding:20px; margin-bottom:40px; box-shadow:var(--shadow-sm)}
.agenda-item{display:flex; gap:14px; padding:12px 0; border-bottom:1px dashed #EAD9A0}
.agenda-item__foto{width:52px; height:52px; border-radius:8px; object-fit:cover; flex-shrink:0}
.agenda-item:last-child{border-bottom:0}
.agenda-item__fecha{
  font-family:var(--serif); font-weight:800; color:#fff; background:var(--gold); min-width:52px; height:44px;
  border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.82rem; flex-shrink:0;
}

/* ---------- Entrevistas ---------- */
.entrevistas-box{background:#FDF1F0; border:1px solid #F1CFCD; border-radius:var(--radius-lg); padding:22px; margin-bottom:40px; box-shadow:var(--shadow-sm)}
.entrevistas-box .video-embed{aspect-ratio:16/9; width:100%; border-radius:var(--radius); overflow:hidden; margin-bottom:16px; box-shadow:var(--shadow-sm)}
.entrevistas-archivo{display:grid; grid-template-columns:repeat(4,1fr); gap:14px}
.entrevistas-archivo img{aspect-ratio:16/9; object-fit:cover; border-radius:8px; transition:transform .2s ease, box-shadow .2s ease}
.entrevistas-archivo a:hover img{transform:translateY(-2px); box-shadow:var(--shadow-sm)}

.video-thumb-btn{position:relative; display:block; width:100%; padding:0; border:0; background:none; cursor:pointer; border-radius:8px; overflow:hidden}
.video-thumb-btn img{aspect-ratio:16/9; object-fit:cover; width:100%; transition:transform .2s ease, box-shadow .2s ease}
.video-thumb-btn:hover img{transform:translateY(-2px); box-shadow:var(--shadow-sm)}
.video-thumb-btn__play{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  background:rgba(8,19,31,.28); color:#fff; font-size:1.6rem; opacity:0; transition:opacity .2s ease;
}
.video-thumb-btn__play i{background:rgba(11,27,51,.75); width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.9rem}
.video-thumb-btn:hover .video-thumb-btn__play{opacity:1}

.video-modal{
  position:fixed; inset:0; z-index:400; display:flex; align-items:center; justify-content:center; padding:24px;
  background:rgba(6,15,31,.92); opacity:0; visibility:hidden; transition:opacity .25s ease;
}
.video-modal.mostrar{opacity:1; visibility:visible}
.video-modal__caja{width:100%; max-width:900px}
.video-modal__embed{position:relative; width:100%; aspect-ratio:16/9; border-radius:10px; overflow:hidden; box-shadow:var(--shadow-lg)}
.video-modal__embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0}
.video-modal__cerrar{
  position:fixed; top:20px; right:20px; z-index:2; width:42px; height:42px; border-radius:50%;
  background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); color:#fff; font-size:1.1rem; cursor:pointer;
}
.video-modal__cerrar:hover{background:rgba(255,255,255,.22)}

/* ---------- Sidebar ---------- */
.sidebar > *{margin-bottom:28px}

/* ---------- Las más leídas ---------- */
.mas-leidas-box{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:18px; box-shadow:var(--shadow-sm)}
.mas-leidas-lista{list-style:none; counter-reset:leidas; margin:0; padding:0}
.mas-leidas-lista li{counter-increment:leidas; display:flex; gap:12px; padding:12px 0; border-bottom:1px solid var(--paper-2); font-size:1.08rem; line-height:1.4; font-weight:500}
.mas-leidas-lista li:last-child{border-bottom:0}
.mas-leidas-lista li::before{
  content:counter(leidas); font-family:var(--serif); font-weight:800; color:var(--gold); font-size:1.2rem;
  line-height:1; flex-shrink:0; width:20px;
}
.mas-leidas-lista a:hover{color:var(--gold)}

/* ---------- Foto histórica ---------- */
.foto-historica-box{background:#FBF8F1; border:1px solid #E9DFC6; border-radius:var(--radius-lg); padding:18px; box-shadow:var(--shadow-sm)}
.foto-historica-box__img{width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:var(--radius); margin-bottom:12px; filter:sepia(.25)}
.foto-historica-box strong{font-family:var(--serif); font-size:1rem}
.foto-historica-box p{font-size:.85rem; color:var(--ink-soft); margin:6px 0 0; line-height:1.5}

/* ---------- Servicios ---------- */
.servicios-box{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:18px; box-shadow:var(--shadow-sm)}
.servicios-lista{list-style:none; margin:0; padding:0}
.servicios-lista li{display:flex; align-items:center; gap:12px; padding:10px 0; border-bottom:1px solid var(--paper-2); font-size:.88rem}
.servicios-lista li:last-child{border-bottom:0}
.servicios-lista li i:first-child{width:30px; height:30px; border-radius:50%; background:#FFF9EC; color:var(--gold); display:flex; align-items:center; justify-content:center; flex-shrink:0}
.servicios-lista li small{color:var(--ink-soft)}
.servicios-lista__ir{margin-left:auto; color:var(--ink-soft); flex-shrink:0}
.servicios-lista__ir:hover{color:var(--gold)}

/* ---------- Equipo (Quiénes somos) ---------- */
.equipo-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(min(330px,100%),1fr)); gap:16px; margin-top:20px; align-items:start}
.equipo-card{background:#fff; border:1px solid var(--line); border-left:3px solid var(--navy); border-radius:var(--radius-lg); padding:16px 18px; text-align:left; box-shadow:var(--shadow-sm)}
.equipo-card__cab{display:flex; align-items:center; gap:14px}
.equipo-card__foto{width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:center top; flex-shrink:0; margin:0; border:2px solid var(--paper-2)}
.equipo-card__foto--vacia{display:flex; align-items:center; justify-content:center; background:var(--paper-2); color:#9AA1AE; font-size:1.4rem}
.equipo-card__id{min-width:0}
.equipo-card strong{font-family:var(--serif); font-size:1.02rem; display:block; line-height:1.2}
.equipo-card__cargo{display:block; color:var(--ink-soft); font-size:.72rem; text-transform:uppercase; letter-spacing:.06em; font-weight:700; margin-top:3px}
.equipo-card p{font-size:.84rem; color:var(--ink-soft); margin:12px 0 0; line-height:1.55}
.equipo-card__bio.es-corta{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden}
.equipo-card__mas{background:#fff; border:1.5px solid var(--navy); border-radius:999px; padding:5px 14px; margin-top:12px; color:var(--navy); font:inherit; font-size:.78rem; font-weight:700; cursor:pointer; display:inline-flex; align-items:center; gap:7px; opacity:1; transition:background .15s, color .15s}
.equipo-card__mas:hover{background:var(--navy); color:#fff}
.equipo-card__mas i{font-size:.65rem}
.sidebar-list{list-style:none; margin:0; padding:0}
.sidebar-list li{padding:12px 0; border-bottom:1px solid var(--line); font-size:.92rem; line-height:1.4}
.sidebar-list li:first-child{padding-top:0}
.sidebar-list a{transition:color .15s ease}
.sidebar-list a:hover{color:var(--gold)}

/* ---------- Artículo individual ---------- */
.articulo{max-width:760px; margin:0 auto}
.articulo .kicker{
  display:inline-block; font-weight:800; text-transform:uppercase; font-size:.72rem; letter-spacing:.07em;
  background:var(--c, var(--red)); color:#fff; padding:5px 11px; border-radius:4px;
}
.articulo .kicker a{color:#fff}
.articulo h1{font-family:var(--serif); font-size:clamp(1.7rem,3.4vw,2.5rem); line-height:1.12; margin:.35em 0; font-weight:700}
.articulo .bajada{font-size:1.18rem; color:var(--ink-soft); line-height:1.5}
.articulo .meta{color:#9AA1AE; font-size:.85rem; border-bottom:1px solid var(--line); padding-bottom:16px; margin-bottom:22px}
.articulo .cuerpo{font-size:1.1rem; line-height:1.8}
.articulo .cuerpo p{margin:1.2em 0}
.articulo img{border-radius:var(--radius); margin:1.5em 0; box-shadow:var(--shadow-sm)}

.compartir-nota{margin-top:30px; padding-top:20px; border-top:1px solid var(--line); display:flex; align-items:center; gap:10px}
.compartir-nota--arriba{margin-top:16px; padding-top:0; padding-bottom:20px; border-top:0; border-bottom:1px solid var(--line)}
.compartir-nota strong{margin-right:4px; font-size:.85rem; color:var(--ink-soft)}
.compartir-nota__boton{
  width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:.95rem; transition:transform .15s ease, filter .15s ease;
}
.compartir-nota__boton:hover{transform:translateY(-2px); filter:brightness(1.1)}
.compartir-nota__boton--whatsapp{background:#25D366}
.compartir-nota__boton--facebook{background:#1877F2}
.compartir-nota__boton--x{background:#0B1B33}

/* ---------- Encuestas ---------- */
.encuesta-box{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px; box-shadow:var(--shadow-sm)}
.encuesta-box__pregunta{font-family:var(--serif); font-size:1.1rem; margin:0 0 16px; font-weight:700; display:flex; align-items:flex-start; gap:9px; line-height:1.3}
.encuesta-box__pregunta i{color:var(--gold); font-size:.95em; margin-top:.2em; flex-shrink:0}
.encuesta-opcion{
  display:flex; align-items:center; gap:10px; padding:11px 12px; font-size:.9rem; cursor:pointer;
  border:1px solid var(--line); border-radius:8px; margin-bottom:8px; transition:border-color .15s ease, background .15s ease;
}
.encuesta-opcion:hover{border-color:var(--gold); background:#FFFBF0}
.encuesta-opcion input{width:auto; accent-color:var(--gold)}
.btn-encuesta{
  margin-top:6px; background:var(--navy); color:#fff; border:0; padding:11px 22px; border-radius:8px;
  font-weight:700; cursor:pointer; font-size:.85rem; transition:filter .15s ease; display:inline-flex; align-items:center; gap:8px;
}
.btn-encuesta:hover{filter:brightness(1.15)}
.encuesta-resultado{margin-bottom:14px; padding:10px 12px; border-radius:8px; transition:background .2s ease}
.encuesta-resultado--ganadora{background:#FFF9EC}
.encuesta-resultado__etq{display:flex; justify-content:space-between; align-items:center; font-size:.87rem; margin-bottom:6px; font-weight:500}
.encuesta-resultado--ganadora .encuesta-resultado__etq{font-weight:700}
.encuesta-resultado__etq strong{font-family:var(--serif); font-size:1rem}
.encuesta-resultado__check{color:var(--green); margin-left:4px}
.encuesta-resultado__barra{background:var(--paper-2); border-radius:6px; height:10px; overflow:hidden}
.encuesta-resultado__barra span{display:block; height:100%; background:linear-gradient(90deg, var(--gold), #d9a53a); border-radius:6px; transition:width .8s cubic-bezier(.2,.8,.2,1)}
.encuesta-resultado--ganadora .encuesta-resultado__barra span{background:linear-gradient(90deg, var(--navy), var(--navy-2))}
.encuesta-box small{color:var(--ink-soft); display:flex; align-items:center; gap:6px; margin-top:4px; font-size:.78rem}

/* ---------- Entrevista tipo "nota" destacada en portada ---------- */
.entrevista-nota-destacada{display:flex; gap:20px; align-items:stretch; color:inherit}
.entrevista-nota-destacada img{width:240px; height:160px; object-fit:cover; border-radius:var(--radius); flex-shrink:0; box-shadow:var(--shadow-sm); transition:transform .3s ease}
.entrevista-nota-destacada:hover img{transform:scale(1.02)}
.entrevista-nota-destacada h3{font-family:var(--serif); font-size:1.25rem; margin:.3em 0; font-weight:700}
.entrevista-nota-destacada p{color:var(--ink-soft); font-size:.92rem; margin:0; line-height:1.5}

/* ---------- Galería en la nota pública ---------- */
/* ---------- Tabla de posiciones (fútbol, básquet, etc.) ---------- */
/* ---------- Pestañas para varias tablas de posiciones ---------- */
.tp-tabs__botones{display:flex; gap:2px; overflow-x:auto; margin-bottom:14px; padding-bottom:2px; scrollbar-width:thin}
.tp-tabs__boton{
  flex-shrink:0; background:#fff; border:1px solid var(--line); border-bottom:2px solid transparent; padding:10px 16px;
  font-size:.82rem; font-weight:600; color:var(--ink-soft); cursor:pointer; white-space:nowrap; border-radius:8px 8px 0 0;
  transition:background .15s ease, color .15s ease;
}
.tp-tabs__boton:hover{background:#FAF8F2}
.tp-tabs__boton--activo{color:var(--navy); border-bottom-color:var(--gold); background:#FAF8F2}
.tp-tabs__panel{display:none}
.tp-tabs__panel--activo{display:block}

.tabla-posiciones{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); overflow:hidden; margin-bottom:20px}
.tabla-posiciones__header{display:flex; align-items:baseline; justify-content:space-between; gap:10px; padding:16px 18px 12px}
.tabla-posiciones__header h3{font-family:var(--serif); font-size:1.15rem; margin:0; font-weight:700}
.tabla-posiciones__categoria{font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; font-weight:700; color:var(--gold); background:#FFF9EC; padding:3px 10px; border-radius:20px; flex-shrink:0}
.tabla-posiciones__scroll{overflow-x:auto}
.tabla-posiciones__tabla{width:100%; border-collapse:collapse; font-size:.86rem; min-width:420px}
.tabla-posiciones__tabla th{
  background:var(--navy); color:#fff; text-align:center; padding:9px 8px; font-size:.72rem;
  text-transform:uppercase; letter-spacing:.03em; font-weight:600; white-space:nowrap;
}
.tabla-posiciones__tabla th.tp-equipo, .tabla-posiciones__tabla td.tp-equipo{text-align:left; padding-left:14px}
.tabla-posiciones__tabla td{padding:9px 8px; text-align:center; border-bottom:1px solid var(--paper-2); white-space:nowrap}
.tabla-posiciones__tabla tr:last-child td{border-bottom:0}
.tabla-posiciones__tabla tr.tp-clasifica{background:#F4FAF6}
.tabla-posiciones__tabla tr.tp-clasifica td.tp-equipo{border-left:3px solid var(--green)}
.tp-pos{font-weight:700; color:var(--ink-soft); width:32px}
.tp-equipo{font-weight:600; display:flex; align-items:center; gap:8px}
.tp-escudo{width:20px; height:20px; object-fit:contain; flex-shrink:0}
.tabla-posiciones__tabla td:last-child{font-weight:800; color:var(--navy)}

.galeria-nota{margin:2.2em 0}
.galeria-nota__titulo{font-family:var(--serif); font-size:1.15rem; margin-bottom:14px; font-weight:700}
.galeria-nota__grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:10px}
.galeria-nota__item{border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-sm)}
.galeria-nota__item img{width:100%; aspect-ratio:1; object-fit:cover; transition:transform .25s ease}
.galeria-nota__item:hover img{transform:scale(1.08)}

/* ---------- Footer ---------- */
.site-footer{background:linear-gradient(180deg, var(--navy), var(--navy-deep)); color:#B9C3D6; margin-top:50px; padding:48px 0 0}
.site-footer__grid{display:grid; grid-template-columns:1.6fr 1.3fr 1fr 1fr; gap:36px; padding-bottom:34px}
.site-footer h4{color:#fff; font-family:var(--serif); font-size:1rem; margin-top:0; margin-bottom:14px; position:relative; padding-bottom:10px}
.site-footer h4::after{content:''; position:absolute; left:0; bottom:0; width:32px; height:2px; background:var(--gold)}
.site-footer ul{list-style:none; padding:0; margin:0}
.site-footer li{padding:5px 0}
.site-footer a{transition:color .15s ease}
.site-footer a:hover{color:var(--gold)}
.site-footer__grid > div:first-child strong{color:#fff; font-family:var(--serif); font-size:1.15rem}
.site-footer__grid > div:first-child p{color:#8C97AC; font-size:.9rem; line-height:1.6; margin-top:8px}
.site-footer__nav li{font-size:.8rem; white-space:nowrap}
.site-footer__redes{display:flex; flex-direction:column; gap:8px}
.site-footer__redes-iconos{display:flex; gap:10px}
.site-footer__redes-iconos a{
  width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center; color:#B9C3D6; font-size:.82rem;
}
.site-footer__redes-iconos a:hover{background:var(--gold); color:var(--navy)}
.site-footer__legal{border-top:1px solid rgba(255,255,255,.1); padding:18px 20px; font-size:.8rem; text-align:center; color:#8C97AC}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .hero{grid-template-columns:1fr}
  .hero--full{grid-template-columns:1fr}
  .hero-secundarias{flex-direction:row; height:auto}
  .hero-secundaria{flex:1}
  .hero-secundaria__foto{aspect-ratio:16/10; flex:none}
  .hero-principal__foto{aspect-ratio:16/10}
  .grid-2col{grid-template-columns:1fr}
  .notas-grid{grid-template-columns:repeat(2,1fr)}
  .entrevistas-archivo{grid-template-columns:repeat(2,1fr)}
  .site-footer__grid{grid-template-columns:1fr}
  .entrevista-nota-destacada{flex-direction:column}
  .entrevista-nota-destacada img{width:100%; height:auto; aspect-ratio:16/9}
  .main-layout{padding:24px 16px 50px}
}
@media (max-width:640px){
  .hero-secundarias{flex-direction:column}
  .hero-secundaria__foto{aspect-ratio:16/9}
  .container{padding:0 16px}
  .masthead__top{grid-template-columns:1fr; gap:12px; padding:14px 16px}
  .masthead__redes{justify-content:center}
  .masthead__clima{display:none}
  .masthead__logo-text strong{font-size:1.2rem}
  .masthead__buscador{width:100%}
  .masthead__buscador-categoria{max-width:130px}
  .top-bar__inner{flex-wrap:wrap; gap:6px 12px; padding:7px 16px}
  .top-bar__extra{order:-1; width:100%; justify-content:flex-end}
  .top-bar__label{font-size:.72rem}
  .notas-grid{grid-template-columns:1fr}
  .hero-principal__texto{padding:16px 18px 18px}
  .section-heading{font-size:1.12rem}
  .articulo h1{font-size:1.6rem}
  .articulo .bajada{font-size:1.02rem}
  .articulo .cuerpo{font-size:1rem}
  .galeria-nota__grid{grid-template-columns:repeat(2,1fr)}
  .ad-slot--flotante{max-width:calc(100% - 28px); left:14px; right:14px}
  .compartir-nota{flex-wrap:wrap}
  .agenda-box, .entrevistas-box, .encuesta-box{padding:16px}
  .site-footer__grid{gap:26px; padding-bottom:26px}
  .popup-box img{max-height:65vh}
  .ticker__item{font-size:.76rem}
}
@media (max-width:400px){
  .masthead__logo-mark, .masthead__logo-mark--img{height:36px; width:36px}
  .masthead__logo-text strong{font-size:1.05rem}
  .hero-principal h1{font-size:1.1rem}
  .hero-secundaria h3{font-size:.88rem}
  .nota-card h3{font-size:1rem}
  .notas-grid{gap:16px}
  .entrevistas-archivo{grid-template-columns:1fr 1fr; gap:10px}
  .menu-bar__toggle{font-size:.78rem; padding:12px 10px}
  .site-footer__grid{grid-template-columns:1fr; gap:22px}
}

/* ---------- Temáticas (sub-etiquetas de cada sección) ---------- */
/* Sección + temática: una sola píldora  [ LA CIUDAD | ● POLICIALES ] */
.etiquetas{
  display:inline-flex; align-items:stretch; align-self:flex-start; max-width:100%; margin-bottom:8px;
  height:26px; border:1px solid rgba(11,27,51,.16); border-radius:999px; overflow:hidden; background:#fff;
  box-shadow:0 1px 2px rgba(11,27,51,.06);
}
.etiquetas .kicker,.etiquetas .nota-card__seccion{
  margin:0; border-radius:0; display:inline-flex; align-items:center; padding:0 12px 0 13px;
  font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; line-height:1; white-space:nowrap;
}
.tema-chip{
  display:inline-flex; align-items:center; gap:6px; margin:0; padding:0 13px 0 10px;
  border:0; border-left:1px solid rgba(11,27,51,.16); border-radius:0; background:#fff;
  color:var(--c,#111); font-size:.66rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; line-height:1; white-space:nowrap;
}
.tema-chip::before{content:''; width:7px; height:7px; border-radius:50%; background:var(--c,#111); flex-shrink:0}
a.tema-chip{transition:background .15s ease,color .15s ease}
a.tema-chip:hover{background:var(--c,#111); color:#fff}
a.tema-chip:hover::before{background:#fff}
.hero-principal .etiquetas{margin-bottom:12px}
.hero-principal .etiquetas .kicker{display:inline-flex; align-items:center; align-self:stretch; margin:0; padding:0 13px; border-radius:0; font-size:.66rem}
/* nombres de sección largos: se recortan con "…" para que la temática siempre se vea */
.etiquetas .nota-card__seccion{min-width:0; overflow:hidden; text-overflow:ellipsis; display:block; line-height:24px}
.etiquetas .tema-chip{flex-shrink:0}
.articulo .etiquetas{height:30px; margin-bottom:4px}
.articulo .etiquetas .kicker{padding:0 15px 0 16px; font-size:.72rem}
.articulo .etiquetas .tema-chip{font-size:.72rem; padding:0 15px 0 12px}
.tema-filtros{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px}
.tema-filtros a{
  padding:6px 14px; border-radius:999px; border:1px solid var(--c,#0B1B33); color:var(--c,#0B1B33);
  font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.04em; background:#fff;
  transition:background .15s ease, color .15s ease;
}
.tema-filtros a:hover,.tema-filtros a.activo{background:var(--c,#0B1B33); color:#fff}

/* ---------- Nota destacada fija en su sección ---------- */
.seccion-destacada{margin:0 0 28px}
.seccion-destacada .hero-principal{height:auto}
.seccion-destacada .hero-principal__foto{aspect-ratio:21/9}
.seccion-destacada .hero-principal h2{font-family:var(--serif); font-size:clamp(1.3rem,2.2vw,1.8rem); line-height:1.2; margin:0 0 .35em; font-weight:700; color:var(--ink)}
.seccion-destacada .hero-principal p{margin:0 0 16px}
.seccion-destacada .hero-principal__btn{margin-top:4px}

/* =====================================================================
   MENÚ "SECCIONES" — panel tipo diario
   Escritorio: índice en columnas, fondo claro. Celular: pantalla completa con acordeón.
   ===================================================================== */
.menu-dropdown{
  position:absolute; left:0; right:0; background:#fff; color:var(--ink); border-top:3px solid var(--gold);
  box-shadow:0 28px 50px -12px rgba(8,19,31,.45); max-height:0; overflow:hidden; opacity:0; visibility:hidden;
  transition:max-height .3s ease, opacity .2s ease, visibility 0s linear .3s; z-index:120;
}
.menu-dropdown.open{max-height:min(82vh,760px); opacity:1; visibility:visible; overflow-y:auto; transition-delay:0s}
.menu-dropdown__cab{border-bottom:1px solid var(--line); background:linear-gradient(180deg,#fff,#FBFAF6)}
.menu-dropdown__cab-in{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:18px; padding-bottom:14px}
.menu-dropdown__titulo{display:block; font-family:var(--serif); font-size:1.3rem; line-height:1.1; color:var(--ink); letter-spacing:-.01em}
.menu-dropdown__sub{display:block; font-size:.78rem; color:var(--ink-soft); margin-top:3px}
.menu-dropdown__cerrar{
  width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--ink);
  cursor:pointer; font-size:.95rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:all .15s ease;
}
.menu-dropdown__cerrar:hover{background:var(--navy); color:#fff; border-color:var(--navy)}

.menu-dropdown__grid{column-count:4; column-gap:36px; padding:26px 0 6px}
.menu-grupo{break-inside:avoid; -webkit-column-break-inside:avoid; margin:0 0 26px; display:block}
.menu-grupo__fila{display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:3px solid var(--c, var(--gold)); padding-top:10px}
.menu-grupo__seccion{
  font-family:var(--serif); font-weight:800; font-size:1rem; letter-spacing:.03em; text-transform:uppercase; color:var(--ink);
  line-height:1.2; flex:1; transition:color .15s ease;
}
.menu-grupo__seccion:hover{color:var(--c, var(--gold))}
.menu-grupo__abrir{display:none}
.menu-grupo__temas{display:flex; flex-direction:column; margin-top:6px}
.menu-grupo__temas a{
  display:flex; align-items:center; gap:8px; padding:6px 0; font-size:.9rem; color:var(--ink-soft);
  border-bottom:1px solid #F0EDE3; transition:color .15s ease, padding-left .15s ease;
}
.menu-grupo__temas a::before{content:''; width:5px; height:5px; border-radius:50%; background:var(--c, var(--gold)); flex-shrink:0; opacity:.7}
.menu-grupo__temas a:hover{color:var(--ink); padding-left:5px}
.menu-grupo__temas a:last-child{border-bottom:0}

.menu-dropdown__extra{display:flex; flex-wrap:wrap; align-items:center; gap:10px; padding:16px 0 22px; border-top:1px solid var(--line); margin-top:4px}
.menu-dropdown__extra-tit{font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:var(--ink-soft); margin-right:6px}
.menu-dropdown__extra a{
  display:inline-flex; align-items:center; gap:8px; padding:8px 15px; border-radius:999px; border:1.5px solid var(--navy);
  color:var(--navy); font-size:.82rem; font-weight:700; transition:all .15s ease; background:#fff;
}
.menu-dropdown__extra a i{font-size:.8rem; color:var(--gold)}
.menu-dropdown__extra a:hover{background:var(--navy); color:#fff}
.menu-dropdown__extra a:hover i{color:var(--gold)}
.menu-dropdown__fondo{
  position:fixed; inset:0; background:rgba(8,19,31,.45); z-index:110; opacity:0; visibility:hidden;
  transition:opacity .2s ease;
}
.menu-dropdown__fondo.open{opacity:1; visibility:visible}

/* Banners: nunca se salen de la pantalla */
.ad-slot img{max-width:100%; height:auto}
.ad-slot .ad-html{display:flow-root}
.ad-slot .ad-html > *{max-width:none}

/* =====================================================================
   RESPONSIVE PRO — pensado para leer noticias desde el celular
   ===================================================================== */
html{-webkit-text-size-adjust:100%; text-size-adjust:100%}
a,button{-webkit-tap-highlight-color:rgba(184,134,11,.18)}

@media (max-width:1100px){
  .menu-dropdown__grid{column-count:3}
}
@media (max-width:900px){
  .menu-dropdown__grid{column-count:2; column-gap:28px}
  .masthead__top{grid-template-columns:1fr minmax(240px,420px) auto; gap:16px}
}

/* ---------- Tablet chica / celular: el menú pasa a pantalla completa ---------- */
@media (max-width:760px){
  html.menu-abierto{overflow:hidden}
  html.menu-abierto body{overflow:hidden}
  .menu-dropdown{
    position:fixed; inset:0; height:100%; max-height:none; border-top:0; box-shadow:none; z-index:300;
    transform:translateX(-102%); opacity:1; visibility:hidden; overflow-y:auto; overscroll-behavior:contain;
    transition:transform .32s cubic-bezier(.2,.8,.2,1), visibility 0s linear .32s; -webkit-overflow-scrolling:touch;
    display:flex; flex-direction:column; background:#fff;
  }
  .menu-dropdown.open{transform:none; visibility:visible; max-height:none; transition-delay:0s}
  .menu-dropdown__fondo{display:none}
  .menu-dropdown__cab{position:sticky; top:0; z-index:2; background:var(--navy-menu); border-bottom:3px solid var(--gold)}
  .menu-dropdown__cab-in{padding:14px 16px}
  .menu-dropdown__titulo{color:#fff; font-size:1.15rem}
  .menu-dropdown__sub{color:#B9C3D6}
  .menu-dropdown__cerrar{width:44px; height:44px; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.2); color:#fff; font-size:1.1rem}
  .menu-dropdown > .container{padding:0; flex:1}
  .menu-dropdown__grid{column-count:1; padding:0}
  .menu-grupo{margin:0; border-bottom:1px solid var(--line)}
  .menu-grupo__fila{border-top:0; border-left:5px solid var(--c, var(--gold)); padding:0 0 0 14px; min-height:58px}
  .menu-grupo__seccion{font-size:1.02rem; padding:16px 0; display:block}
  .menu-grupo__abrir{
    display:flex; align-items:center; justify-content:center; width:58px; height:58px; background:none; border:0; border-left:1px solid #F0EDE3;
    color:var(--ink-soft); font-size:.9rem; cursor:pointer; flex-shrink:0;
  }
  .menu-grupo__abrir i{transition:transform .25s ease}
  .menu-grupo.abierto .menu-grupo__abrir i{transform:rotate(180deg)}
  .menu-grupo.abierto{background:#FBFAF6}
  .menu-grupo__temas{display:none; flex-direction:row; flex-wrap:wrap; gap:8px; padding:4px 16px 18px 19px; margin:0}
  .menu-grupo.abierto .menu-grupo__temas{display:flex}
  .menu-grupo__temas a{
    border:1.5px solid var(--c, var(--gold)); border-radius:999px; padding:8px 14px; font-size:.84rem; font-weight:600; color:var(--ink); background:#fff;
  }
  .menu-grupo__temas a::before{display:none}
  .menu-grupo__temas a:hover{padding-left:14px; background:var(--c, var(--gold)); color:#fff}
  .menu-dropdown__extra{padding:20px 16px 34px; border-top:0; background:#F5F3EC; margin:0}
  .menu-dropdown__extra-tit{width:100%; margin:0 0 2px}
  .menu-dropdown__extra a{flex:1 1 calc(50% - 10px); justify-content:center; padding:12px 10px; font-size:.84rem}
}

/* ---------- Celular ---------- */
@media (max-width:640px){
  body{font-size:max(var(--font-size-base, 16px), 16px)}
  .container{padding:0 16px}

  /* Franja superior compacta */
  .top-bar__inner{flex-wrap:wrap; gap:3px 12px; padding:6px 16px; min-height:0}
  .top-bar__extra{order:-1; width:100%; justify-content:space-between; gap:10px; font-size:.7rem}
  .top-bar__fecha{font-size:.7rem}
  .top-bar__clima{font-size:.7rem}
  .top-bar__ticker{width:100%; flex:none}
  .top-bar__label{font-size:.68rem; text-transform:uppercase; letter-spacing:.05em}
  .top-bar__rotador{height:1.5em}
  .top-bar__item{font-size:.8rem}

  /* Cabecera: logo + redes en una línea, buscador debajo */
  .masthead__top{
    grid-template-columns:1fr auto; grid-template-areas:"logo redes" "buscar buscar"; gap:12px 10px; padding:14px 16px 16px;
  }
  .masthead__logo{grid-area:logo; min-width:0}
  .masthead__redes{grid-area:redes; gap:7px; justify-content:flex-end}
  .masthead__redes a{width:36px; height:36px}
  .masthead__redes a svg{width:16px; height:16px}
  .masthead__clima{display:none}
  .masthead__logo-text strong{font-size:1.3rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .masthead__logo-mark--img{height:40px; max-width:200px}
  .masthead__buscador{grid-area:buscar; width:100%; padding:0 5px 0 2px; min-height:48px}
  .masthead__buscador-categoria, .masthead__buscador-divisor{display:none}
  .masthead__buscador-icono{margin-left:14px}
  .masthead__buscador input{font-size:16px; padding:12px 8px}
  .masthead__buscador button{padding:10px 16px; font-size:.78rem}

  /* Barra de secciones: botón + accesos rápidos deslizables */
  .menu-bar{overflow:visible}
  .menu-bar__toggle{flex:0 0 auto; padding:0 16px; min-height:46px; font-size:.82rem}
  .menu-bar__quick{display:flex; -webkit-overflow-scrolling:touch; scroll-snap-type:x proximity;
    -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent); mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .menu-bar__quick a{padding:0 15px; min-height:46px; font-size:.78rem; scroll-snap-align:start}

  .ad-slot{margin:12px auto; border-radius:0; border-left:0; border-right:0}
  .ad-slot--header_debajo_menu{padding:4px}

  .ticker__track{padding:7px 16px}

  .main-layout{padding:18px 16px 44px}

  /* Portada: nota principal grande, las otras como lista compacta */
  .hero--full, .hero{gap:18px; margin-bottom:26px}
  .hero-principal{border-radius:12px}
  .hero-principal__foto{aspect-ratio:4/3}
  .hero-principal__texto{padding:16px 16px 18px}
  .hero-principal h1{font-size:1.38rem; line-height:1.2}
  .hero-principal p{font-size:.95rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:14px}
  .hero-principal__btn{align-self:stretch; justify-content:center; padding:12px 16px; font-size:.8rem}

  .hero-secundarias{gap:0; flex-direction:column}
  .hero-secundaria{border-radius:0; box-shadow:none; background:transparent; border:0; border-bottom:1px solid var(--line); flex:none; overflow:visible}
  .hero-secundaria:hover{box-shadow:none; transform:none}
  .hero-secundaria a{flex-direction:row; gap:14px; padding:14px 0; align-items:flex-start}
  .hero-secundaria__foto{flex:0 0 118px; width:118px; aspect-ratio:1/1; border-radius:10px}
  .hero-secundaria__num{top:6px; left:6px; width:24px; height:24px; min-width:24px; padding:0; border-radius:50%; font-size:.72rem; display:flex; align-items:center; justify-content:center}
  .hero-secundaria__texto{padding:0; flex:1; min-width:0; display:flex; flex-direction:column; justify-content:flex-start}
  .hero-secundaria h3{font-size:1.02rem; line-height:1.28; margin:.2em 0 0; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
  .hero-secundaria__bajada, .hero-secundaria__btn{display:none}

  /* Listas de notas: miniatura a la izquierda, título a la derecha (como las apps de diarios) */
  .notas-grid{grid-template-columns:1fr; gap:0}
  .nota-card{border-radius:0; box-shadow:none; background:transparent; border-bottom:1px solid var(--line); transition:none}
  .nota-card:hover{box-shadow:none; transform:none}
  .nota-card a{display:grid; grid-template-columns:118px minmax(0,1fr); gap:14px; padding:14px 0; align-items:start}
  .nota-card img{width:118px; height:118px; aspect-ratio:1/1; border-radius:10px; object-fit:cover}
  .nota-card:hover img{transform:none}
  .nota-card__body{padding:0; min-width:0}
  .nota-card h3{font-size:1.02rem; line-height:1.28; margin:.25em 0 .2em; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden}
  .nota-card p{display:none}
  .nota-card time{margin-top:4px; font-size:.72rem}
  .nota-card .etiquetas{margin-bottom:4px; height:22px; max-width:100%}
  .nota-card .etiquetas .nota-card__seccion, .hero-secundaria .etiquetas .nota-card__seccion{font-size:.6rem; padding:0 9px}
  .nota-card .tema-chip, .hero-secundaria .tema-chip{font-size:.6rem; padding:0 9px 0 8px}
  .hero-secundaria .etiquetas{height:22px; margin-bottom:4px}

  .section-heading{font-size:1.1rem; margin:30px 0 14px}
  .grid-2col{gap:30px}
  .sidebar > *{margin-bottom:22px}
  .tema-filtros{flex-wrap:nowrap; overflow-x:auto; margin:0 -16px 18px; padding:2px 16px 6px; scrollbar-width:none; -webkit-overflow-scrolling:touch}
  .tema-filtros::-webkit-scrollbar{display:none}
  .tema-filtros a{white-space:nowrap; flex-shrink:0; padding:8px 15px}

  /* Nota: lectura cómoda */
  .articulo h1{font-size:1.72rem; line-height:1.14; letter-spacing:-.01em}
  .articulo .bajada{font-size:1.06rem; line-height:1.5}
  .articulo .meta{font-size:.8rem}
  .articulo .cuerpo{font-size:1.07rem; line-height:1.72}
  .articulo .cuerpo p{margin:1.05em 0}
  .articulo img, .articulo .cuerpo img{width:100%; height:auto; border-radius:10px; margin:1.1em 0}
  .articulo iframe, .articulo video{max-width:100%}
  .articulo .cuerpo table{display:block; overflow-x:auto}
  .compartir-nota{gap:8px}
  .compartir-nota strong{width:100%; margin:0 0 2px}
  .compartir-nota__boton{flex:1 1 0; justify-content:center; align-items:center; min-height:46px; height:46px; width:auto; border-radius:12px; font-size:1.1rem}

  .agenda-item{gap:12px}
  .site-footer{padding-top:34px}
  .site-footer__legal{padding:16px; padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .ad-slot--flotante{bottom:calc(12px + env(safe-area-inset-bottom))}
}

@media (max-width:380px){
  .masthead__redes a{width:32px; height:32px}
  .hero-secundaria__foto, .nota-card img{width:100px; height:100px}
  .nota-card a{grid-template-columns:100px minmax(0,1fr); gap:12px}
  .hero-secundaria__foto{flex-basis:100px}
  .hero-principal h1{font-size:1.28rem}
}

/* ---------- Menú Secciones: versión compacta y sobria (ajuste fino) ---------- */
.menu-dropdown{border-top:2px solid var(--gold); box-shadow:0 22px 44px -14px rgba(8,19,31,.4)}
.menu-dropdown.open{max-height:min(76vh,600px)}
.menu-dropdown__cab{background:#fff; border-bottom:1px solid #ECE9DF}
.menu-dropdown__cab-in{padding-top:12px; padding-bottom:10px}
.menu-dropdown__titulo{font-family:var(--sans); font-size:.72rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--navy); display:inline}
.menu-dropdown__sub{display:inline; margin-left:10px; font-size:.76rem; color:#8A93A3}
.menu-dropdown__cerrar{width:30px; height:30px; font-size:.78rem; border-color:#E3DFD2; color:#6B7280}

.menu-dropdown__grid{column-count:4; column-gap:30px; padding:16px 0 2px}
.menu-grupo{margin:0 0 15px}
.menu-grupo__fila{border-top:0; padding:0 0 5px; border-bottom:1px solid #E7E3D6; position:relative}
.menu-grupo__fila::after{content:''; position:absolute; left:0; bottom:-1px; width:26px; height:2px; background:var(--c, var(--gold))}
.menu-grupo__seccion{
  font-family:var(--sans); font-weight:700; font-size:.76rem; letter-spacing:.09em; color:var(--navy); line-height:1.3;
}
.menu-grupo__seccion:hover{color:var(--c, var(--navy))}
.menu-grupo__temas{margin-top:3px}
.menu-grupo__temas a{padding:3px 0; font-size:.83rem; color:#59616F; border-bottom:0; gap:7px; line-height:1.35}
.menu-grupo__temas a::before{width:3px; height:3px; opacity:.55}
.menu-grupo__temas a:hover{color:var(--navy); padding-left:3px}

.menu-dropdown__extra{padding:11px 0 14px; gap:8px; margin-top:0; border-top:1px solid #ECE9DF}
.menu-dropdown__extra-tit{font-size:.66rem; font-weight:700; letter-spacing:.12em; color:#8A93A3}
.menu-dropdown__extra a{padding:5px 12px; font-size:.76rem; font-weight:600; border:1px solid #DDD8C8; background:#FAF8F3; color:#2B3445; gap:7px}
.menu-dropdown__extra a i{font-size:.72rem; color:var(--gold)}
.menu-dropdown__extra a:hover{background:#fff; border-color:var(--gold); color:var(--navy)}
.menu-dropdown__extra a:hover i{color:var(--gold)}

@media (max-width:1100px){.menu-dropdown__grid{column-count:3}}
@media (max-width:900px){.menu-dropdown__grid{column-count:2; column-gap:26px}}

@media (max-width:760px){
  .menu-dropdown.open{max-height:none}
  .menu-dropdown{border-top:0}
  .menu-dropdown__grid{column-count:1; padding:0}
  .menu-dropdown__cab{background:var(--navy-menu); border-bottom:2px solid var(--gold)}
  .menu-dropdown__cab-in{padding:10px 16px}
  .menu-dropdown__titulo{color:#fff; font-size:.74rem; letter-spacing:.14em}
  .menu-dropdown__sub{display:none}
  .menu-dropdown__cerrar{width:36px; height:36px; font-size:.95rem; background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.18)}
  .menu-grupo{margin:0; border-bottom:1px solid #ECE9DF}
  .menu-grupo__fila{border-left:3px solid var(--c, var(--gold)); padding:0 0 0 14px; min-height:48px; border-bottom:0}
  .menu-grupo__fila::after{display:none}
  .menu-grupo__seccion{font-size:.82rem; letter-spacing:.08em; padding:14px 0}
  .menu-grupo__abrir{width:48px; height:48px; border-left:0; font-size:.78rem; color:#8A93A3}
  .menu-grupo.abierto{background:#FAF8F3}
  .menu-grupo__temas{gap:6px; padding:0 16px 14px 17px}
  .menu-grupo__temas a{border:1px solid #D9D4C4; border-radius:999px; padding:6px 12px; font-size:.78rem; font-weight:600; color:#2B3445; background:#fff}
  .menu-grupo__temas a:hover{padding-left:12px; background:var(--navy); border-color:var(--navy); color:#fff}
  .menu-dropdown__extra{padding:14px 16px 26px; background:#F5F3EC; gap:8px}
  .menu-dropdown__extra a{flex:1 1 calc(50% - 8px); padding:9px 8px; font-size:.78rem}
}

/* ---------- Menú Secciones: versión AZUL (color del menú del sitio) ---------- */
.menu-dropdown{
  background:var(--navy-menu); color:#fff; border-top:2px solid var(--gold);
  box-shadow:0 26px 50px -14px rgba(0,0,0,.55);
  scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.28) transparent;
}
.menu-dropdown::-webkit-scrollbar{width:8px}
.menu-dropdown::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25); border-radius:8px}
.menu-dropdown::before{ /* degradé sutil: más profundidad sin cambiar el azul de marca */
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(0,0,0,.18) 100%);
}
.menu-dropdown > *{position:relative}
.menu-dropdown__cab{background:rgba(0,0,0,.16); border-bottom:1px solid rgba(255,255,255,.12)}
.menu-dropdown__titulo{color:#fff}
.menu-dropdown__sub{color:#A9BAD8}
.menu-dropdown__cerrar{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.25); color:#fff}
.menu-dropdown__cerrar:hover{background:var(--gold); border-color:var(--gold); color:var(--navy-menu)}

.menu-grupo__fila{border-bottom:1px solid rgba(255,255,255,.16)}
.menu-grupo__fila::after{background:var(--c-claro, var(--gold))}
.menu-grupo{--c-claro:var(--c, var(--gold))}
@supports (color:color-mix(in srgb, red 50%, white)){
  .menu-grupo{--c-claro:color-mix(in srgb, var(--c, #D9A21B) 45%, #fff)}
}
.menu-grupo__seccion{color:#fff}
.menu-grupo__seccion:hover{color:var(--gold)}
.menu-grupo__temas a{color:#C7D4EC}
.menu-grupo__temas a::before{background:var(--c-claro); opacity:.8}
.menu-grupo__temas a:hover{color:#fff}

.menu-dropdown__extra{border-top:1px solid rgba(255,255,255,.12)}
.menu-dropdown__extra-tit{color:#8FA3C7}
.menu-dropdown__extra a{background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.2); color:#fff}
.menu-dropdown__extra a i{color:var(--gold)}
.menu-dropdown__extra a:hover{background:var(--gold); border-color:var(--gold); color:var(--navy-menu)}
.menu-dropdown__extra a:hover i{color:var(--navy-menu)}

@media (max-width:760px){
  .menu-dropdown{background:var(--navy-menu)}
  .menu-dropdown__cab{background:rgba(0,0,0,.22); border-bottom:2px solid var(--gold)}
  .menu-grupo{border-bottom:1px solid rgba(255,255,255,.1)}
  .menu-grupo__fila{border-left-color:var(--c-claro)}
  .menu-grupo__abrir{color:#A9BAD8}
  .menu-grupo.abierto{background:rgba(0,0,0,.18)}
  .menu-grupo__temas a{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.26); color:#fff}
  .menu-grupo__temas a:hover{background:var(--gold); border-color:var(--gold); color:var(--navy-menu); padding-left:12px}
  .menu-dropdown__extra{background:rgba(0,0,0,.22); border-top:1px solid rgba(255,255,255,.1)}
}

/* Menú: sección actual con su color, sutil */
.menu-grupo.es-actual .menu-grupo__fila{border-bottom-color:var(--c-claro)}
.menu-grupo.es-actual .menu-grupo__fila::after{width:100%; height:2px; opacity:.9}
.menu-grupo.es-actual .menu-grupo__seccion{color:#fff}
.menu-grupo.es-actual .menu-grupo__seccion::before{
  content:''; display:inline-block; width:7px; height:7px; border-radius:50%;
  background:var(--c-claro); margin-right:8px; vertical-align:middle;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--c-claro) 28%, transparent);
}
@media (min-width:761px){
  .menu-grupo.es-actual{background:linear-gradient(180deg, color-mix(in srgb, var(--c-claro) 14%, transparent), transparent 70%); border-radius:4px; box-shadow:inset 3px 0 0 var(--c-claro); padding-left:10px}
}
@media (max-width:760px){
  .menu-grupo.es-actual{background:color-mix(in srgb, var(--c-claro) 14%, transparent)}
  .menu-grupo.es-actual .menu-grupo__fila{border-left-width:5px}
}

/* ---------- Celular PRO: top centrado, buscador y secciones ---------- */
@media (max-width:760px){
  /* Top: todo centrado y prolijo */
  .top-bar__inner{flex-direction:column; align-items:center; gap:5px; padding:8px 16px 9px; text-align:center}
  .top-bar__extra{order:0; width:100%; justify-content:center; gap:14px}
  .top-bar__fecha{font-size:.7rem; letter-spacing:.04em; color:#A9B6CC}
  .top-bar__ticker{width:100%; justify-content:center; gap:9px; padding-top:6px; border-top:1px solid rgba(255,255,255,.09)}
  .top-bar__label{font-size:.62rem; letter-spacing:.09em; padding:3px 8px 3px 7px; border-radius:99px; background:rgba(226,61,61,.14); color:#fff}
  .top-bar__rotador{flex:1; max-width:none; text-align:left}
  .top-bar__item{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:.78rem}

  /* Cabecera: logo centrado, redes centradas, buscador pro */
  .masthead__top{
    grid-template-columns:1fr; grid-template-areas:"logo" "redes" "buscar"; justify-items:center; gap:11px; padding:16px 16px 18px;
  }
  .masthead__logo{justify-content:center; max-width:100%}
  .masthead__logo--conimagen{align-items:center}
  .masthead__logo-text strong{font-size:1.55rem; text-align:center}
  .masthead__redes{justify-content:center; gap:8px; width:100%}
  .masthead__redes:empty{display:none}
  .masthead__redes a{width:34px; height:34px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.16)}
  .masthead__buscador{
    width:100%; min-height:52px; padding:0 6px 0 4px; border-radius:99px;
    background:#fff; border:0; box-shadow:0 8px 22px -8px rgba(0,0,0,.45), 0 0 0 3px rgba(255,255,255,.14);
  }
  .masthead__buscador-icono{color:var(--navy); margin-left:16px; font-size:.95rem; opacity:.75}
  .masthead__buscador input{color:#14213A; font-size:16px; padding:14px 10px}
  .masthead__buscador input::placeholder{color:#7C879C}
  .masthead__buscador button{
    font-size:0; width:42px; height:42px; padding:0; border-radius:50%; flex:0 0 auto;
    display:flex; align-items:center; justify-content:center; background:var(--navy); color:#fff;
  }
  .masthead__buscador button::before{content:"\f002"; font-family:"Font Awesome 7 Free"; font-weight:900; font-size:1rem}

  /* Secciones: botón + chips deslizables */
  .menu-bar{padding:0 0 0 12px; gap:8px; align-items:center; border-top:1px solid rgba(255,255,255,.12); background:var(--navy-menu); box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
  .menu-bar__toggle{min-height:36px; padding:0 14px 0 12px; border-radius:99px; font-size:.74rem; letter-spacing:.06em; margin:9px 0; box-shadow:0 4px 12px -4px rgba(0,0,0,.5)}
  .menu-bar__quick{align-items:center; gap:6px; padding:9px 24px 9px 0}
  .menu-bar__quick a{
    min-height:34px; padding:0 14px; border:1px solid rgba(255,255,255,.22); border-radius:99px;
    font-size:.72rem; letter-spacing:.05em; color:#DCE5F6; background:rgba(255,255,255,.05);
  }
  .menu-bar__quick a:first-child{border-left:1px solid rgba(255,255,255,.22)}
  .menu-bar__quick a:hover, .menu-bar__quick a.activo{background:#fff; color:var(--navy-menu); border-color:#fff; box-shadow:none}
}
@media (max-width:760px){
  .top-bar__extra{order:-1}
  .top-bar__fecha, .top-bar__clima{border:0; padding:0; margin:0}
}

/* Fix: el degradé del menú cortaba la lista al hacer scroll → ahora acompaña todo el contenido */
.menu-dropdown::before{display:none}
.menu-dropdown{
  background-color:var(--navy-menu);
  background-image:linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(0,0,0,.16) 100%);
  background-attachment:local; background-repeat:no-repeat;
}
.menu-dropdown > *{position:static}
.menu-dropdown__cab{position:relative}

/* Alto del logo elegido desde Apariencia */
.masthead__logo-mark--img{height:var(--logo-alto,44px); width:auto; max-width:min(420px,100%)}
@media (max-width:760px){
  .masthead__logo-mark--img{height:var(--logo-alto-movil,40px); width:auto; max-width:92%}
}