
/*Form tarifas: so cambia css*/
.acuarel *{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.wrapper-formulario {
    display: flex;
    padding:4vh 1vw;
    flex-wrap:wrap;
    gap: 0.5em;
}


/* Fila 1: 1 columna (ocupa las 5) */
.wrapper-formulario >  h3.titulo {
  text-align: center;
  width:100%;
}



/* Fila 1: 1 columna (ocupa las 5) */
.wrapper-formulario >  h3.titulo {
  grid-area: titulo;
  text-align: center;
}


form.tarifas{
    display: flex;
    padding:4vh 1vw;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    font-size:0.9em !important;
}
form.tarifas input{
   text-align: center;
   color:#5c042a;
   border:1px solid #999 !important;
   outline:none !important;
   margin:0 !important;

}
form.tarifas input[type=text]{
    width:20%
}

form.tarifas input[type=number]{
    width:14%
}

form.tarifas > input:focus{
   border-color:#5c042a !important;
}

form.tarifas input::placeholder{
    color: black;
    opacity: 0.8;
    text-align: center;
}

form.tarifas input.errorBg{
    background-color: #f5c6cb !important;
    border-color: #f3142a !important;
    color: #fff !important;
}


form.tarifas > #acuarel-reserva-online{
   box-sizing: border-box;

}

/* div:not(.vc_col-sm-6 ) form.tarifas  > #acuarel-reserva-online{
   min-width: 168px;
} */
#acuarel-reserva-online{
    cursor: default !important;
}
@media(max-width:700px){
   form.tarifas{
      flex-wrap: wrap ;
   }
   form.tarifas input[type=text], form.tarifas input[type=number]{
        width:48% !important;
        margin-bottom:1em !important;
    }

    form.tarifas > #acuarel-reserva-online{
    width: 100%;
    margin-top:1em !important;
    }
}


/*Form consulta disponibilidad*/
form.wpforms-form .wpforms-field-label {
   margin-top:10px !important;
   font-weight: normal !important;
}
form.wpforms-form select {
   padding-left: 6px !important;
   width:100% !important;
   max-width: none !important;
   margin-bottom:18px !important;
   border: 1px solid #efefef !important;
}
form.wpforms-form textarea{
   margin-top:1em !important;
   float:left !important;
}

@media(min-width:560px){
   form.wpforms-form .half{
      width:48% !important; float:left !important;
      clear:none !important;
   }
   form.wpforms-form .half:nth-child(even){
      margin-right:4% !important;
   }
}

