.contenedor-base-sumate{
    /* border: solid 1px; */
    align-items: center;
    gap: 5vh;
}

.div-formulario{
    width: 50%;
    /* margin: 0 auto; */
    border: 3px solid var(--naranja);
    border-radius: 1cap;
    padding: 2.5vh;
    display: flex;
    flex-direction: column;
    background-color: white;
    box-shadow: 1px 1px 10px #c7c7c7;

    @media (max-width: 800px) {
        width: 100%;
        padding: 2vh;
        margin: 0 auto;
    }
}

.formulario{
    display: flex;
    flex-direction: column;
    gap: 1vh;
    align-items: center;

    input, textarea, button{
        border-radius: 1cap;
        padding: 1vh;
        border: 2px solid var(--grisClaro);
        width: 100%;
        @media (max-width: 500px) {
            font-size: 1.5vh;
        }
    }

    button{
        background-color: var(--naranja);
        border: none;
        box-shadow: 1px 1px 10px #c7c7c7;
        width: 30%;
        /* margin-top: 2vh; */
        color: white;
        font-weight: 500;
        font-size: 2vh;

        @media (max-width: 500px) {
            font-size: 1.5vh;
        }
        &:hover{
            cursor: pointer;
            background-color: var(--naranjaOscuro);
        }
    }
}