/* La llamada con Pepe que se prepara en la web: el bloque de cada junta, su estado de «lista para Pepe», las
   llamadas preparadas de «En vivo» y el botón de descarga del programa. Los colores salen de las variables de
   siempre: el cian es lo que ya está bien, el naranja lo que falta. */
.llamada-con-pepe { margin: 12px 0; padding: 10px 12px; border: 1px solid var(--borde); border-radius: 10px; background: var(--superficie); }
.llamada-con-pepe h4 { margin: 0 0 4px; }
.llamada-con-pepe .aviso-al-cliente { margin: 10px 0; padding: 8px 10px; border: 1px solid var(--borde); border-radius: 8px; }
.llamada-con-pepe .aviso-al-cliente legend { padding: 0 6px; font-weight: 600; color: var(--texto); }
.llamada-con-pepe .atajos-de-aviso { display: flex; flex-wrap: wrap; gap: 6px; margin: 4px 0 8px; }
.llamada-con-pepe .constancia details { margin-top: 6px; }

.estado-llamada { margin: 8px 0 0; padding: 6px 10px; border-radius: 8px; font-size: 13px; font-weight: 600; }
.estado-llamada.lista { background: var(--cian-suave); color: var(--cian-tinta); }
.estado-llamada.falta { background: var(--alerta-suave); color: var(--alerta); }

/* Lo que dice cada junta de la semana. */
.llamada-lista, .llamada-falta { margin: 6px 0; }
.llamada-lista p, .llamada-falta p { margin: 0; }

/* «Tus llamadas preparadas» y la descarga, arriba de «En vivo». */
.llamadas-preparadas { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.llamada-preparada { padding: 10px 12px; border: 1px solid var(--borde); border-left: 4px solid var(--alerta); border-radius: 10px; background: var(--superficie); }
.llamada-preparada.lista { border-left-color: var(--cian); }
.llamada-preparada .cabecera { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.llamada-preparada p { margin: 4px 0 0; }
.descarga { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-top: 10px; }
.descarga .nota { flex-basis: 100%; margin: 0; }
button.descargar { font-weight: 600; }
.descarga-del-equipo { margin: 12px 0 18px; }