/* Estilos del agendamiento de citas de atencion.
   Contrastes verificados contra WCAG 2.1 AA (Resolucion 1519 de 2020, Anexo 2). */

.citas-skip {
    position: absolute;
    left: -9999px;
    top: 0;
    background: #0b4f6c;
    color: #ffffff;
    padding: 10px 16px;
    z-index: 1000;
}

.citas-skip:focus {
    left: 0;
    color: #ffffff;
}

/* Campo trampa del anti-spam: fuera de la vista pero no display:none, que
   algunos bots detectan. Mismo criterio que el modulo Participa. */
.participa-trampa {
    position: absolute !important;
    left: -9999px !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

/* Lista de la jornada: apilada, para que quepa tambien en una columna
   estrecha sin partir las horas en varias lineas. */
.citas-horario-lista {
    margin: 0;
}

.citas-horario-lista dt {
    font-size: 14px;
    font-weight: 700;
    color: #33383d;
    margin-top: 8px;
}

.citas-horario-lista dt:first-child {
    margin-top: 0;
}

.citas-horario-lista dd {
    font-size: 14px;
    color: #4a5560;
    margin: 0 0 0 0;
}

.citas-legend {
    font-size: 15px;
    font-weight: 600;
}

.citas-card {
    border: 1px solid #e0e4e8;
    border-radius: 6px;
    background: #ffffff;
    padding: 20px;
    height: 100%;
}

.citas-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 12px;
    background: #e7f1f6;
    color: #0b4f6c;
}

.citas-badge.solicitada   { background: #fff3cd; color: #7a5b00; }
.citas-badge.confirmada   { background: #e2f4e8; color: #1b6b3a; }
.citas-badge.reprogramada { background: #e7f1f6; color: #0b4f6c; }
.citas-badge.atendida     { background: #eceff1; color: #37474f; }
.citas-badge.no_asistio   { background: #f1f2f4; color: #55606b; }
.citas-badge.cancelada    { background: #fbe3e3; color: #8a1f1f; }

.citas-destacado {
    font-size: 22px;
    font-weight: 700;
    color: #0b4f6c;
}