.form-wrapper-contacto{
  max-width:800px;
  margin:60px auto;
  background:white;
  padding:25px;
  border-radius:6px;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

.form-contacto .row{
  display:flex;
  gap:20px;
  margin-bottom:15px;
}
.form-contacto .col{    
  flex:1;
}
.form-contacto label {display:block;margin-bottom:4px;font-weight:bold;}
.form-contacto input, textarea {
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:4px;
  font-size:15px;
  box-sizing:border-box;
}
.form-contacto textarea{resize:vertical;min-height:110px;margin-top:4px;}

.form-contacto button{
  color: #fff;
  font-weight: 900;
  background: #f15a2b;
  padding: 12px 18px;
  font-size: 18px;
  border-radius: 32px;
  margin-top: 15px;
  cursor: pointer;
  border: none;
}


.form-contacto button:hover{background:#d04f1f;}
@media(max-width:600px){ .row{flex-direction:column;} }   



.mje-result {
    background: #f0f9f4;          /* verde muy suave */
    border: 1px solid #b6e2c8;    /* borde verde suave */
    color: #256b43;               /* texto verde oscuro */
    padding: 0px 18px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    margin-top: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    display: none;
    align-items: center;
    height: 100%;

    /* animación suave */
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

/* cuando el texto cambia, lo mostramos */
.mje-result.visible {
    opacity: 1;
    display: inline-grid !important;
}

.mje-result.error {
    background: #fff2f2;          /* rojo muy suave */
    border: 1px solid #da7878;    /* borde rojo suave */
    color: #d05151;               /* texto rojo oscuro */
    display: inline-grid !important;
}

.whatsapp{
  position: fixed;
    bottom: 10px;
    right: 10px;
  z-index: 999;
}

.whatsapp img{
  max-width: 80px;
}