/* ================================================================
   HYEN — Formulario corto que va a WhatsApp y al sistema de leads
   Hoja externa: no se incrusta CSS en el HTML.
   Se usa en contactenos.html, index.html y pagos.html.
   Prefijo .hyf- para no chocar con los tres temas del sitio.
   ================================================================ */

.hyf-form{
  display:flex;flex-direction:column;gap:1rem;margin-top:1rem;
  font-family:inherit;text-align:left;
}

.hyf-campo{display:flex;flex-direction:column;gap:.35rem}

.hyf-campo label{
  font-size:.82rem;font-weight:700;letter-spacing:.02em;color:#0b1e3d;
}

.hyf-form input[type="text"],
.hyf-form select,
.hyf-form textarea{
  width:100%;box-sizing:border-box;
  padding:.85rem 1rem;
  border:1px solid #d9e1ec;border-radius:8px;
  font-family:inherit;font-size:.92rem;line-height:1.5;color:#1b2430;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.hyf-form textarea{resize:vertical;min-height:120px}
.hyf-form select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23566c85' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 1rem center;
  padding-right:2.4rem;cursor:pointer;
}
.hyf-form input[type="text"]:focus,
.hyf-form select:focus,
.hyf-form textarea:focus{
  outline:0;border-color:#1757c2;box-shadow:0 0 0 3px rgba(23,87,194,.14);
}
.hyf-form ::placeholder{color:#93a1b3}

/* Aviso bajo el titular: el formulario abre WhatsApp */
.hyf-nota{
  display:block;
  background:#e9f8ee;border-left:4px solid #25D366;border-radius:0 8px 8px 0;
  padding:.85rem 1rem;margin:0;
  font-size:.85rem;line-height:1.6;color:#17492c;
}
.hyf-nota strong{color:#0f3d22}

/* Boton de envio */
.hyf-send{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:.55rem;
  background:#25D366;color:#fff;border:0;border-radius:8px;
  padding:.9rem 1.6rem;
  font-family:inherit;font-size:.95rem;font-weight:700;line-height:1;
  cursor:pointer;transition:background .15s ease, transform .1s ease;
}
.hyf-send:hover{background:#1ebe5b}
.hyf-send:active{transform:translateY(1px)}
.hyf-send[disabled]{background:#9ad3b0;cursor:default;transform:none}
.hyf-send::before{
  content:'';width:18px;height:18px;flex:0 0 18px;
  background:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.75.46 3.45 1.32 4.95L2 22l5.25-1.38a9.9 9.9 0 004.79 1.22h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.86 9.86 0 0012.04 2zm5.8 14.17c-.24.68-1.42 1.31-1.95 1.36-.5.05-.96.23-3.25-.68-2.74-1.08-4.47-3.9-4.6-4.08-.14-.18-1.1-1.46-1.1-2.79s.7-1.98.95-2.25c.25-.27.54-.34.72-.34.18 0 .36 0 .52.01.17.01.39-.06.61.47.24.56.8 1.95.87 2.09.07.14.12.31.02.49-.09.18-.14.29-.27.45-.14.16-.29.35-.41.47-.14.14-.28.29-.12.56.16.27.71 1.17 1.53 1.9 1.05.94 1.94 1.23 2.21 1.37.27.14.43.12.59-.07.16-.18.68-.79.86-1.07.18-.27.36-.22.61-.13.25.09 1.59.75 1.86.89.27.14.45.2.52.32.07.11.07.66-.17 1.34z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Mensaje de error */
.hyf-error{display:none;margin:0;font-size:.85rem;line-height:1.5;color:#b02a37}
.hyf-error.hyf-error-on{
  display:block;background:#fdecee;border-left:4px solid #b02a37;
  border-radius:0 8px 8px 0;padding:.75rem 1rem;
}

/* Honeypot: invisible para personas, visible para los robots */
.hyf-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

@media (min-width:640px){
  .hyf-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
}