/* Central Radio — home reorganizada (11 secciones full-width) */
.crh{ width:100%; }
.crh-wrap{ max-width:1068px; margin:0 auto; padding:0 15px; }

.crh-sec{ padding:26px 0 30px; }
.crh-sec + .crh-adband{ margin-top:0; }

/* Destacados: fondo con patrón del logo (tileado + rotado) */
.crh-sec--hl{ background:#FCD015; padding:32px 0 38px; }
/* Contraste del título del bloque nativo sobre amarillo */
.crh-sec--hl .td-block-title,
.crh-sec--hl .td-block-title *{ color:#141414 !important; }
.crh-sec--hl .td-block-title:before,
.crh-sec--hl .td-block-title > *:before{ border-color:#141414 !important; }
.crh-sec--hl .entry-title a{ color:#111 !important; }
.crh-sec--hl .td-excerpt,
.crh-sec--hl .td-post-date,
.crh-sec--hl .entry-review-stars + *{ color:#3a3320 !important; }

/* Banda publicitaria full-width entre secciones */
.crh-adband{ width:100%; background:#f3f4f6; padding:20px 0; }
.crh-ad{
  max-width:970px; margin:0 auto; min-height:130px;
  display:flex; align-items:center; justify-content:center;
  border:2px dashed #cbd2dc; border-radius:6px; background:#ffffff;
}
.crh-ad span{
  font-size:12px; letter-spacing:2px; text-transform:uppercase;
  color:#9aa3af; font-weight:600;
}

/* Programación (placeholder hasta recibir el diseño) */
.crh-prog{ text-align:center; padding:26px 0; border:1px dashed #d7dbe2; border-radius:8px; }
.crh-prog-title{ margin:0 0 6px; font-size:22px; }
.crh-prog-msg{ margin:0; color:#6b7280; }

/* Dark mode del sistema no aplica: el sitio es claro. Mantener bandas legibles. */
@media (max-width:768px){
  .crh-wrap{ padding:0 12px; }
  .crh-ad{ min-height:90px; }
}

/* ══════════ Hero slider de Destacados ══════════ */
.crh-hero-head{ margin:0 0 14px; }
.crh-hero-head span{ display:inline-block; background:#141414; color:#FCD015; font-size:12px; font-weight:800; letter-spacing:2px; text-transform:uppercase; padding:6px 14px; border-radius:5px; }
.crh-hero{ position:relative; overflow:hidden; user-select:none; touch-action:pan-y; background:#0b0b0b; border-radius:16px; box-shadow:0 12px 30px rgba(0,0,0,.22); }
.crh-hero-track{ display:flex; transition:transform .6s cubic-bezier(.6,.05,.15,1); will-change:transform; }
.crh-slide{ position:relative; min-width:100%; height:clamp(320px,42vw,520px); overflow:hidden; }
.crh-slide-img{ position:absolute; inset:0; background-size:cover; background-position:center; transform:scale(1.05); }
.crh-slide.crh-active .crh-slide-img{ animation:crh-ken 8s ease-out forwards; }
@keyframes crh-ken{ from{ transform:scale(1.05);} to{ transform:scale(1.15);} }
.crh-slide-shade{ position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.28) 45%,rgba(0,0,0,.88)); }
.crh-slide-body{ position:absolute; left:0; right:0; bottom:0; padding:26px 34px 30px 74px; max-width:860px; color:#fff; }
.crh-slide.crh-active .crh-slide-body{ animation:crh-rise .7s ease both; }
@keyframes crh-rise{ from{ opacity:0; transform:translateY(18px);} to{ opacity:1; transform:none;} }
.crh-badge{ display:inline-block; background:#FCD015; color:#141414; font-size:11px; font-weight:800; letter-spacing:1px; text-transform:uppercase; padding:5px 11px; border-radius:5px; }
.crh-slide-title{ margin:12px 0 8px; font-family:Georgia,"Times New Roman",serif; font-size:clamp(22px,2.6vw,34px); line-height:1.16; }
.crh-slide-title a{ color:#fff !important; text-decoration:none; }
.crh-slide-title a:hover{ color:#FCD015 !important; }
.crh-slide-ex{ margin:0 0 14px; color:rgba(255,255,255,.86); font-size:15px; line-height:1.55; max-width:660px; }
.crh-slide-meta{ display:flex; gap:16px; font-size:12px; color:rgba(255,255,255,.72); margin-bottom:15px; }
.crh-slide-btn{ display:inline-block; background:#FCD015; color:#141414 !important; text-decoration:none; font-weight:700; font-size:13px; padding:9px 18px; border-radius:8px; transition:transform .15s,box-shadow .2s; }
.crh-slide-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,0,0,.3); }
.crh-hero-nav{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border-radius:50%; border:0; background:rgba(0,0,0,.42); color:#fff; font-size:26px; line-height:1; cursor:pointer; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); z-index:3; transition:background .2s,color .2s; display:flex; align-items:center; justify-content:center; }
.crh-hero-nav:hover{ background:#FCD015; color:#141414; }
.crh-hero-prev{ left:16px; } .crh-hero-next{ right:16px; }
.crh-hero-dots{ position:absolute; bottom:16px; right:26px; display:flex; gap:8px; z-index:3; }
.crh-dot{ width:9px; height:9px; border-radius:50%; border:0; background:rgba(255,255,255,.5); cursor:pointer; padding:0; transition:width .25s,background .25s; }
.crh-dot.crh-on{ background:#FCD015; width:22px; border-radius:5px; }
@media (prefers-reduced-motion:reduce){ .crh-slide-img,.crh-slide-body,.crh-hero-track{ animation:none!important; transition:none!important; } }
@media (max-width:600px){
  .crh-hero-nav{ display:none; }
  .crh-slide-body{ padding:16px 16px 20px; }
  .crh-slide-title{ font-size:20px; line-height:1.2; margin:8px 0 6px; }
  .crh-slide-ex{ display:none; }
  .crh-slide-meta{ margin-bottom:10px; gap:12px; }
  .crh-hero-dots{ right:14px; bottom:12px; }
  .crh-slide{ height:clamp(240px,62vw,340px); }
  .crh-adband{ padding:14px 0; }
  .crh-sec{ padding:20px 0 22px; }
  .crh-sec--hl{ padding:22px 0 26px; }
}
/* Accesibilidad: foco visible en controles */
.crh-hero-nav:focus-visible,.crh-dot:focus-visible,.crh-slide-btn:focus-visible,.crh-slide-title a:focus-visible{ outline:3px solid #0b57d0; outline-offset:2px; }