/* ============================================
   MODALS - Estilos compactos para modales
   ============================================ */

/* Modal Header - Compacto */
.modal-header-compact {
    padding: 0.5rem 0.75rem;
    line-height: 1.3;
}

.modal-header-compact h2 {
    font-size: 0.9rem;
    font-weight: 700;
    margin: 0;
    letter-spacing: -0.01em;
}

.modal-header-compact p {
    font-size: 0.7rem;
    margin: 0.25rem 0 0 0;
    line-height: 1.3;
}

.modal-header-compact button {
    font-size: 1.25rem;
    line-height: 1;
    padding: 0.25rem 0.5rem;
}

/* Modal Tabs - Compactos */
.modal-tabs-compact button {
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* Modal Content Sections - Compactas */
.modal-section-compact {
    padding: 0.75rem;
    margin-bottom: 0.75rem;
}

.modal-section-compact:last-child {
    margin-bottom: 0;
}

.modal-section-title-compact {
    font-size: 0.75rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

/* Modal Footer - Compacto */
.modal-footer-compact {
    padding: 0.75rem;
}

.modal-footer-compact p {
    font-size: 0.7rem;
    margin: 0.375rem 0 0 0;
}

/* Modal Grid Layouts */
.modal-grid-compact {
    display: grid;
    gap: 0.5rem;
}

.modal-grid-compact.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.modal-grid-compact.cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

/* Espaciado vertical compacto para contenido de modales */
.modal-content-spacing {
    padding: 0.75rem;
}

.modal-content-spacing > * + * {
    margin-top: 0.75rem;
}