/* Módulo «emisiones»: horarios en la ficha, lista de emisiones (portada y página de hoy).
   Solo colores del tema (variables de site.css): cada web los cambia en su sitio.css. */

/* La tabla de horarios de la ficha */
.emis{margin:2rem 0 1rem}
.emis h2{margin:0 0 .7rem}
.emis-prox{display:flex;gap:.55rem;align-items:flex-start;margin:0 0 1rem;padding:.75rem .9rem;border-radius:var(--r);background:var(--deep);border:1px solid var(--rule);color:var(--snow);font-weight:500;max-width:52rem}
.emis-prox .i{flex:0 0 auto;width:1.25rem;height:1.25rem;margin-top:.1rem;color:var(--acento)}
.emis-tabla td:first-child{font-weight:500;color:var(--snow)}
.emis-tabla td:not(:first-child),.emis-tabla th:not(:first-child){white-space:nowrap}
.emis-tabla tr.is-curso td{background:var(--deep2)}
.emis-idioma{font-size:.8rem;font-weight:400;color:var(--dim)}
.emis-vivo,.misa-vivo{display:inline-block;padding:.05rem .45rem;border-radius:3px;background:var(--hot);color:var(--abyss);font-size:.78rem;font-weight:600;letter-spacing:.02em}

/* La lista de emisiones: hora grande a la izquierda, qué y dónde en medio, estado a la derecha */
.misas{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.misa{display:grid;grid-template-columns:5.6rem 1fr auto;gap:.9rem;align-items:center;padding:.7rem .9rem;border-radius:var(--r);background:var(--deep);border:1px solid var(--rule)}
.misa.is-vivo{border-color:var(--hot);box-shadow:inset 3px 0 0 var(--hot)}
.misa.is-fin{opacity:.72}
.misa p{margin:0}
.misa-hora{display:flex;flex-direction:column;line-height:1.1}
.misa-hora time{font:600 1.45rem var(--display);color:var(--snow);font-variant-numeric:tabular-nums}
.misa-zona{font-size:.75rem;color:var(--dim);margin-top:.2rem}
.misa-que{font-weight:600;line-height:1.3}
.misa-que a{color:var(--snow);text-decoration:none}
.misa-que a:hover{color:var(--link);text-decoration:underline}
.misa-sub{font-size:.85rem;color:var(--haze);margin-top:.2rem!important}
.misa-estado{font-size:.85rem;color:var(--haze);text-align:right;white-space:nowrap}
@media (max-width:35rem){
  .misa{grid-template-columns:4.4rem 1fr;gap:.35rem .8rem;padding:.65rem .75rem}
  .misa-hora time{font-size:1.25rem}
  .misa-estado{grid-column:2;text-align:left}
}
.emis-portada .misas{max-width:52rem}