/* =========================================================
   LA DOSIS PUNTANA — Retoques visuales
   Este CSS se aplica ENCIMA del tema Kadence. No reemplaza
   sus estilos, los sobrescribe donde hace falta.
   Selectores tomados del HTML real del sitio (ago. 2026).
   Si el tema cambia de versión o de theme, algunos selectores
   pueden dejar de aplicar — no rompen nada, simplemente dejan
   de tener efecto.
   ========================================================= */

:root{
  --ldp-navy:#101B33;
  --ldp-alerta:#E8501F;
  --ldp-piedra:#EDE8E1;
  --ldp-piedra-2:#E2DBCF;
  --ldp-algarrobo:#5C6B47;
  --ldp-cielo:#3E6E88;
  --ldp-ink:#1A1A1A;
  --ldp-white:#FBFAF7;
}

body{
  font-family:'Public Sans', sans-serif !important;
  background:var(--ldp-piedra) !important;
  color:var(--ldp-ink);
}

/* ---------- Tipografía de títulos ---------- */
.entry-title,
.entry-title a,
h1.entry-title,
.site-title,
h1, h2, h3{
  font-family:'Fraunces', serif !important;
  font-weight:600;
}

/* ---------- Datos / hora / clima / dólar en monoespaciada ---------- */
.csl-header-clima-wrap,
.csl-clima-widget,
.csl-dolar-widget,
.entry-meta,
.posted-by,
.posted-on{
  font-family:'IBM Plex Mono', monospace !important;
}

/* ---------- Franja superior (clima + dólar) con marca ----------
   En pantallas grandes es una barra fina. En mobile queda todavía
   más chica y sin fondo, para que no compita con la noticia. */
.csl-header-clima-wrap{
  background:var(--ldp-navy);
  color:var(--ldp-white);
  padding:4px 10px;
  border-radius:3px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  line-height:1.2;
}
.csl-header-clima-wrap a{ color:var(--ldp-white) !important; }
.csl-header-clima-wrap .csl-icono img{
  width:14px; height:14px;
}

@media (max-width: 600px){
  .csl-header-clima-wrap{
    background:transparent;
    color:var(--ldp-ink);
    padding:2px 0;
    gap:6px;
    font-size:10.5px;
    display:flex;
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:hidden;
  }
  .csl-header-clima-wrap a{ color:var(--ldp-ink) !important; }
  .csl-header-clima-wrap .csl-icono img{
    width:11px; height:11px;
  }
  .csl-header-clima-wrap .csl-ciudad{
    display:none; /* en mobile alcanza con la temperatura, "San Luis" sobra */
  }
}

