/* Radio TanqueFM – Parrilla 1.3
   Diseñada para convivir con la barra lateral del tema.
   En el ancho habitual de la portada usa 2 columnas y crece hacia abajo.
*/
.rtfm-parrilla{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    font-family:inherit;
}

.rtfm-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    width:100%;
    box-sizing:border-box;
}

.rtfm-dia{
    min-width:0;
    background:#101010;
    border:1px solid #333;
    border-radius:8px;
    overflow:hidden;
    box-shadow:0 2px 5px rgba(0,0,0,.12);
}

.rtfm-dia h3{
    margin:0;
    padding:12px 10px;
    text-align:center;
    font-size:16px;
    line-height:1.1;
    background:#202020;
    color:#fff;
}

.rtfm-dia-contenido{
    padding:8px;
    min-height:70px;
    box-sizing:border-box;
}

.rtfm-programa-card{
    margin:0 0 7px;
    padding:10px 10px 10px 12px;
    border-left:5px solid var(--rtfm-color);
    background:linear-gradient(90deg, color-mix(in srgb, var(--rtfm-color) 18%, white), #fff);
    border-radius:5px;
    box-shadow:0 1px 2px rgba(0,0,0,.15);
    box-sizing:border-box;
}

.rtfm-programa-card:last-child{margin-bottom:0}

.rtfm-hora{
    font-size:12px;
    font-weight:800;
    color:#555;
    margin-bottom:4px;
    line-height:1.2;
}

.rtfm-programa-card a{
    display:block;
    font-size:15px;
    font-weight:800;
    color:#111;
    text-decoration:none;
    line-height:1.2;
    overflow-wrap:anywhere;
}

.rtfm-programa-card a:hover{
    text-decoration:underline;
}

.rtfm-vacio{
    padding:16px 8px;
    text-align:center;
    color:#aaa;
    font-size:12px;
}

@media (min-width:1250px){
    .rtfm-grid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media (min-width:1550px){
    .rtfm-grid{
        grid-template-columns:repeat(4,minmax(0,1fr));
    }
}

@media (max-width:650px){
    .rtfm-grid{
        grid-template-columns:1fr;
        gap:10px;
    }
    .rtfm-dia h3{
        text-align:left;
        padding-left:14px;
    }
    .rtfm-programa-card{
        padding:11px 10px 11px 12px;
    }
    .rtfm-programa-card a{
        font-size:15px;
    }
}

.rtfm-dia-especiales h3{background:#2b1b00;color:#ffd65a}
.rtfm-dia-especiales .rtfm-vacio{color:#c7a75b}

/* ===== RTFM 1.6.1 visual refresh ===== */
.rtfm-parrilla .rtfm-grid{gap:12px!important}
.rtfm-parrilla .rtfm-dia{
  border:1px solid rgba(128,128,128,.22)!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-shadow:0 2px 10px rgba(0,0,0,.04)!important;
}
.rtfm-parrilla .rtfm-dia h3{
  margin:0!important;
  padding:10px 12px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.35px!important;
}
.rtfm-parrilla .rtfm-dia-contenido{padding:7px!important}
.rtfm-parrilla .rtfm-programa-card{
  margin:0 0 7px!important;
  padding:10px 10px 10px 12px!important;
  border-radius:7px!important;
  border:1px solid rgba(128,128,128,.16)!important;
  border-left:4px solid var(--rtfm-color,#f2c94c)!important;
  box-shadow:0 2px 7px rgba(0,0,0,.05)!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.rtfm-parrilla .rtfm-programa-card:hover{
  transform:translateY(-1px);
  box-shadow:0 5px 13px rgba(0,0,0,.10)!important;
}
.rtfm-parrilla .rtfm-hora{
  font-size:10px!important;
  font-weight:800!important;
  opacity:.65!important;
  margin-bottom:3px!important;
}
.rtfm-parrilla .rtfm-dia-especiales{
  border-color:rgba(242,201,76,.5)!important;
}
.rtfm-parrilla .rtfm-dia-especiales h3{
  background:#2b1b00!important;
  color:#ffd65a!important;
}
@media (max-width:650px){
  .rtfm-parrilla .rtfm-grid{gap:8px!important}
  .rtfm-parrilla .rtfm-dia-contenido{padding:6px!important}
}

/* =========================================================
   RTFM 1.6.2 – Rediseño visual más visible
   SOLO PRESENTACIÓN. NO CAMBIA DATOS NI HORARIOS.
   ========================================================= */

.rtfm-parrilla{
    position:relative;
}

.rtfm-parrilla::before{
    content:"📻 PROGRAMACIÓN RADIO TANQUEFM";
    display:block;
    text-align:center;
    font-size:clamp(24px,3vw,34px);
    font-weight:900;
    line-height:1.05;
    margin:0 0 7px;
    letter-spacing:.2px;
}

.rtfm-parrilla::after{
    content:"Tu radio, tu música, tus programas";
    display:block;
    text-align:center;
    font-size:12px;
    font-weight:700;
    letter-spacing:.6px;
    opacity:.65;
    margin:0 0 20px;
}

/* Días */
.rtfm-parrilla .rtfm-grid{
    gap:14px!important;
    align-items:stretch;
}

.rtfm-parrilla .rtfm-dia{
    position:relative;
    overflow:hidden!important;
    border:0!important;
    border-radius:12px!important;
    background:#101010!important;
    box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
    min-height:180px;
}

.rtfm-parrilla .rtfm-dia h3{
    margin:0!important;
    padding:12px 9px!important;
    text-align:center;
    color:#fff!important;
    background:#202020!important;
    border:0!important;
    font-size:14px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.5px;
}

/* Línea amarilla bajo cada cabecera */
.rtfm-parrilla .rtfm-dia h3::after{
    content:"";
    display:block;
    width:34px;
    height:3px;
    margin:7px auto 0;
    border-radius:5px;
    background:#f2c94c;
}

/* Contenido */
.rtfm-parrilla .rtfm-dia-contenido{
    padding:9px!important;
}

/* Tarjetas de programa */
.rtfm-parrilla .rtfm-programa-card{
    position:relative;
    overflow:hidden;
    margin:0 0 9px!important;
    padding:11px 10px 11px 13px!important;
    border:0!important;
    border-radius:8px!important;
    border-left:5px solid #f2c94c!important;
    background:#fff!important;
    color:#222!important;
    box-shadow:0 3px 9px rgba(0,0,0,.14)!important;
    transition:transform .16s ease,box-shadow .16s ease;
}

.rtfm-parrilla .rtfm-programa-card:hover{
    transform:translateY(-2px);
    box-shadow:0 7px 16px rgba(0,0,0,.20)!important;
}

.rtfm-parrilla .rtfm-programa-card a{
    color:#f05a00!important;
    font-weight:900!important;
    text-decoration:none!important;
    line-height:1.15;
}

.rtfm-parrilla .rtfm-hora{
    color:#333!important;
    font-size:10px!important;
    font-weight:800!important;
    margin-bottom:4px!important;
    opacity:.85!important;
}

/* Mensaje sin programación */
.rtfm-parrilla .rtfm-vacio{
    color:#ddd!important;
    padding:25px 6px!important;
    text-align:center;
    font-size:11px!important;
    opacity:.8;
}

/* Días especiales */
.rtfm-parrilla .rtfm-dia-especiales{
    box-shadow:0 4px 16px rgba(242,201,76,.18)!important;
}

.rtfm-parrilla .rtfm-dia-especiales h3{
    background:#2a1d05!important;
    color:#ffd65a!important;
}

.rtfm-parrilla .rtfm-dia-especiales h3::before{
    content:"⭐ ";
}

.rtfm-parrilla .rtfm-dia-especiales h3::after{
    background:#ffd65a;
}

/* Día actual */
.rtfm-parrilla .rtfm-dia.rtfm-hoy{
    box-shadow:0 0 0 2px #e53935,0 6px 20px rgba(229,57,53,.20)!important;
}

.rtfm-parrilla .rtfm-dia.rtfm-hoy h3{
    background:#2b0e0e!important;
}

.rtfm-parrilla .rtfm-dia.rtfm-hoy h3::before{
    content:"🔴 HOY · ";
    color:#ff6969;
}

/* Programa en directo, si el plugin/tema le añade la clase */
.rtfm-parrilla .rtfm-programa-card.rtfm-en-directo{
    border-left-color:#e53935!important;
    box-shadow:0 0 0 2px rgba(229,57,53,.25),0 5px 15px rgba(229,57,53,.16)!important;
}

.rtfm-parrilla .rtfm-programa-card.rtfm-en-directo::before{
    content:"🔴 EN DIRECTO";
    display:block;
    color:#d32f2f;
    font-size:9px;
    font-weight:900;
    letter-spacing:.4px;
    margin-bottom:5px;
}

/* Responsive */
@media(max-width:900px){
    .rtfm-parrilla .rtfm-grid{gap:10px!important}
}

@media(max-width:650px){
    .rtfm-parrilla::before{font-size:23px}
    .rtfm-parrilla::after{margin-bottom:14px}
    .rtfm-parrilla .rtfm-grid{gap:8px!important}
    .rtfm-parrilla .rtfm-dia{min-height:0}
    .rtfm-parrilla .rtfm-dia-contenido{padding:7px!important}
}