@import url('https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,400;0,700;1,400;1,700&display=swap');
* {
   font-family: 'Muli', sans-serif;
   transition: 0.27s ease;
   box-sizing: border-box;
}

body {
   margin: 0;
}

.doble {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-direction: row;
   flex-wrap: nowrap;
   margin: 15px auto;
   gap: 15px;
}

.doble div {
   flex: 1;
   text-align: center;
   margin: initial !important;
}


form {
   padding: 15px;
   width: 60%;
   margin: auto;
   text-align: center;
   margin-bottom: 50px;
   color: #484848;
}

._input {
   margin-bottom: 15px;
   text-align: center;
}

._input input {
   padding: 5px 10px;
   border: 0;
   border-radius: 3px;
   border: solid 1px #b4a3bf;
   width: 100%;
}

._input input, ._input select, ._input textarea{
   height: 40px;
}

input:focus {
   transform: scale(1.01);
   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

select {
   padding: 5px 10px;
   border: 0;
   border-radius: 3px;
   border: solid 1px #b4a3bf;
   overflow-x: hidden;
   width: 100%;
}

button {
   border: 0;
   border-radius: 5px;
   color: white;
   background-color: #7c66e1;
   box-shadow: 2px 3px 4px #0000004d;
   padding: 10px 15px;
   cursor: pointer;
   transition: 0.27s ease;
   width: 300px;
   left: 0;
}

button:hover {
   background-color: #fafafa;
   color: #7c66e1;
}

.logos {
   position: absolute;
   background-color: whitesmoke;
   top: 0;
   width: 250px;
   border-radius: 0 0 10px 0;
   transition: 0.27s ease;
}

.logos img {
   width: 45%;
}

.textOpcion {
   font-size: 0.7rem;
}

@media (max-width: 800px) {
   .doble {
      flex-direction: column;
      margin: 0px auto;
   }
   .doble div {
      width: 100%;
      margin: 10px auto !important;
   }
   ._input {
      width: 100%;
   }
   ._input input {
/*      width: 90%;*/
   }
   .logos {
      position: relative;
      margin: auto;
      border-radius: 10px;
   }
   button {
      width: 100%;
      margin: auto;
   }
}

.contenidoHeader {
   padding: 20px 0;
   background-color: #7c66e1;
   text-align: center;
   color: white;
}
