/* =====================================================
   EMISIONES RADIALES - TERRITORIO VERDE (IndexConsultasBD_EmisionRadial.php)
   Se muestra en un iframe del artículo "Territorio Verde" (que ya tiene el
   encabezado azul): aquí van los filtros, el acordeón por año y las tarjetas.
   Azul #00425E · Verde #84BB2F · Fondo claro #F5F9FC · Borde #D8E3EB
   ===================================================== */

*{box-sizing:border-box}
body{margin:0;background:#FFFFFF;font-family:Arial,Helvetica,sans-serif;color:#111111;font-size:15px;line-height:1.6}
.tv{max-width:1200px;margin:0 auto;padding:4px 2px 30px}


/* ---------- Filtros ---------- */
.tv-filtros{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;background:#FFFFFF;border:1px solid #D8E3EB;border-radius:16px;
padding:18px 22px;margin-bottom:12px;box-shadow:0 4px 12px rgba(0,66,94,.06)}
.tv-campo{flex:1 1 220px;display:flex;flex-direction:column;gap:6px;min-width:0}
.tv-campo-buscar{flex:2 1 280px}
.tv-campo label{color:#00425E;font-size:14px;font-weight:bold}
.tv-campo select,.tv-campo input{width:100%;height:44px;padding:0 12px;border:1px solid #D8E3EB;border-radius:8px;background:#FFFFFF;
color:#111111;font-size:15px;font-family:inherit}
.tv-campo select:focus,.tv-campo input:focus{outline:none;border-color:#00425E;box-shadow:0 0 0 3px rgba(0,66,94,.12)}
.tv-acciones{display:flex;flex-wrap:wrap;gap:8px}

.tv-btn{display:inline-block;background:#00425E;color:#FFFFFF;text-decoration:none;padding:10px 18px;border:1px solid #00425E;border-radius:8px;
font-weight:bold;font-size:14px;font-family:inherit;line-height:1.4;white-space:nowrap;cursor:pointer;transition:background .2s}
.tv-btn:hover{background:#84BB2F;border-color:#84BB2F;color:#FFFFFF}
.tv-btn-borde{background:#FFFFFF;color:#00425E}
.tv-btn-borde:hover{background:#F5F9FC;border-color:#00425E;color:#00425E}

.tv-conteo{margin:0 0 14px;padding:0 4px;color:#667781;font-size:14px}
.tv-conteo strong{color:#00425E}


/* ---------- Acordeón por año ---------- */
.tv-anio{margin-bottom:15px;border:1px solid #D8E3EB;border-radius:16px;background:#FFFFFF;box-shadow:0 4px 12px rgba(0,66,94,.06);overflow:hidden}
.tv-anio > summary{display:flex;align-items:center;gap:12px;cursor:pointer;padding:18px 22px;background:#F5F9FC;color:#00425E;
font-size:20px;font-weight:bold;list-style:none}
.tv-anio > summary::-webkit-details-marker{display:none}
.tv-anio > summary::marker{content:""}
.tv-anio > summary::after{content:"";flex:none;width:10px;height:10px;margin-left:6px;border-right:3px solid #00425E;border-bottom:3px solid #00425E;
transform:rotate(45deg);transition:transform .2s}
.tv-anio[open] > summary::after{transform:rotate(-135deg)}
.tv-anio > summary:hover{background:#EDF4F9}
.tv-insignia{display:inline-block;min-width:64px;height:36px;line-height:36px;padding:0 10px;text-align:center;background:#84BB2F;color:#FFFFFF;
border-radius:7px;font-size:16px}
.tv-titulo-anio{flex:1;min-width:0}
.tv-cuenta{color:#667781;font-size:14px;font-weight:normal;white-space:nowrap}
.tv-contenido{padding:16px 22px 8px}


/* ---------- Tarjeta de una emisión ---------- */
.tv-item{display:flex;gap:14px;background:#FFFFFF;border:1px solid #D8E3EB;border-left:5px solid #84BB2F;border-radius:12px;
padding:14px 18px;margin-bottom:10px}
.tv-fecha{flex:0 0 62px;align-self:flex-start;text-align:center;background:#00425E;color:#FFFFFF;border-radius:10px;padding:7px 4px;line-height:1.1}
.tv-fecha strong{display:block;font-size:22px}
.tv-fecha span{font-size:12px;text-transform:uppercase}
.tv-cuerpo{flex:1;min-width:0}
.tv-nombre{color:#00425E;font-size:16px;font-weight:bold;line-height:1.4}
.tv-sub{margin-top:2px;color:#667781;font-size:13px}
.tv-reproductor{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}
.tv-reproductor audio{flex:1 1 280px;max-width:640px;height:40px}

/* Transcripción (texto de la emisión) */
.tv-transcripcion{margin-top:10px}
.tv-transcripcion > summary{display:inline-block;cursor:pointer;color:#00425E;font-size:14px;font-weight:bold;list-style:none}
.tv-transcripcion > summary::-webkit-details-marker{display:none}
.tv-transcripcion > summary::before{content:"+ "}
.tv-transcripcion[open] > summary::before{content:"− "}
.tv-texto{margin-top:8px;padding:12px 16px;background:#F5F9FC;border:1px solid #D8E3EB;border-radius:10px;font-size:14px;line-height:1.65;overflow-x:auto}
.tv-texto table{border-collapse:collapse;max-width:100%}
.tv-texto td,.tv-texto th{border:1px solid #D8E3EB;padding:4px 8px;vertical-align:top}


/* ---------- Sin resultados ---------- */
.tv-vacio{display:flex;flex-direction:column;gap:4px;text-align:center;background:#F5F9FC;border:1px solid #D8E3EB;border-left:5px solid #84BB2F;
border-radius:16px;padding:26px 20px;margin-bottom:15px}
.tv-vacio strong{color:#00425E;font-size:17px}
.tv-vacio span{color:#667781;font-size:14px}


/* ---------- Celular ---------- */
@media(max-width:600px){
  .tv-filtros{padding:16px}
  .tv-acciones{width:100%}
  .tv-acciones .tv-btn{flex:1;text-align:center}
  .tv-anio > summary{position:relative;padding:16px 44px 16px 16px;font-size:18px;flex-wrap:wrap}
  .tv-anio > summary::after{position:absolute;right:18px;top:27px;margin:0}
  .tv-anio[open] > summary::after{top:31px}
  .tv-cuenta{width:100%;padding-left:76px;font-size:13px}
  .tv-contenido{padding:14px 12px 4px}
  .tv-item{padding:12px}
  .tv-fecha{flex-basis:52px}
  .tv-reproductor .tv-btn{width:100%;text-align:center}
}