/*
Theme Name: DILO Senador
Theme URI: https://www.didierlobo.co
Author: Sebastian
Description: Tema oficial del sitio del senador Didier Lobo Chinchilla. Landing moderna con noticias, informes de gestión, biografía y redes. Tipografías libres (OFL) auto-hospedadas: Archivo y Public Sans. Cumplimiento Ley 1581 de 2012 (banner de consentimiento y carga diferida de embeds).
Version: 2.8.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dilo
*/

/* ===== Fuentes (auto-hospedadas, SIL OFL) ===== */
@font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('assets/fonts/Archivo-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('assets/fonts/PublicSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('assets/fonts/PublicSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('assets/fonts/PublicSans-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Public Sans';src:url('assets/fonts/PublicSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --azul:#0F2A55; --azul2:#1D4E9B; --rojo:#D7262E; --marfil:#F4F2EC; --tinta:#101623; --blanco:#FFFFFF;
  --radio:14px; --max:1180px;
  --display:'Archivo',system-ui,sans-serif; --body:'Public Sans',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--tinta);background:var(--marfil);line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ===== Cinta tricolor (firma) ===== */
.cinta{height:6px;display:grid;grid-template-columns:1fr 1fr}
.cinta span:nth-child(1){background:var(--azul2)}
.cinta span:nth-child(2){background:var(--rojo)}
.cinta span:nth-child(3){display:none}
.tick{display:inline-grid;grid-template-columns:21px 21px;height:5px;margin-right:10px;vertical-align:middle}
.tick i:nth-child(1){background:var(--azul2)}.tick i:nth-child(2){background:var(--rojo)}.tick i:nth-child(3){display:none}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:50;background:rgba(244,242,236,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e0dccf}
.nav{max-width:var(--max);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:28px}
.logo{font-family:var(--display);font-weight:900;font-size:1.25rem;letter-spacing:-.02em;text-transform:uppercase;line-height:1.05}
.logo b{color:var(--rojo)}
.logo small{display:block;font-family:var(--body);font-weight:600;font-size:.6rem;letter-spacing:.28em;color:var(--azul);text-transform:uppercase}
nav.menu{margin-left:auto}
nav.menu ul{display:flex;gap:22px;list-style:none}
nav.menu a{font-weight:600;font-size:.86rem;letter-spacing:.04em;padding:6px 0;border-bottom:2px solid transparent}
nav.menu a:hover,nav.menu .current-menu-item a{border-color:var(--rojo)}
.btn{display:inline-block;font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;padding:12px 22px;border-radius:999px;transition:transform .15s ease;cursor:pointer;border:0}
.btn:hover{transform:translateY(-2px)}
.btn-rojo{background:var(--rojo);color:#fff}
.btn-linea{border:2px solid var(--azul);color:var(--azul);background:transparent}
.btn-blanco{background:#fff;color:var(--azul)}
@media(max-width:860px){nav.menu{display:none}}

/* ===== Hero ===== */
.hero{max-width:var(--max);margin:0 auto;padding:56px 24px 60px;display:flex;flex-direction:column;gap:40px}
.eyebrow{font-weight:700;font-size:.75rem;letter-spacing:.26em;text-transform:uppercase;color:var(--azul2);margin-bottom:18px}
h1{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,4.6vw,3.8rem);line-height:.98;letter-spacing:-.02em;color:var(--azul)}
h1 em{font-style:normal;color:var(--rojo)}
.hero p.baja{margin:0 0 20px;font-size:1.08rem;font-weight:600;color:var(--azul)}
.hero p.perfil{color:#3c4356;font-size:1rem}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.hero-foto{position:relative}
.hero-foto img{border-radius:var(--radio);width:100%;height:auto;display:block;object-fit:contain;box-shadow:0 24px 60px rgba(15,42,85,.28)}
.hero-foto::after{content:"";position:absolute;inset:auto -10px -10px auto;width:34%;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--azul2) 50%,var(--rojo) 50%)}
.hero-chip{position:absolute;top:18px;left:18px;background:var(--azul);color:#fff;border-radius:10px;padding:10px 16px;font-family:var(--display);font-weight:800;letter-spacing:.04em;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.hero-chip small{display:block;font-family:var(--body);font-weight:500;font-size:.65rem;letter-spacing:.2em;opacity:.8}
.hero-texto{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:860px){
	.hero-texto{grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
	.hero-col-titulo{position:sticky;top:110px}
	.hero-col-cuerpo{position:relative;padding-left:44px}
	.hero-col-cuerpo::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--azul2) 50%,var(--rojo) 50%)}
}

