body {
        background-color: #cd1f32;
    }

    .login-logo {
        max-width: 200px; 
        height: auto;
        display: block; 
        margin: 0 auto; 
    }

    .redtext {
        color: #cd1f32;
    }

    .form-control:focus {
        border-color: #cd1f32;
        border-radius: 10px;

    }

    .poppins-regular {
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    


    .margen-campos {
        margin-bottom: 40px;
        
    }
    
    select#programadependencia {
        width: 100%;              /* Ocupa el 100% del ancho del contenedor */
        max-width: 500px;         /* El ancho máximo será de 500px */
        min-width: 200px;         /* Define un ancho mínimo para pantallas muy pequeñas */
        box-sizing: border-box;   /* Incluye padding y border en el tamaño total */
    }

    .campo-largo {
        width: 100%;             
        max-width: 500px;        
        min-width: 200px;        
        box-sizing: border-box;  
    }

    .campo-proposito {
        width: 100%;              
        max-width: 700px;         
        min-width: 200px;         
        height: 150px;
        display: inline-block;
        margin-bottom: 40px;
        box-sizing: border-box;  
    }

    .container-tarjeta {
        box-shadow: 1px 1px 4px 2px rgba(0, 0 , 0 , .2);
    }

    .form-check-input[type="checkbox"]:not(:disabled) {
        width: 1.3em;
        height: 1.3em;
        background-color: #fff;
        border: 2px solid #cd1f32; 
        border-radius: 0.25em;
    }

    .form-check-input[type="checkbox"]:not(:disabled):checked {
        background-color: #cd1f32; 
    }

    .form-check-input[type="checkbox"]:not(:disabled):focus {
        box-shadow: 0 0 0 0.25rem rgba(0, 123, 255, 0.25); 
    }


    .navbar-custom {
        background-color: #cd1f32 ; 
    }

    .navbar-nav .nav-link:hover {
        color: #fff; 
        background-color: #be4c4c; 
        border-radius: 0px;
        border-bottom-left-radius: 3px; 
        transition: all 0.3s ease; 
    }

    .dropdown-toggle {
        background-color: #cd1f32 !important;
        color: #ffffff !important;
        border: none !important; 
    }

    .dropdown-toggle:hover {
        background-color: #ffffff !important;
        color: #cd1f32 !important;
    }

    .dropdown-menu a:hover {
        background-color: #cd1f32 !important;
        color: #ffffff !important;
    }

    .custom-button {
        background-color: #cd1f32 !important;
        color: #ffffff !important;
        border: none !important;
        border-radius: 0.25rem; 
        padding: 0.375rem 0.75rem; 
        margin: 0; 
        font-weight: 400; 
        font-style: normal; 
        text-decoration: none; 
        cursor: pointer; 
    }

    /* Estilos al pasar el mouse por encima del botón */
    .custom-button:hover {
        background-color: #ffff !important;
        color: #cd1f32 !important;
    }