html {
   align-content: center;
   height: -webkit-fill-available;
}


body {
   font-family: Arial, sans-serif;
}

form {
   background-color: #DCD7CC;
   padding: 0px 40px;
   /* width: 600px; */
   margin: 20px auto;
   display: flex;
   flex-direction: column;
   gap: 10px;
   border-radius: 10px;
}

.tres_campos,
.dos_campos {
   display: contents;
}


.selCpost {

}

input, button {
   padding: 10px;
   border-radius: 15px;
   border: 1px solid #ccc;
   outline: none;
}

button {
   cursor: pointer;
   background-color: #333;
   color: white;
}

label {
   display: block;
   margin: 1.2rem 0 0.4rem;
   font-weight: bold;
   color: #444;
}
select {
   width: 100%;
   padding: 0.7rem;
   font-size: 1rem;
   border-radius: 15px;
   border: 1px solid
   #ccc; background: #fff;
}
#precioFinal {
   margin-top: 1.8rem;
   font-size: 1.4rem;
   font-weight: bold;
   color: #1e73be;
   text-align: center;
}
.oculto { display: none; }




@media only screen and (min-width: 769px){

   .dos_campos {
      display: flex;
      justify-content: space-between;
   }
   /* .tres_campos input {
      width: 30%;
   } */

   .dos_campos .codp {
      width: 100%;
   }

   .dos_campos input {
      width: 65%;
   }
}