/* ============================================
   COLORES Y FONDOS GENERALES
   ============================================ */
.bg-gray-50 {
    --tw-bg-opacity: 1;
    background-color: #ECF0D8 !important;
}

.bg-white .bg-gray-50 {
    background-color: #fff !important;
}

.app-navigation-topbar {
    background-color: #ECF0D8 !important;
}

.form-menu-container {
    background-color: #ECF0D8 !important;
}

.section-header-external {
    background-color: #ECF0D8 !important;
}

.form-menu-item.active {
    background-color: #B199C9 !important;
    border-color: #B199C9 !important;
}

/* ============================================
   BORDES Y ESPACIADOS
   ============================================ */
.border-gray-200 {
    border: 0px !important;
    border-radius: 20px !important;
    padding: 23px !important;
}

.help-collapsible-box {
    border: solid 1px #000 !important;
}

.form-menu-container .form-menu button {
    border: solid 1px #000;
    border-radius: 0;
    color: #000;
}

/* ============================================
   TIPOGRAFÍA - TEXTOS GENERALES
   ============================================ */
p, .text-gray-800 {
    color: #000 !important;
}

/* ============================================
   TIPOGRAFÍA - ENCABEZADOS
   ============================================ */
h1, h2, h3 {
    font-family: 'Tobias-Medium', sans-serif;
    font-weight: 500 !important;
    color: #000 !important;
}

h1 {
    font-size: 35px !important;
}

h2 {
    font-size: 20px !important;
}

.section-header-external * {
    font-size: 30px !important; 
}

.bg-white h2, .bg-white h3 {
    font-family: 'Tobias-Medium', sans-serif;
    font-weight: 500 !important;
    color: #000 !important;
    font-size: 30px !important;
    padding-bottom: 20px;
}

/* Excepción: alertas y avisos usan otra fuente */
.bg-yellow-50 h3 {
    font-family: 'BagossExtended-Regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
padding-bottom:5px;
}

/* Excepción: alertas y avisos usan otra fuente */
p {
    font-family: 'BagossExtended-Regular', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
}

/* ============================================
   COMPONENTES ESPECÍFICOS
   ============================================ */
.impersonation-banner {
    display: none !important;
}

.dashboard-action-cards {
    display: none !important;
}

.app-topbar-logo {
    width: 300px !important;
    height: auto !important;
    padding-top: 60px;
    padding-bottom: 60px;
}

.app-navigation-topbar > div > div {
    height: 8rem;
}

#welcome-card {
    padding: 40px !important;
}

#welcome-card h3 {
    font-family: 'Tobias-Medium', sans-serif;
    font-weight: 500 !important;
    color: #000 !important;
    font-size: 30px;
    padding-bottom: 20px;
}

#welcome-card .bg-indigo-100 {
    display: none;
}

#welcome-modal {
    margin-top: -20px;
}

.fi-ac-btn-action.fi-color-primary {
    border-color: #B199C9 !important;
}


.fi-btn.fi-color-primary {
    background-color: #B199C9 !important;
}

.bg-indigo-600 {
    background-color: #B199C9 !important;
}

.bg-primary-600 {
    --tw-bg-opacity: 1;
    background-color: #B199C9 !important;
}

.help-collapsible-box {
    border: solid 1px rgba(0, 0, 0, 0.2) !important;
}