* {

    margin: 0;

    padding: 0;

}



body {

    height: 100vh;

    width: 100vw;

    background: #060C51;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: center;

}



body > section {

    width: calc(50vw - 20%);

    height: 70vh;

    background-color: #f3f3f3;

    padding: 40px;

    border-radius: 20px;

    margin: 0 10px;

    overflow: hidden scroll;

}



/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/



body > section::-webkit-scrollbar {

    -webkit-appearance: none;

    display: none;

}



body > section::-webkit-scrollbar:vertical {

    width:10px;

}



body > section::-webkit-scrollbar-button:increment,

body > section::-webkit-scrollbar-button {

    display: none;

} 



body > section::-webkit-scrollbar:horizontal {

    height: 100px;

}



body > section::-webkit-scrollbar-thumb {

    background-color: #797979;

    border-radius: 20px;

    border: 2px solid #f1f2f3;

}



body > section::-webkit-scrollbar-track {

    border-radius: 10px;  

}





form {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

}



form > img {

    margin-bottom: 10px;

}



form > h1 {

    margin-bottom: 20px;

    display: none;

}



form > div {

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-bottom: 20px;

}



form > div:last-child {

    margin: 0;

}



.mitad {

    width: 48%;

}



.mitad:nth-child(4),

.mitad:nth-child(6) {

    margin-left: 4%;

}



.total {

    width: 100%;

}



form > div > label {

    /*margin-bottom: 10px;*/

    display: none;

}



form > div > input[type=text],

form > div > input[type=tel] {

    height: 30px;

    border-radius: 20px;

    border: 2px solid #060C51;

    padding-left: 15px;

}



form > div > textarea {

    resize: none;

    border: 2px solid #060C51;

    border-radius: 20px;

    padding: 10px 0 0 15px;

}



::placeholder {

    font-family: 'Lato';

}

:-ms-input-placeholder {

    font-family: 'Lato';

} /* IE 10+ */

::-webkit-input-placeholder {

    font-family: 'Lato';

} /* WebKit */

::-moz-placeholder {

    font-family: 'Lato';

} /* Firefox 19+ */