/* ══════════════════════════════════════════════════════════════════════════
   ÍLLORA RADIO · el blog
   Paleta y tipografías heredadas del resto del sitio (snippets 62/63/65):
   rojo #D7263D · ámbar #E0A43B · tinta #0C1B2A · texto #3C4A57 · fondo #060D15
   Outfit para titulares, Inter para el texto corrido.
   ══════════════════════════════════════════════════════════════════════════ */

:root{
  --ir-rojo:#D7263D;
  --ir-rojo-osc:#8E1526;
  --ir-ambar:#E0A43B;
  --ir-tinta:#0C1B2A;
  --ir-texto:#3C4A57;
  --ir-suave:#6B7A89;
  --ir-noche:#060D15;
  --ir-papel:#F6F7F9;
  --ir-linea:rgba(12,27,42,.09);
}

/* ─────────────────────────── cabecera del blog ─────────────────────────── */
.ir-arch-hero{position:relative;overflow:hidden;background:var(--ir-noche)}
.ir-arch-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 380px at 14% 0%, rgba(215,38,61,.28), transparent 62%),
             radial-gradient(560px 320px at 94% 100%, rgba(224,164,59,.14), transparent 62%);
}
.ir-arch-hero > .e-con-inner{position:relative;z-index:2}
.ir-arch-hero h1{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;color:#fff;margin:0;
  font-size:clamp(34px,5.2vw,58px);line-height:1.03;letter-spacing:-1.7px;
}
.ir-arch-hero .ir-arch-sub{
  color:rgba(255,255,255,.62);font-size:18px;line-height:1.65;
  margin:18px 0 0;max-width:640px;
}

/* ───────────────────────── barra de secciones ──────────────────────────── */
.ir-secciones{margin:30px 0 0}
.ir-secciones ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.ir-secciones a{
  display:inline-block;padding:8px 17px;border-radius:999px;text-decoration:none;
  font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14px;
  color:rgba(255,255,255,.72);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);transition:.18s;
}
.ir-secciones a:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateY(-1px)}
.ir-secciones a[aria-current]{background:var(--ir-rojo);border-color:var(--ir-rojo);color:#fff;
  box-shadow:0 8px 22px rgba(215,38,61,.35)}

/* ───────────────────────────── la rejilla ──────────────────────────────── */
.ir-blog-body{background:var(--ir-papel)}
.ir-rejilla{
  display:grid;grid-template-columns:repeat(3,1fr);gap:30px;align-items:stretch;
}
@media(max-width:1024px){.ir-rejilla{grid-template-columns:repeat(2,1fr);gap:24px}}
@media(max-width:640px){.ir-rejilla{grid-template-columns:1fr;gap:22px}}

.ir-nc{
  display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;
  border:1px solid var(--ir-linea);
  box-shadow:0 2px 4px rgba(12,27,42,.04),0 12px 30px rgba(12,27,42,.05);
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;
}
.ir-nc:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(12,27,42,.06),0 22px 46px rgba(12,27,42,.11)}
@media(prefers-reduced-motion:reduce){.ir-nc,.ir-nc:hover{transition:none;transform:none}}

.ir-nc-media{
  display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ir-noche);
  flex:0 0 auto;
}
.ir-nc-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.ir-nc:hover .ir-nc-media img{transform:scale(1.045)}
.ir-nc-noimg{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(145deg,#0C1B2A,#060D15);
}
.ir-nc-noimg .ir-wave i{background:rgba(215,38,61,.85)}

.ir-nc-cuerpo{display:flex;flex-direction:column;flex:1 1 auto;padding:22px 24px 24px}

.ir-nc-meta,.ir-post-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;
  font-family:Inter,system-ui,sans-serif;font-size:12.5px;color:var(--ir-suave);
}
.ir-nc-meta time,.ir-post-meta time{letter-spacing:.1px}
.ir-post-meta .ir-lectura::before{content:"·";margin-right:10px;color:rgba(12,27,42,.28)}

