/* ==========================================================
   EduTec Manager — Visita de Padres (Conducta)
   Archivo: assets/css/c-cd-visita-padres.css
   ========================================================== */

.etm-cdvp-wrap { width: 100% !important; }

.etm-cdvp-lista { display: flex !important; flex-direction: column !important; gap: 8px !important; }

.etm-cdvp-item {
    padding: 12px 16px !important;
    border: 1px solid var(--etm-gray-200, #e2e8f0) !important;
    border-radius: var(--etm-radius, 8px) !important;
    cursor: pointer !important;
}
.etm-cdvp-item:hover { background: var(--etm-gray-100, #f8fafc) !important; }
.etm-cdvp-item-nombre { font-weight: 700 !important; font-size: 14px !important; }
.etm-cdvp-item-meta { font-size: 12px !important; color: var(--etm-gray-600, #475569) !important; margin-top: 2px !important; }

.etm-cdvp-alumno-header { display: flex !important; gap: 14px !important; align-items: center !important; margin: 16px 0 20px !important; }
.etm-cdvp-alumno-foto { width: 70px !important; height: 86px !important; object-fit: cover !important; border-radius: 6px !important; }
.etm-cdvp-alumno-nombre { font-weight: 700 !important; font-size: 16px !important; }
.etm-cdvp-alumno-grupo { color: var(--etm-gray-600, #475569) !important; font-size: 13px !important; }

.etm-cdvp-causa-display {
    padding: 10px 14px !important;
    background: var(--etm-gray-100, #f8fafc) !important;
    border-radius: var(--etm-radius, 8px) !important;
    font-size: 14px !important;
}

.etm-cdvp-docentes-selector { display: flex !important; gap: 8px !important; }
.etm-cdvp-docentes-selector select { flex: 1 !important; }

.etm-cdvp-chips { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 8px !important; }
.etm-cdvp-chip {
    background: var(--etm-blue-light, #eef2ff) !important;
    color: var(--etm-blue, #4338ca) !important;
    border-radius: 999px !important;
    padding: 4px 10px !important;
    font-size: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}
.etm-cdvp-chip-quitar { cursor: pointer !important; }

.etm-cdvp-suspension-campos { display: flex !important; gap: 16px !important; flex-wrap: wrap !important; }
.etm-cdvp-suspension-campos label { display: flex !important; flex-direction: column !important; gap: 4px !important; font-size: 12px !important; font-weight: 400 !important; }

.etm-cdvp-acciones { display: flex !important; gap: 10px !important; margin-top: 20px !important; }

/* ---- Documento imprimible ---- */
.etm-cdvp-print-wrap { display: none; }

@page { size: letter portrait; margin: 0.3cm; }

@media print {
    body.etm-cdvp-imprimiendo > *:not(.etm-cdvp-print-wrap) { display: none !important; }
    body.etm-cdvp-imprimiendo { margin: 0 !important; padding: 0 !important; }
    .etm-cdvp-print-wrap { display: block !important; width: 100% !important; }
}

.etm-cdvp-documento {
    display: flex !important;
    flex-direction: column !important;
    max-width: 780px !important;
    margin: 0 auto !important;
    min-height: 269mm !important;
}

.etm-cdvp-print-header, .etm-cdvp-print-footer { width: 100% !important; display: block !important; }
.etm-cdvp-print-footer { margin-top: auto !important; }

.etm-cdvp-doc-cuerpo { padding: 20px 8mm !important; box-sizing: border-box !important; }

.etm-cdvp-doc-titulo { text-align: center !important; font-weight: 700 !important; font-size: 20px !important; letter-spacing: 1px !important; margin-bottom: 16px !important; }
.etm-cdvp-doc-fecha { text-align: right !important; font-size: 13px !important; margin-bottom: 24px !important; }

.etm-cdvp-doc-campo { font-size: 13px !important; margin-bottom: 12px !important; }
.etm-cdvp-doc-campo-largo { font-size: 13px !important; margin-bottom: 16px !important; }
.etm-cdvp-doc-campo-largo div { margin-top: 6px !important; white-space: pre-wrap !important; text-align: justify !important; }

.etm-cdvp-doc-firmas { display: flex !important; justify-content: space-between !important; gap: 20px !important; margin-top: 50px !important; }
.etm-cdvp-doc-firma-bloque { flex: 1 !important; text-align: center !important; font-size: 12px !important; }
.etm-cdvp-doc-firma-linea { border-top: 1px solid #000 !important; margin-bottom: 6px !important; }