:root{
    --e-global0color-primary: #073872;
    --e-global-color-cd500cb: #f5f8fc;
}

:root{
    --calculator-green: #18a839;
}

.cotizador-container{
    /* background-color: var(--e-global0color-primary); */
    color: var(--e-global-color-cd500cb);
    padding: 2rem;
    width: 100%;
    /* border: 1px solid var(--e-global-color-cd500cb); */
    max-width: 300px;
    margin: 0 auto;

    & h1{
        font-size: 48px;
        color: white;
    }

    & .form-element{
        display: grid;
        padding-top: 0.5rem;;
        padding-bottom: 0.5rem;;

        & label{
            width: 100%;
        }

        & select, input{
            width: 100%;
            height: 40px;
            font-size: 12px;
        }
    }

    & button[type=submit]{
        background-color: var(--e-global-color-primary);
        border: 1px solid var(--e-global-color-cd500cb);
    }

    .alert{
        text-align: center;
        display: none;

        & h2{
            font-size: 24px;
        }
        
        &.show{
            display: block;
        }
        
        & .divCuotaMensual{
            border: 1px solid var(--e-global-color-cd500cb);
            background-color: var(--e-global-color-cd500cb);
            color: var(--calculator-green);

            padding-top: 1rem;
            padding-bottom: 1rem;

            width: 100%;
            max-width: 150px;
            margin: 0 auto;
        }

        & p{
            color: var(--e-global-color-cd500cb);
            text-align: center;
            font-size: 10px;
        }

    }
}