#components-reconnect-modal {
    display: none !important;
}

/*1 - BUTTONS   */
.btn-lowerCase {
    text-transform: none;
}

.custom-checkbox-label .mud-checkbox-label {
    color: var(--mud-palette-tertiary) !important;
}

/*2  - TABLES   */

.custom-table th,
.custom-table td {
    min-width: 250px;
    padding: 16px;
    white-space: nowrap;
}

.custom-table th {
    color: var(--mud-palette-primary) !important;
    font-weight: bold !important;
}

/*.custom-table td {
    color: var(--mud-palette-tertiary) !important;
}*/
/*3  - LINKS   */


.custom-link {
    color: var(--mud-palette-info) !important;
}

/*4  - TEXTS   */

.custom-h1 {
    font-size: clamp(30px, 2.5vw, 50px) !important;
    font-weight: 500 !important;
}

.custom-h2 {
    font-size: clamp(18px, 2vw, 23px);
    font-weight: 500;
}

.custom-h3 {
    font-size: clamp(14px, 2vw, 19px);
    font-weight: 500;
}

.custom-h4 {
    font-size: clamp(13px, 1.8vw, 17px);
    font-weight: 500;
}

.custom-h5 {
    font-size: clamp(12px, 1.6vw, 16px);
    font-weight: 500;
}

.custom-body {
    font-size: clamp(10px, 2vw, 15px);
    font-weight: 400;
}

.text-bold {
    font-weight: bold;
}

.text-primary {
    color: var(--mud-palette-primary) !important;
}

.text-gray {
    color: #A8AAAC;
}

/*5  - CONTACTOS   */

.contactos-table th:not(:first-child),
.contactos-table td:not(:first-child) {
    min-width: 250px !important;
}

.contactos-table th,
.contactos-table td {
    padding: 16px !important;
    white-space: nowrap !important;
}

.contactos-table th {
    color: var(--mud-palette-primary) !important;
    font-weight: bold !important;
}

/*6  - OPORTUNIDADES  */

.oportunidades-table th:not(:first-child),
.oportunidades-table td:not(:first-child) {
    min-width: 250px !important;
}

.oportunidades-table th,
.oportunidades-table td {
    padding: 16px !important;
    white-space: nowrap !important;
}

.oportunidades-table th {
    color: var(--mud-palette-primary) !important;
    font-weight: bold !important;
}


/*MAINLAYOUT*/

/* Hace que MudStack principal ocupe todo el espacio restante */
.full-height {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Expande MudPaper para que use el espacio restante */
.mud-paper-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Asegura que los elementos dentro del grid ocupen el espacio correctamente */
.flex-grow {
    flex-grow: 1;
}

/* Hace que el botón "Guardar" se mantenga en la parte inferior */
.align-bottom {
    margin-top: auto;
}

.mud-alert.align-center .mud-alert-position {
    align-items: center !important;
}