:root {
    --color-gris:#ABB9D2;
    --azul-primario: #004E7B;
    --azul-secundario:#00C1B5;
    --color-blanco: #fff;
}
/* globales */
html {
    box-sizing: border-box; /**para que el border, padding y estilos no afecten nuestros elementos**/
    font-family: 'Inter', sans-serif;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}
.bodyPrincipal{
    height: 94vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: aliceblue
}
#paypal-container-YDJLY4HJH3AKC{
    display: none;
}
.bodyPrincipal .sombras{
    background-color: var(--color-blanco);
    border-radius: 10px;
    box-shadow: rgba(188, 200, 207, 0.64) 0px 4px 12px;
}
.headerForm{
    display: flex;
    justify-content: left;
    gap: 17%;
    width: min-content;
    width: 1000px;
    padding: 15px 30px 0px;
}

.titulo{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: var(--azul-primario)
}
.contenedorPrincipal{
    height:-webkit-fill-available ;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top:25px;

}
.contenedorForm{
  width: 800px;
  padding: 10px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.campo{
    height: 30px;
    margin: 20px 0px;
    width: 100%;
    text-align: center;
    
}
.formulario{
    gap: 50px;
}

.formulario input,.formulario select{
    height: 100%;
    width: 100%;
}
.contenedor-vista{
    width: 100%;
}
.btn{
    background: var(--azul-secundario);
    border: none;
    border-radius: 6px;
    color: var(--color-blanco);
    width: 300px;
    height: 40px;
    font-size: large;
}
/* Alerta */

@media(max-width: 767px){
    .sombras {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .headerForm {
        width: min-content;
        flex-direction: column; 
    }
    .contenedorPrincipal {
         padding-top: 0px; 
    }
    .contenedorForm {
        width: min-content;
        padding: 0px;
    }
}
@media (max-width: 959px){
    .headerForm {
        width: -webkit-fill-available;
    }
}