.anton-regular {
    font-family: "Anton", serif;
    font-weight: 400;
    font-style: normal;
}

.raleway-400 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.raleway-700 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}
.raleway-800 {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 800;
    font-style: normal;
}

body {
    background-color: #385CAD;
    background-color: linear-gradient(90deg, rgba(30, 45, 63, 1) 0%, rgba(50, 73, 104, 1) 50%, rgba(30, 45, 63, 1) 100%);
}

.swal2-confirm{
    background-color: #32A5DF !important;
}

/* Estilos para inputs y selects deshabilitados */
input:disabled,
select:disabled {
    background-color: #e5e7eb !important; /* Gris claro uniforme */
    color: #9ca3af !important; /* Texto gris */
    border-color: #d1d5db !important; /* Borde gris */
    opacity: 0.6 !important; /* Opacidad para indicar que está deshabilitado */
    cursor: not-allowed !important; /* Cursor que indica no disponible */
}

/* Estilos específicos para inputs deshabilitados */
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="email"]:disabled {
    background-color: #e5e7eb !important;
    color: #9ca3af !important;
    border-color: #d1d5db !important;
}

/* Estilos específicos para selects deshabilitados */
select:disabled {
    background-color: #e5e7eb !important;
    color: #9ca3af !important;
    border-color: #d1d5db !important;
    background-image: none !important; /* Remueve la flecha del select si es necesario */
}