/* ===== Ticker ===== */
.ticker{background:var(--azul);color:#fff;overflow:hidden;position:relative}
.ticker .pista{display:flex;width:max-content;animation:rodar 38s linear infinite;padding:14px 0}
.ticker span{font-family:var(--display);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 26px;border-right:1px solid rgba(255,255,255,.2)}
.ticker span b{color:#ffb3b6;font-weight:800}
@keyframes rodar{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .pista{animation:none;flex-wrap:wrap;width:auto}}

/* ===== Secciones ===== */
section.bloque{max-width:var(--max);margin:0 auto;padding:72px 24px}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.sec-label{font-weight:700;font-size:.72rem;letter-spacing:.26em;text-transform:uppercase;color:var(--rojo);margin-bottom:10px}
h2.titulo{font-family:var(--display);font-weight:900;text-transform:uppercase;letter-spacing:-.015em;font-size:clamp(1.7rem,3.4vw,2.6rem);color:var(--azul);line-height:1.02}

/* ===== Tarjetas de noticias ===== */
.noticias-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:22px}
.card{background:#fff;border-radius:var(--radio);overflow:hidden;box-shadow:0 6px 22px rgba(16,22,35,.07);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(16,22,35,.13)}
.card .thumb{aspect-ratio:16/10;object-fit:cover;width:100%;background:#e8e4d8}
.card .cuerpo{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.card time{font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo)}
.card h3{font-family:var(--display);font-weight:800;font-size:1rem;line-height:1.28;color:var(--tinta)}
.card .extracto{color:#5a6070;font-size:.92rem}
.card.destacada{grid-row:span 2}
.card.destacada .thumb{aspect-ratio:4/3}
.card.destacada h3{font-size:1.45rem}
.card .leer{margin-top:auto;font-weight:700;font-size:.8rem;color:var(--azul2)}
@media(max-width:900px){.noticias-grid{grid-template-columns:1fr 1fr}.card.destacada{grid-column:span 2;grid-row:auto}}
@media(max-width:600px){.noticias-grid{grid-template-columns:1fr}.card.destacada{grid-column:auto}}
.ver-todas{text-align:center;margin-top:36px}
.archivo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media(max-width:900px){.archivo-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.archivo-grid{grid-template-columns:1fr}}
.paginacion{margin-top:40px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.paginacion .page-numbers{border:1.5px solid #cbc6b6;border-radius:10px;padding:8px 14px;font-weight:600;font-size:.85rem;background:#fff}
.paginacion .current,.paginacion .page-numbers:hover{background:var(--azul);border-color:var(--azul);color:#fff}

/* ===== Informes ===== */
.franja-blanca{background:#fff}
.franja-blanca .interno{max-width:var(--max);margin:0 auto;padding:72px 24px}



/* ===== Biografía ===== */
.bio{background:var(--azul);color:#fff}
.bio-wrap{max-width:860px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;gap:8px}
.bio h2.titulo{color:#fff}
.bio .sec-label{color:#ff8f94}
.bio p{color:#c9d4e8;margin:18px 0}
.bio-cabecera{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;margin-bottom:26px}
.bio-foto{width:min(300px,70%);margin-bottom:22px}
.bio-foto img{width:100%;height:auto;border-radius:var(--radio);display:block;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.bio-cabecera .sec-label{margin-bottom:4px}
.linea-tiempo{list-style:none;margin-top:32px;position:relative;padding-left:26px;border-left:3px solid rgba(255,255,255,.18);display:flex;flex-direction:column;gap:26px}
.linea-tiempo li{position:relative}
.linea-tiempo .punto{position:absolute;left:-32.5px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--azul2);border:3px solid var(--azul)}
.linea-tiempo .punto.activo{background:var(--rojo)}
.linea-tiempo b{font-family:var(--display);font-weight:800;font-size:1rem;display:block;color:#fff;text-transform:uppercase;letter-spacing:.02em}
.linea-tiempo span{font-size:.86rem;color:#9fb0cf}

/* ===== Redes ===== */
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}
.tab{font-family:var(--display);font-weight:700;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:10px 20px;border-radius:999px;border:1.5px solid #cbc6b6;background:#fff;cursor:pointer}
.tab.activo{background:var(--rojo);border-color:var(--rojo);color:#fff}
.embed-zona{display:grid;grid-template-columns:1.4fr .6fr;gap:22px}
.embed{background:#fff;border-radius:var(--radio);min-height:480px;padding:18px;box-shadow:0 6px 22px rgba(16,22,35,.07)}
.embed .panel{display:none;min-height:440px}
.embed .panel.activo{display:block}
.embed .bloqueado{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;border:1.5px dashed #b9b4a3;border-radius:10px;padding:30px;color:#6a6f7d}
.embed .bloqueado b{font-family:var(--display);color:var(--azul);text-transform:uppercase}
.embed iframe{border:0;width:100%;min-height:440px;border-radius:8px}
.sigueme{background:#fff;border-radius:var(--radio);padding:26px;box-shadow:0 6px 22px rgba(16,22,35,.07);display:flex;flex-direction:column;gap:12px;align-self:start}
.red{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:var(--marfil);font-weight:600;font-size:.9rem}
.red i{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-style:normal;font-family:var(--display);font-weight:800;flex:none}
.red i{background:var(--azul)}
.red:hover i{background:var(--rojo)}
.red:hover{background:#ece8dc}
@media(max-width:900px){.embed-zona{grid-template-columns:1fr}}

/* ===== Nota individual ===== */
.nota{max-width:820px;margin:0 auto;padding:56px 24px}
.nota .meta{font-weight:700;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rojo);margin-bottom:14px}
.nota h1{font-size:clamp(1.8rem,4vw,2.8rem);text-transform:none;letter-spacing:-.01em;line-height:1.12}
.nota .portada{margin:28px 0;border-radius:var(--radio);overflow:hidden}
.nota .portada img{width:100%;height:auto;display:block;object-fit:contain}
.nota .contenido{font-size:1.05rem}
.nota .contenido p{margin:0 0 1.2em}
.nota .contenido img{border-radius:10px;margin:1.2em 0}
.nota .contenido h2,.nota .contenido h3{font-family:var(--display);color:var(--azul);margin:1.4em 0 .5em}
.compartir{margin-top:40px;padding-top:24px;border-top:1px solid #ddd8c8;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.compartir b{font-family:var(--display);text-transform:uppercase;font-size:.78rem;letter-spacing:.14em;color:var(--azul)}
.compartir a{border:1.5px solid #cbc6b6;border-radius:999px;padding:7px 16px;font-weight:600;font-size:.8rem;background:#fff}
.compartir a:hover{background:var(--azul);border-color:var(--azul);color:#fff}
.nav-notas{max-width:820px;margin:0 auto;padding:0 24px 56px;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:.88rem;color:var(--azul2)}

/* ===== Footer ===== */
.site-footer{background:var(--tinta);color:#aeb4c2}
.foot{max-width:var(--max);margin:0 auto;padding:60px 24px 30px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px}
.foot h4{font-family:var(--display);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;margin-bottom:14px}
.foot a:hover{color:#fff}
.foot .logo{color:#fff;margin-bottom:12px}
.legal{max-width:var(--max);margin:0 auto;padding:18px 24px;border-top:1px solid #2a2f3d;font-size:.78rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media(max-width:860px){.foot{grid-template-columns:1fr}}

/* ===== Banner legal (Ley 1581 de 2012) ===== */
.aviso-legal{position:fixed;left:0;right:0;bottom:0;z-index:99;background:#fff;box-shadow:0 -10px 34px rgba(16,22,35,.18);transform:translateY(110%);transition:transform .4s ease}
.aviso-legal.visible{transform:none}
.aviso-legal .cinta{height:5px}
.aviso-legal .caja{max-width:var(--max);margin:0 auto;padding:18px 24px;display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.aviso-legal p{flex:1;min-width:260px;font-size:.85rem;color:#3c4356}
.aviso-legal p b{color:var(--azul)}
.aviso-legal a{color:var(--azul2);font-weight:600;text-decoration:underline}
.aviso-legal .acciones{display:flex;gap:10px;flex-wrap:wrap}
.aviso-legal .btn{padding:10px 18px;font-size:.78rem}

/* Reveal */
.rev{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.rev.visto{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}}



/* ===== Galerías y embeds dentro del contenido de una nota ===== */
/* ===== Galerías: cuadrícula editorial ===== */
.dilo-galeria,.contenido .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:1.8em 0;list-style:none;padding:0}
.dilo-galeria figure,.contenido .wp-block-gallery .wp-block-image{margin:0;border-radius:10px;overflow:hidden;background:#e8e4d8;position:relative;cursor:zoom-in}
.dilo-galeria img,.contenido .wp-block-gallery img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;margin:0!important;border-radius:0!important;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.dilo-galeria figure:hover img,.contenido .wp-block-gallery .wp-block-image:hover img{transform:scale(1.06)}
/* Primera foto más grande: rompe la monotonía de la rejilla */
.dilo-galeria figure:first-child,.contenido .wp-block-gallery .wp-block-image:first-child{grid-column:span 2;grid-row:span 2}
.dilo-galeria figure:first-child img,.contenido .wp-block-gallery .wp-block-image:first-child img{aspect-ratio:auto;height:100%}
@media(max-width:560px){
	.dilo-galeria,.contenido .wp-block-gallery{grid-template-columns:1fr 1fr}
	.dilo-galeria figure:first-child,.contenido .wp-block-gallery .wp-block-image:first-child{grid-column:span 2;grid-row:auto}
}
/* Indicador de ampliar */
.dilo-galeria figure::after,.contenido .wp-block-gallery .wp-block-image::after{content:"⤢";position:absolute;right:9px;bottom:9px;width:28px;height:28px;border-radius:50%;background:rgba(15,42,85,.82);color:#fff;display:grid;place-items:center;font-size:.85rem;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}
.dilo-galeria figure:hover::after,.contenido .wp-block-gallery .wp-block-image:hover::after{opacity:1;transform:none}

/* ===== Visor a pantalla completa (lightbox) ===== */
.visor{position:fixed;inset:0;z-index:300;background:rgba(10,14,22,.94);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease}
.visor[hidden]{display:none}
.visor.abierto{opacity:1}
.visor img{max-width:92vw;max-height:82vh;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.6);display:block}
.visor-pie{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:#c9d4e8;font-size:.86rem;padding:0 70px;line-height:1.45}
.visor-conteo{display:block;font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#8f9bb3;margin-bottom:5px}
.visor button{position:absolute;background:rgba(255,255,255,.10);border:0;color:#fff;width:46px;height:46px;border-radius:50%;cursor:pointer;display:grid;place-items:center;font-size:1.3rem;transition:background .15s ease}
.visor button:hover{background:var(--rojo)}
.visor-cerrar{top:20px;right:20px;font-size:1.1rem}
.visor-ant{left:20px;top:50%;transform:translateY(-50%)}
.visor-sig{right:20px;top:50%;transform:translateY(-50%)}
@media(max-width:600px){
	.visor-ant{left:10px}.visor-sig{right:10px}
	.visor button{width:40px;height:40px}
	.visor-pie{padding:0 14px;bottom:14px;font-size:.8rem}
}
.contenido iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:10px;margin:1.2em 0}
.contenido .wp-block-embed{margin:1.2em 0}
.relacionadas{padding-top:24px}

/* ===== Logo (header y footer, mismo archivo vía Personalizar → Identidad) ===== */
.custom-logo-link{display:block;line-height:0}
.custom-logo{max-height:88px;width:auto;display:block}
@media(max-width:640px){.custom-logo{max-height:64px}}
.logo-pie{margin-bottom:12px;background:#fff;display:inline-block;padding:10px 16px;border-radius:10px}
.logo-pie img,.logo-pie .custom-logo{max-height:64px;width:auto;display:block}

/* ===== Barra de filtros (desplegables) ===== */
.barra-filtros{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.filtro-select{appearance:none;-webkit-appearance:none;font-family:var(--body);font-weight:600;font-size:.84rem;color:var(--tinta);background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%230F2A55'/%3E%3C/svg%3E") no-repeat right 14px center;border:1.5px solid #cbc6b6;border-radius:999px;padding:9px 34px 9px 16px;cursor:pointer;max-width:220px}
.filtro-select:hover,.filtro-select:focus{border-color:var(--azul);outline:none}
.filtro-limpiar{font-weight:700;font-size:.8rem;color:var(--rojo);text-decoration:underline}

/* ===== Íconos de redes (SVG inline) ===== */
.red i svg{width:17px;height:17px;fill:currentColor;display:block}
.red.wa i{background:#25D366}
.red.wa:hover i{background:var(--rojo)}
.red.tt i{background:#000}
.red.tt:hover i{background:var(--rojo)}

/* ===== WhatsApp flotante ===== */
.wa-flotante{position:fixed;right:22px;bottom:22px;z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .15s ease}
.wa-flotante:hover{transform:scale(1.08)}
.wa-flotante svg{width:28px;height:28px;fill:#fff}

/* ===== Tarjetas de informes (reutilizan .card; esto es lo específico de informes) ===== */
.card .etiqueta{font-weight:700;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--rojo);display:block;margin-bottom:2px}
.thumb-pdf{aspect-ratio:16/10;display:grid;place-items:center;background:#eae6d9;color:var(--azul)}
.thumb-pdf svg{width:44px;height:44px;fill:currentColor}


/* ===== Buscador ===== */
.buscador{display:flex;gap:0;flex:1 1 260px;max-width:360px;background:#fff;border:1.5px solid #cbc6b6;border-radius:999px;overflow:hidden;transition:border-color .15s ease}
.buscador:focus-within{border-color:var(--azul)}
.buscador input[type="search"]{flex:1;border:0;outline:none;background:transparent;padding:11px 18px;font-family:var(--body);font-size:.9rem;color:var(--tinta);min-width:0}
.buscador input[type="search"]::placeholder{color:#8a8f9c}
.buscador button{border:0;background:var(--azul);color:#fff;padding:0 20px;cursor:pointer;display:grid;place-items:center;transition:background .15s ease}
.buscador button:hover{background:var(--rojo)}
.buscador button svg{width:16px;height:16px;fill:currentColor}
.resultados-conteo{margin-top:8px;font-size:.9rem;color:#5a6070}
.sin-resultados{background:#fff;border-radius:var(--radio);padding:40px 32px;text-align:center;box-shadow:0 6px 22px rgba(16,22,35,.07)}
.sin-resultados p{margin-bottom:10px;color:#5a6070}
.sin-resultados p strong{color:var(--azul);font-family:var(--display);font-size:1.05rem}
.sin-resultados .btn{margin-top:18px}

/* ===== Clasificación al pie de cada nota ===== */
.clasificacion{margin-top:38px;padding-top:24px;border-top:1px solid #ddd8c8;display:flex;flex-direction:column;gap:12px}
.clas-fila{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}
.clas-nombre{font-family:var(--display);font-weight:800;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--azul);min-width:92px;flex:none}
.clas-terminos{display:flex;gap:8px;flex-wrap:wrap}
.chip{display:inline-block;border:1.5px solid #cbc6b6;border-radius:999px;padding:6px 14px;font-weight:600;font-size:.8rem;background:#fff;color:var(--tinta);transition:background .15s ease,border-color .15s ease,color .15s ease}
.chip:hover{background:var(--azul);border-color:var(--azul);color:#fff}
@media(max-width:560px){.clas-nombre{min-width:100%}}


/* ===== Barra de exploración: buscador (izquierda) + filtros (derecha) ===== */
.barra-explorar{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:30px}
.barra-explorar .barra-filtros{flex:1 1 auto}
@media(max-width:820px){
	.barra-explorar{gap:14px}
	.buscador{max-width:100%;flex:1 1 100%}
}


/* ===== Búsqueda en vivo ===== */
.buscador-envoltura{position:relative;flex:1 1 300px;max-width:400px}
.buscador-envoltura .buscador{max-width:none;flex:1 1 auto;width:100%}
.buscador-resultados{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:70;background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(16,22,35,.20);overflow:hidden;max-height:60vh;overflow-y:auto}
.buscador-resultados[hidden]{display:none}
.busc-item{display:flex;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #eee9dc;transition:background .12s ease}
.busc-item:last-of-type{border-bottom:0}
.busc-item:hover,.busc-item.activo{background:#f4f2ec}
.busc-item img,.busc-sinimg{width:52px;height:40px;border-radius:7px;object-fit:cover;flex:none;background:#e8e4d8}
.busc-texto{display:flex;flex-direction:column;gap:2px;min-width:0}
.busc-fecha{font-weight:700;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rojo)}
.busc-titulo{font-family:var(--display);font-weight:700;font-size:.85rem;line-height:1.25;color:var(--tinta);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.busc-todos,.busc-vacio,.busc-cargando{display:block;padding:12px 14px;font-weight:600;font-size:.82rem}
.busc-todos{background:var(--azul);color:#fff;text-align:center;transition:background .12s ease}
.busc-todos:hover,.busc-todos.activo{background:var(--rojo)}
.busc-vacio,.busc-cargando{color:#6a6f7d;margin:0}
.busc-vacio b{color:var(--azul)}
@media(max-width:820px){.buscador-envoltura{flex:1 1 100%;max-width:100%}}


/* ===== Biografía: párrafos con aire ===== */
.bio-texto{margin-bottom:10px}
.bio-texto p{margin:0 0 16px;max-width:none;text-align:justify}
.bio-texto p:last-child{margin-bottom:0}
.bio-texto p:first-child{font-size:1.06rem;color:#e3eaf7}

/* ===== DILO en los medios: muro de citas ===== */
.muro-citas{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cita{margin:0;background:var(--azul);color:#fff;border-radius:var(--radio);padding:0 0 24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px rgba(15,42,85,.20);transition:transform .18s ease,box-shadow .18s ease}
.cita:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,42,85,.30)}
.cita:nth-child(2){background:var(--tinta)}
.cita-img{margin-bottom:20px}
.cita-img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.cita blockquote{margin:0;padding:0 26px;position:relative;flex:1}
.cita blockquote::before{content:"\201C";font-family:var(--display);font-weight:900;font-size:3.4rem;line-height:.8;color:var(--rojo);display:block;margin-bottom:6px}
.cita blockquote p{font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.35;color:#fff}
.cita figcaption{padding:18px 26px 0;display:flex;flex-direction:column;gap:3px}
.cita-medio{font-family:var(--display);font-weight:800;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.cita-fecha{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#9fb0cf;font-weight:600}
.cita-enlace{margin:16px 26px 0;font-weight:700;font-size:.82rem;color:#ffb3b6}
.cita-enlace:hover{color:#fff}
@media(max-width:900px){.muro-citas{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.muro-citas{grid-template-columns:1fr}}


/* ==========================================================================
   TIPOGRAFÍA EDITORIAL — formato dentro de las entradas
   Todo lo que el editor puede aplicar desde WordPress tiene aquí su estilo.
   ========================================================================== */

/* Enlaces: visibles sin ser estridentes */
.contenido a{color:var(--azul2);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;font-weight:600;transition:color .15s ease,background .15s ease}
.contenido a:hover{color:var(--rojo);background:rgba(215,38,46,.07)}
.contenido a:focus-visible{outline:2px solid var(--azul2);outline-offset:2px;border-radius:2px}
/* Enlaces externos: se marcan con una flechita */
.contenido a[target="_blank"]::after{content:"↗";font-size:.78em;margin-left:.22em;opacity:.75}

/* Énfasis */
.contenido strong,.contenido b{font-weight:700;color:var(--azul)}
.contenido em,.contenido i{font-style:italic}
.contenido u{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.contenido s,.contenido del{opacity:.65}
.contenido mark,.contenido .has-inline-color{background:#ffe9a8;color:var(--tinta);padding:.08em .28em;border-radius:3px}
.contenido code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#eae6d9;padding:.12em .4em;border-radius:4px}

/* Encabezados dentro de la nota */
.nota .contenido h2{font-size:1.5rem;font-weight:800}
.nota .contenido h3{font-size:1.2rem;font-weight:800}
.nota .contenido h4{font-family:var(--display);color:var(--azul);font-size:1.05rem;font-weight:700;margin:1.3em 0 .4em}

/* Listas */
.contenido ul,.contenido ol{margin:0 0 1.3em 1.3em;padding:0}
.contenido li{margin-bottom:.5em}
.contenido ul{list-style:none}
.contenido ul li{position:relative;padding-left:1.1em}
.contenido ul li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--rojo)}
.contenido ol li::marker{color:var(--rojo);font-weight:700}

/* Citas destacadas dentro de la nota */
.contenido blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:4px solid var(--rojo);font-family:var(--display);font-weight:600;font-size:1.14rem;line-height:1.45;color:var(--azul)}
.contenido blockquote p:last-child{margin-bottom:0}
.contenido blockquote cite{display:block;margin-top:10px;font-family:var(--body);font-style:normal;font-weight:600;font-size:.85rem;color:#6a6f7d}

/* Pies de foto */
.contenido figcaption,.contenido .wp-caption-text{font-size:.82rem;color:#6a6f7d;margin-top:8px;line-height:1.4;text-align:center}

/* Tablas */
.contenido table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.92rem}
.contenido th{background:var(--azul);color:#fff;font-family:var(--display);font-weight:700;text-align:left;padding:11px 14px;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase}
.contenido td{padding:11px 14px;border-bottom:1px solid #e3ded0}
.contenido tr:nth-child(even) td{background:#faf9f5}

/* Separadores y alineaciones de WordPress */
.contenido hr,.contenido .wp-block-separator{border:0;height:3px;width:70px;background:linear-gradient(90deg,var(--azul2) 50%,var(--rojo) 50%);margin:2.2em auto;border-radius:3px}
.contenido .alignleft{float:left;margin:.4em 1.5em 1em 0;max-width:50%}
.contenido .alignright{float:right;margin:.4em 0 1em 1.5em;max-width:50%}
.contenido .aligncenter{margin-left:auto;margin-right:auto;display:block}
.contenido .alignwide,.contenido .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
@media(max-width:600px){
	.contenido .alignleft,.contenido .alignright{float:none;margin:1.2em 0;max-width:100%}
	.contenido .alignwide,.contenido .alignfull{margin-left:0;margin-right:0;max-width:100%}
}


/* ===== Imágenes: nunca recortar las que son protagonistas =====
   Las tarjetas (.thumb) sí se recortan a propósito, para que la rejilla
   quede pareja. Todo lo demás se muestra completo. */
.hero-foto img,.nota .portada img,.nota .contenido img,.bio-foto img{object-fit:contain;height:auto}
.nota .contenido img{max-width:100%}