/* Calendario y horarios. Variables: en la web salen de los colores de marca; en el panel las define calendario-admin.php */
.ab-horario{list-style:none;padding:0;margin:12px 0 0;font-size:14px}
.ab-horario li{padding:4px 0}
.ab-tabla{overflow-x:auto}
.ab-tabla table{width:100%;border-collapse:collapse}
.ab-tabla th{background:var(--ab-head,var(--brand-deep));color:var(--ab-head-ink,#f4efe4);text-align:left}
.ab-tabla th,.ab-tabla td{padding:10px 14px;border:1px solid var(--ab-line,var(--line))}
.ab-tabla tbody tr:nth-child(odd){background:var(--ab-card,var(--bg-card))}
.ab-vacio{color:var(--ab-muted,var(--ink-muted))}
.ab-tabla a,.ab-semana+.ab-leyenda+p a{color:var(--brand-bright)}

/* Vista de semana */
.ab-semana{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;align-items:start}
.ab-dia h3{font:600 14px var(--font-sans,system-ui);letter-spacing:.06em;text-transform:uppercase;text-align:center;background:var(--ab-card,var(--bg-card));color:var(--ab-ink,var(--ink));padding:8px;margin:0 0 10px;border-radius:6px;border:1px solid var(--ab-line,var(--line))}
/* las tarjetas llevan el color pastel de su modalidad y texto oscuro fijo, en tema noche y día */
.ab-card{display:flex;flex-direction:column;gap:2px;text-align:center;padding:12px 8px;margin-bottom:10px;border-radius:6px;background:#E6DCEB;color:#0b1512;font-size:14px;line-height:1.3;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.ab-card:hover{transform:translateY(-3px)}
.ab-card span{font-size:13px}.ab-card b{font-weight:600}.ab-card i{font-style:normal;font-weight:600}.ab-card small{font-size:12px}
.ab-tarde{margin-top:28px}
.ab-leyenda{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:16px 0;font-size:14px}
.ab-leyenda li{display:flex;align-items:center;gap:8px}.ab-leyenda i{width:14px;height:14px;border-radius:3px;display:inline-block}
@media(max-width:700px){.ab-semana{grid-template-columns:1fr}.ab-tarde{margin-top:10px}}