/* ============================================================
   GestGuardias · CSS personalizado
   IES Profesor Tierno Galván
   ============================================================ */

:root {
    --color-primary:    #1a3a5c;
    --color-secondary:  #2e7d32;
    --color-ordinaria:  #1565c0;
    --color-liberado:   #e65100;
    --color-recreo:     #6a1b9a;
    --color-danger:     #c62828;
}

body {
    background-color: #f4f6f9;
    font-size: 0.925rem;
}

/* ---- NAVBAR ---- */
.navbar { background-color: var(--color-primary) !important; }

/* ---- CARDS ---- */
.card { border-radius: .75rem; box-shadow: 0 1px 6px rgba(0,0,0,.08); }
.card-header { border-radius: .75rem .75rem 0 0 !important; }

/* ---- TABLA CUADRANTE ---- */
.table-cuadrante th { font-size: .78rem; text-align: center; }
.table-cuadrante td { vertical-align: middle; font-size: .82rem; }

/* ---- BADGES DE TIPO ---- */
.badge-ordinaria  { background-color: var(--color-ordinaria); }
.badge-liberado   { background-color: var(--color-liberado); }
.badge-recreo     { background-color: var(--color-recreo); }
.badge-sin-cubrir { background-color: var(--color-danger); animation: parpadeo 1.2s infinite; }

@keyframes parpadeo {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}

/* ---- PANTALLA KIOSKO ---- */
.kiosko-header {
    background: var(--color-primary);
    color: #fff;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kiosko-titulo { font-size: 2rem; font-weight: 700; }
.kiosko-hora   { font-size: 3rem; font-weight: 300; font-variant-numeric: tabular-nums; }
.kiosko-tabla td, .kiosko-tabla th { font-size: 1.1rem; padding: .6rem .9rem; }

/* ---- PILL TIPO GUARDIA ---- */
.pill-guardia {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
}
.pill-ordinaria { background: var(--color-ordinaria); }
.pill-liberado  { background: var(--color-liberado); }
.pill-recreo    { background: var(--color-recreo); }

/* ---- RESPONSIVE TABLA ---- */
@media (max-width: 576px) {
    .table-responsive td, .table-responsive th { font-size: .75rem; }
    .kiosko-titulo { font-size: 1.2rem; }
    .kiosko-hora   { font-size: 1.8rem; }
}

/* ---- BOTÓN FIRMAR ---- */
.btn-firmar {
    background: var(--color-secondary);
    color: #fff;
    font-weight: 600;
    border: none;
}
.btn-firmar:hover { background: #1b5e20; color: #fff; }

/* ---- ALERT PRELACION ---- */
.prelacion-badge {
    width: 28px; height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: .85rem;
    flex-shrink: 0;
}
.prelacion-1 { background: #ffd600; color: #000; }
.prelacion-2 { background: #90caf9; color: #000; }
.prelacion-3 { background: #a5d6a7; color: #000; }

/* ---- ESTADO GUARDIA ---- */
.estado-firmado   { color: #2e7d32; }
.estado-pendiente { color: #e65100; }
.estado-sin-cubrir{ color: #c62828; font-weight: 700; }