/* --- ESTRUCTURA BASE --- */
.fi-main { transition: all 0.3s ease-in-out; }

/* --- MODO ULTRA-ANCHO (SOLO SE ACTIVA CON .fi-max-density) --- */
body.fi-max-density .fi-main {
    max-width: none !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

body.fi-max-density .fi-main-ctn {
    width: 100% !important;
    max-width: none !important;
    padding-top: 0.5rem !important;
}

body.fi-max-density .fi-page {
    width: 98% !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.fi-max-density .fi-section {
    margin-bottom: 1.25rem !important;
    padding: 0.75rem !important;
}

body.fi-max-density .fi-header {
    margin-bottom: 0.75rem !important;
    padding-top: 0.25rem !important;
}

body.fi-max-density .fi-header-heading {
    font-size: 2rem !important;
}

body.fi-max-density .fi-grid {
    gap: 1.5rem !important;
}

body.fi-max-density .fi-fo-field-wrp {
    margin-bottom: 0.5rem !important;
}

body.fi-max-density .fi-fo-field-wrp-label {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.25rem !important;
}

body.fi-max-density .fi-ta-ctn {
    width: 100% !important;
}

/* Indicador visual de modo activo en el menú (opcional) */
.fi-max-density-active {
    color: rgb(59, 130, 246) !important;
}