/* ---------- Colores por categoría (badges / links de sección) ---------- */
.category-link-policiales{ background:var(--ldp-alerta); color:#fff !important; padding:3px 9px; border-radius:2px; font-weight:600; }
.category-link-judiciales{ background:var(--ldp-cielo); color:#fff !important; padding:3px 9px; border-radius:2px; font-weight:600; }
.category-link-sociedad{ background:var(--ldp-algarrobo); color:#fff !important; padding:3px 9px; border-radius:2px; font-weight:600; }
.category-link-economia{ background:var(--ldp-navy); color:#fff !important; padding:3px 9px; border-radius:2px; font-weight:600; }
.category-link-politica,
.category-link-deportes,
.category-link-cultura,
.category-link-tendencias{ background:var(--ldp-ink); color:#fff !important; padding:3px 9px; border-radius:2px; font-weight:600; }

/* ---------- Tarjeta "placa" para notas SIN foto destacada ----------
   Reutiliza la estética de zócalo de los reels (fondo navy,
   barra de acento, logo en la esquina) en vez de dejar un
   espacio en blanco cuando el post no tiene imagen. */
.entry:not(.has-post-thumbnail){
  background:var(--ldp-navy) !important;
  border-radius:6px;
  padding:22px 22px 18px;
  position:relative;
}
.entry:not(.has-post-thumbnail) .entry-title,
.entry:not(.has-post-thumbnail) .entry-title a{
  color:var(--ldp-white) !important;
}
.entry:not(.has-post-thumbnail) .entry-meta,
.entry:not(.has-post-thumbnail) .posted-by,
.entry:not(.has-post-thumbnail) .posted-on{
  color:rgba(255,255,255,.7) !important;
}
.entry:not(.has-post-thumbnail)::before{
  content:"";
  display:block;
  width:40px; height:3px;
  background:var(--ldp-alerta);
  margin-bottom:12px;
}
.entry:not(.has-post-thumbnail)::after{
  content:"LD";
  position:absolute; top:14px; right:14px;
  width:26px; height:26px; border-radius:50%;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.25);
  color:#fff;
  font-family:'Fraunces', serif; font-weight:700; font-size:11px;
  display:flex; align-items:center; justify-content:center;
}

/* ---------- Menú principal: contenedor flexible para el JS de "Más" ---------- */
#site-navigation #primary-menu{
  display:flex;
  flex-wrap:nowrap;
  overflow:hidden;
}
#site-navigation #primary-menu > li.ldvf-menu-item-hidden{
  display:none;
}
.ldvf-more-item{
  font-family:'Public Sans', sans-serif;
  font-weight:600;
  cursor:pointer;
}
.ldvf-more-item .ldvf-more-dropdown{
  display:none;
  position:absolute;
  background:var(--ldp-white);
  border:1px solid var(--ldp-piedra-2);
  border-radius:4px;
  padding:6px 0;
  min-width:180px;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
  z-index:999;
}
.ldvf-more-item.open .ldvf-more-dropdown{
  display:block;
}
.ldvf-more-dropdown a{
  display:block;
  padding:8px 16px;
  white-space:nowrap;
  color:var(--ldp-ink);
}
.ldvf-more-dropdown a:hover{
  background:var(--ldp-piedra);
}

/* =========================================================
   "TU DOSIS DEL DÍA"
   ========================================================= */
.ldp-dosis-del-dia{
  max-width:1240px;
  margin:0 auto;
  padding:18px 22px;
  background:var(--ldp-navy);
  border-radius:6px;
  color:var(--ldp-white);
}
.ldp-dosis-header{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.ldp-dosis-header h2{
  font-family:'Fraunces', serif;
  font-size:18px;
  font-weight:700;
  color:var(--ldp-white) !important;
  flex:1;
}
.ldp-dosis-icon{ font-size:20px; }
.ldp-escuchar-btn{
  font-family:'Public Sans', sans-serif;
  font-size:12.5px;
  font-weight:600;
  background:var(--ldp-alerta);
  color:#fff;
  border:none;
  border-radius:20px;
  padding:7px 14px;
  cursor:pointer;
}
.ldp-escuchar-btn:hover{ opacity:.9; }

.ldp-dosis-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.ldp-dosis-list li{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:9px 10px;
  border-radius:3px;
  border-bottom:1px dashed rgba(255,255,255,.14);
}
.ldp-dosis-list li:last-child{ border-bottom:none; }
.ldp-dosis-time{
  font-family:'IBM Plex Mono', monospace;
  font-size:11.5px;
  color:var(--ldp-alerta);
  flex-shrink:0;
}
.ldp-dosis-list a{
  color:var(--ldp-white);
  font-size:14px;
  line-height:1.4;
}
.ldp-dosis-list a:hover{ text-decoration:underline; }

@media (max-width:600px){
  .ldp-dosis-del-dia{ margin:0 12px; padding:14px 16px; }
  .ldp-dosis-header h2{ font-size:15.5px; }
}

/* =========================================================
   MAPA DE INCIDENTES
   ========================================================= */
.ldp-mapa-wrap{
  max-width:1240px;
  margin:24px auto;
  padding:0 22px;
}
.ldp-mapa-wrap h2{
  font-family:'Fraunces', serif;
  font-size:20px;
  margin-bottom:12px;
}
#ldp-mapa-incidentes{
  border:1px solid var(--ldp-piedra-2);
}