.ir-chip{
  display:inline-block;padding:4px 11px;border-radius:999px;text-decoration:none;
  font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:11px;
  letter-spacing:.7px;text-transform:uppercase;
  background:rgba(215,38,61,.1);color:var(--ir-rojo);transition:.16s;
}
.ir-chip:hover{background:var(--ir-rojo);color:#fff}
/* un color por sección, para reconocerla de un vistazo en la rejilla */
.ir-chip--municipal{background:rgba(215,38,61,.1);color:#B01F32}
.ir-chip--municipal:hover{background:#B01F32;color:#fff}
.ir-chip--cultura{background:rgba(224,164,59,.16);color:#8A6316}
.ir-chip--cultura:hover{background:#8A6316;color:#fff}
.ir-chip--deportes{background:rgba(24,124,110,.12);color:#12695C}
.ir-chip--deportes:hover{background:#12695C;color:#fff}

.ir-nc-titulo{
  font-family:Outfit,system-ui,sans-serif;font-weight:700;margin:0 0 10px;
  font-size:20px;line-height:1.24;letter-spacing:-.5px;
}
.ir-nc-titulo a{color:var(--ir-tinta);text-decoration:none;
  background-image:linear-gradient(var(--ir-rojo),var(--ir-rojo));
  background-size:0 2px;background-position:0 100%;background-repeat:no-repeat;
  transition:background-size .28s cubic-bezier(.22,1,.36,1),color .18s}
.ir-nc:hover .ir-nc-titulo a{background-size:100% 2px;color:var(--ir-rojo)}

.ir-nc-extracto{
  font-family:Inter,system-ui,sans-serif;color:var(--ir-texto);
  font-size:15px;line-height:1.66;margin:0 0 16px;flex:1 1 auto;
}
.ir-nc-mas{
  font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14px;
  color:var(--ir-rojo);margin-top:auto;
}

/* la primera, a todo lo ancho: en un pueblo hay una noticia del día, no nueve */
@media(min-width:900px){
  .ir-nc--destacada{grid-column:1/-1;flex-direction:row;align-items:stretch}
  .ir-nc--destacada .ir-nc-media{width:52%;aspect-ratio:auto;min-height:340px}
  .ir-nc--destacada .ir-nc-cuerpo{width:48%;justify-content:center;padding:40px 44px}
  .ir-nc--destacada .ir-nc-titulo{font-size:clamp(26px,2.6vw,34px);line-height:1.13;letter-spacing:-1px}
  .ir-nc--destacada .ir-nc-extracto{font-size:16.5px;line-height:1.72}
}

/* ──────────────────────────── paginación ───────────────────────────────── */
.ir-pag{margin:48px 0 0}
.ir-pag ul{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;list-style:none;margin:0;padding:0}
.ir-pag a,.ir-pag span{
  display:grid;place-items:center;min-width:42px;height:42px;padding:0 14px;
  border-radius:12px;font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14.5px;
  text-decoration:none;color:var(--ir-tinta);background:#fff;border:1px solid var(--ir-linea);
  transition:.16s;
}
.ir-pag a:hover{border-color:var(--ir-rojo);color:var(--ir-rojo);transform:translateY(-1px)}
.ir-pag .current{background:var(--ir-rojo);border-color:var(--ir-rojo);color:#fff}
.ir-pag .dots{background:transparent;border-color:transparent;color:var(--ir-suave)}

/* ───────────────────────── cuando no hay nada ──────────────────────────── */
.ir-vacio{
  grid-column:1/-1;text-align:center;padding:64px 24px;background:#fff;
  border:1px dashed rgba(12,27,42,.14);border-radius:20px;
}
.ir-vacio .ir-wave{justify-content:center;margin:0 auto 20px;height:26px}
.ir-vacio .ir-wave i{width:4px;background:rgba(215,38,61,.55)}
.ir-vacio p{font-family:Inter,system-ui,sans-serif;color:var(--ir-texto);font-size:16.5px;
  line-height:1.7;max-width:460px;margin:0 auto}
.ir-vacio-acc{margin-top:26px!important;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.ir-btn{
  display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;
  background:var(--ir-rojo);color:#fff!important;text-decoration:none;
  font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:14.5px;
  box-shadow:0 8px 22px rgba(215,38,61,.32);transition:.2s;border:0;cursor:pointer;
}
.ir-btn:hover{background:#b81e32;transform:translateY(-2px)}
.ir-btn--ghost{background:transparent;color:var(--ir-tinta)!important;
  border:1px solid rgba(12,27,42,.16);box-shadow:none}
.ir-btn--ghost:hover{background:rgba(12,27,42,.05);border-color:rgba(12,27,42,.3)}

/* ══════════════════════════ la ficha de entrada ═════════════════════════ */

.ir-post-hero{position:relative;overflow:hidden;background:var(--ir-noche)}
.ir-post-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(700px 380px at 16% 0%, rgba(215,38,61,.26), transparent 62%),
             radial-gradient(520px 300px at 92% 100%, rgba(224,164,59,.12), transparent 62%);
}
.ir-post-hero > .e-con-inner{position:relative;z-index:2;max-width:820px}
.ir-post-hero h1{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;color:#fff;margin:0;
  font-size:clamp(30px,4.4vw,50px);line-height:1.08;letter-spacing:-1.5px;
}
.ir-post-hero .ir-post-meta{margin:0 0 18px;color:rgba(255,255,255,.55)}
.ir-post-hero .ir-post-meta .ir-lectura::before{color:rgba(255,255,255,.28)}
.ir-post-hero .ir-chip{background:rgba(255,255,255,.12);color:#fff}
.ir-post-hero .ir-chip:hover{background:var(--ir-rojo)}
.ir-post-hero .ir-post-entradilla{
  color:rgba(255,255,255,.7);font-size:19px;line-height:1.66;margin:20px 0 0;max-width:700px;
}

/* imagen destacada, cabalgando entre la cabecera oscura y el cuerpo claro.
   El margen negativo va en el WIDGET, no en el <figure>: Elementor mete el
   shortcode dentro de su propia caja y desde dentro no se puede subir. */
.e-con-inner > .elementor-widget.ir-w-img{margin-top:-72px;position:relative;z-index:5}
.ir-post-img{margin:0}
.ir-post-img img{
  width:100%;height:auto;display:block;border-radius:20px;
  box-shadow:0 26px 70px rgba(6,13,21,.34);
}
@media(max-width:768px){
  .e-con-inner > .elementor-widget.ir-w-img{margin-top:-40px}
  .ir-post-img img{border-radius:14px}
}

/* El ancho de lectura.
   Elementor limita los widgets con un selector de CUATRO clases
   —e-con doblada, e-con-inner y elementor-widget— así que para ganarle hacen
   falta cinco. Con menos, el artículo sale a todo lo ancho del contenedor. */
.e-con.e-con > .e-con-inner > .elementor-widget.ir-post-cuerpo,
.e-con.e-con > .e-con-inner > .elementor-widget.ir-w-share{
  max-width:720px;width:100%;margin-left:auto;margin-right:auto;
}
.ir-post-cuerpo{max-width:720px;margin:0 auto}
.ir-post-cuerpo p{
  font-family:Inter,system-ui,sans-serif;color:var(--ir-texto);
  font-size:18px;line-height:1.78;margin:0 0 22px;
}
.ir-post-cuerpo > p:first-of-type{font-size:20px;line-height:1.7;color:#2A3742}
.ir-post-cuerpo h2{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;color:var(--ir-tinta);
  font-size:clamp(24px,3vw,31px);line-height:1.16;letter-spacing:-.85px;margin:48px 0 16px;
}
.ir-post-cuerpo h3{
  font-family:Outfit,system-ui,sans-serif;font-weight:700;color:var(--ir-tinta);
  font-size:21px;line-height:1.25;margin:34px 0 12px;
}
.ir-post-cuerpo a{color:var(--ir-rojo);text-decoration:none;border-bottom:1px solid rgba(215,38,61,.32)}
.ir-post-cuerpo a:hover{border-bottom-color:var(--ir-rojo)}
.ir-post-cuerpo strong{color:var(--ir-tinta);font-weight:600}
.ir-post-cuerpo ul,.ir-post-cuerpo ol{
  font-family:Inter,system-ui,sans-serif;color:var(--ir-texto);
  font-size:17.5px;line-height:1.8;margin:0 0 22px;padding-left:24px;
}
.ir-post-cuerpo li{margin-bottom:8px}
.ir-post-cuerpo img{border-radius:14px;height:auto}
.ir-post-cuerpo figcaption{
  font-family:Inter,system-ui,sans-serif;font-size:13.5px;color:var(--ir-suave);
  margin-top:10px;text-align:center;
}
.ir-post-cuerpo blockquote{
  margin:32px 0;padding:4px 0 4px 26px;border-left:3px solid var(--ir-rojo);
  font-family:Outfit,system-ui,sans-serif;font-size:21px;line-height:1.5;
  color:var(--ir-tinta);font-weight:500;
}
.ir-post-cuerpo blockquote p{font:inherit;color:inherit;margin:0}
.ir-post-cuerpo audio{width:100%;margin:8px 0 26px}

/* la llamada a escuchar dentro del artículo */
.ir-inline-live{
  display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  margin:36px 0;padding:20px 24px;border-radius:18px;
  background:linear-gradient(135deg,#0C1B2A,#060D15);color:#fff;
}
.ir-inline-live > div{flex:1 1 240px;display:flex;flex-direction:column;gap:3px}
.ir-inline-live strong{font-family:Outfit,system-ui,sans-serif;font-size:16.5px;font-weight:700}
.ir-inline-now{font-family:Inter,system-ui,sans-serif;font-size:13.5px;color:rgba(255,255,255,.6)}
.ir-inline-dot{
  width:11px;height:11px;border-radius:50%;background:var(--ir-rojo);flex:0 0 auto;
  box-shadow:0 0 0 0 rgba(215,38,61,.6);animation:ir-pulso 2s infinite;
}
@keyframes ir-pulso{
  0%{box-shadow:0 0 0 0 rgba(215,38,61,.55)}
  70%{box-shadow:0 0 0 12px rgba(215,38,61,0)}
  100%{box-shadow:0 0 0 0 rgba(215,38,61,0)}
}
@media(prefers-reduced-motion:reduce){.ir-inline-dot{animation:none}}

/* ─────────────────────────────  compartir  ─────────────────────────────── */
.ir-compartir{
  margin:44px auto 0;padding-top:26px;
  border-top:1px solid var(--ir-linea);
}
.ir-compartir-tit{
  display:block;font-family:Outfit,system-ui,sans-serif;font-weight:700;font-size:12px;
  letter-spacing:1.4px;text-transform:uppercase;color:var(--ir-suave);margin-bottom:14px;
}
.ir-compartir ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.ir-sh{
  display:inline-flex;align-items:center;gap:8px;padding:10px 17px;border-radius:12px;
  text-decoration:none;font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14px;
  color:var(--ir-tinta);background:#fff;border:1px solid var(--ir-linea);
  cursor:pointer;transition:.18s;line-height:1;
}
.ir-sh svg{width:18px;height:18px;fill:currentColor;flex:0 0 auto}
.ir-sh:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(12,27,42,.1)}
.ir-sh--wa:hover{background:#25D366;border-color:#25D366;color:#fff}
.ir-sh--fb:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.ir-sh--tg:hover{background:#2AABEE;border-color:#2AABEE;color:#fff}
.ir-sh--mail:hover{background:var(--ir-tinta);border-color:var(--ir-tinta);color:#fff}
.ir-sh--link:hover{background:var(--ir-rojo);border-color:var(--ir-rojo);color:#fff}
.ir-sh.is-ok{background:#12695C;border-color:#12695C;color:#fff}

/* ────────────────────────────  relacionadas  ───────────────────────────── */
.ir-relacionadas{margin:0}
.ir-rel-tit{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;color:var(--ir-tinta);
  font-size:clamp(24px,3vw,32px);line-height:1.14;letter-spacing:-.9px;margin:0 0 28px;
}
.ir-rejilla--3{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.ir-rejilla--3{grid-template-columns:1fr}}

/* ───────────────────────────────  404  ─────────────────────────────────── */
.ir-404 .ir-404-num{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;font-size:clamp(74px,14vw,150px);
  line-height:.9;letter-spacing:-6px;margin:0;
  background:linear-gradient(135deg,#D7263D,#E0A43B);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ir-404 h1{
  font-family:Outfit,system-ui,sans-serif;font-weight:800;color:#fff;
  font-size:clamp(26px,3.6vw,40px);line-height:1.1;letter-spacing:-1.2px;margin:14px 0 0;
}
.ir-404 p{color:rgba(255,255,255,.62);font-size:17.5px;line-height:1.66;margin:16px 0 0;max-width:520px}
.ir-404-acc{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ir-404 .ir-btn--ghost{color:#fff!important;border-color:rgba(255,255,255,.24)}
.ir-404 .ir-btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45)}
.ir-404-enlaces{margin-top:40px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1)}
.ir-404-enlaces span{
  display:block;font-family:Outfit,system-ui,sans-serif;font-size:11.5px;font-weight:700;
  letter-spacing:1.4px;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:12px;
}
.ir-404-enlaces ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;margin:0;padding:0}
.ir-404-enlaces a{
  display:inline-block;padding:8px 16px;border-radius:999px;text-decoration:none;
  font-family:Outfit,system-ui,sans-serif;font-weight:600;font-size:14px;
  color:rgba(255,255,255,.75);background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);transition:.18s;
}
.ir-404-enlaces a:hover{background:rgba(255,255,255,.16);color:#fff}

/* ───────────────────────────  buscador  ────────────────────────────────── */
.ir-buscador{display:flex;gap:10px;max-width:520px;margin:26px 0 0}
.ir-buscador input[type=search]{
  flex:1 1 auto;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.07);color:#fff;font-family:Inter,system-ui,sans-serif;font-size:15px;
}
.ir-buscador input[type=search]::placeholder{color:rgba(255,255,255,.42)}
.ir-buscador input[type=search]:focus{outline:2px solid var(--ir-rojo);outline-offset:2px;
  background:rgba(255,255,255,.11)}
.ir-buscador button{flex:0 0 auto}

/* ────────────────  accesibilidad: foco visible en todo  ────────────────── */
.ir-nc a:focus-visible,.ir-sh:focus-visible,.ir-secciones a:focus-visible,
.ir-pag a:focus-visible,.ir-btn:focus-visible,.ir-404-enlaces a:focus-visible{
  outline:3px solid var(--ir-ambar);outline-offset:3px;border-radius:6px;
}

/* el volantín de sección hereda del sitio, pero sobre el azul noche del blog
   necesita el rosa claro que ya se usa en las cabeceras interiores */
.ir-arch-hero .ir-eyebrow,.ir-post-hero .ir-eyebrow{color:#FF8B98}

/* El aviso de emisión va dentro del artículo y heredaba `.ir-post-cuerpo strong`,
   que es tinta oscura: sobre el bastidor negro del aviso desaparecía. */
.ir-inline-live strong{color:#fff;font-weight:700}
.ir-inline-live a.ir-btn{color:#fff!important}