/* =========================================================
   Enfermería: estilos propios (se cargan después de estilos.css,
   que es el mismo de Orientación)
   ========================================================= */
:root {
    --enf: #0f6b5c;
    --enf-fondo: #e0f4f1;
    --enf-alerta: #b3261e;
    --enf-alerta-fondo: #fde8e7;
}

/* Tarjetas de resumen */
.estadistica-enf-hoy > i { background: var(--enf-fondo); color: var(--enf); }
.estadistica-enf-semana > i { background: var(--creada-fondo); color: var(--creada); }
.estadistica-enf-mes > i { background: var(--proceso-fondo); color: var(--proceso); }

/* Filtros: motivo y destino ocupan más espacio */
.filtros .campo--destino { grid-column: span 2; }

/* Destino */
.badge-destino { background: var(--enf-fondo); color: var(--enf); white-space: normal; text-align: left; }
.badge-destino-alerta { background: var(--enf-alerta-fondo); color: var(--enf-alerta); white-space: normal; text-align: left; }
h1 .badge-destino, h1 .badge-destino-alerta { font-size: .8rem; }

/* Formulario: signos vitales y aviso al tutor */
.signos {
    border: 1px solid #cfe9e4; border-radius: 10px; background: #f4fbfa;
    padding: .9rem 1rem 1rem; margin: 0; min-width: 0;
}
.signos legend { padding: 0 .4rem; font-weight: 600; color: var(--enf); font-size: .95rem; }
.aviso-tutor { justify-content: flex-end; gap: .5rem; }
.aviso-tutor .casilla { font-weight: 500; display: flex; align-items: center; gap: .55rem; cursor: pointer; }
.aviso-tutor .casilla input[type="checkbox"] {
    width: 20px; height: 20px; min-height: 0; padding: 0; margin: 0; flex-shrink: 0; accent-color: var(--guinda);
}
.aviso-tutor input[type="text"][disabled] { background: #f1f1f1; }

/* Detalle */
.enf-etiqueta { font-size: .78rem; text-transform: uppercase; letter-spacing: .03em; color: var(--texto-suave); margin: 1rem 0 .35rem; font-weight: 500; }
.enf-datos { margin-top: 1rem; }
.signos-vitales { display: grid; grid-template-columns: repeat(4, 1fr); gap: .6rem; }
.signo {
    display: flex; flex-direction: column; align-items: center; text-align: center; gap: .15rem;
    background: #f4fbfa; border: 1px solid #cfe9e4; border-radius: 10px; padding: .7rem .5rem;
}
.signo i { color: var(--enf); font-size: 1.2rem; }
.signo span { font-size: .75rem; color: var(--texto-suave); }
.signo strong { font-size: 1rem; }
.signo--vacio { background: #fafafa; border-color: var(--borde); }
.signo--vacio i, .signo--vacio strong { color: #b5b5b5; font-weight: 400; font-size: .85rem; }
.enf-cruce { font-size: .85rem; margin: .6rem 0 .9rem; }
.enf-cruce i { color: var(--guinda); }

@media (max-width: 900px) {
    .signos-vitales { grid-template-columns: repeat(2, 1fr); }
    .filtros .campo--destino { grid-column: 1 / -1; }
}