
        /* Fondo azul en la mitad superior con borde curvado */
        .fondo-azul {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 40%;
            background-color: #003366;
            border-bottom-left-radius: 50% 20%;
            border-bottom-right-radius: 50% 20%;
            z-index: -1;
        }

        /* Estilos generales */
        body {
            background: #FFFFFF;
            min-height: 100vh;
            display: flex;
            align-items: center;
            /*justify-content: center;*/
            position: relative;
            flex-direction: column;
            
        }

        /* Tarjeta con fondo blanco y sombra */
        .card-custom {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 10px;
            box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
            padding: 20px;
            max-width: 600px;
            position: relative;
            z-index: 1;
        }

        /* Logo */
        
        /* Logo en la esquina inferior izquierda */
        .logo-esquina {
            position: relative;
            width: 200px;
            opacity: 1;
        }

        /* Estilo del excedente resaltado */
        .excedentetxt {
            font-size: 1.5rem;
            font-weight: bold;
            color: #D35400;
        }

        /* Estilo para los inputs */
        

        /* Estilo del botón */
        .btn-primary {
            background-color: #003366;
            border: none;
        }

        .btn-primary:hover {
            background-color: #002244;
        }
        h1{
            text-transform: uppercase;
            color: #FFFFFF;
        }
        h2{
            color: #FFFFFF;
        }
    