/* ============================================
   REDISEÑO 2026 — CONTACTO (contacto.html)
   Pitch, chat (vía rápida) y formulario real → contacto.php.
   Reutiliza los estilos de chat de rediseno-home.css.
   ============================================ */
.chero{padding-block:56px 52px;border-bottom:1px solid var(--ink)}
.chero .kick{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--acc);font-weight:500}
.chero h1{font-family:"Unbounded","Space Grotesk",sans-serif;font-weight:700;font-size:clamp(30px,4.6vw,56px);line-height:1.1;letter-spacing:-.01em;margin:18px 0 16px}
.chero p{color:var(--muted);font-size:16.5px;max-width:56ch;text-wrap:pretty}
.cbadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.cbadges span{border:1px solid var(--line2);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:7px 13px;display:inline-flex;align-items:center;gap:8px}
.cbadges .live::before{content:"";width:8px;height:8px;border-radius:50%;background:#3faf6a;animation:pulse 2s infinite}
/* Formulario */
.formsec{max-width:820px}
.cform{border:1px solid var(--ink);padding:34px;display:grid;gap:24px}
.cform .frow{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cform label.flab{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600;margin-bottom:9px}
.cform input[type="text"],.cform input[type="email"],.cform textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--line2);color:var(--ink);font:15.5px "Familjen Grotesk","Space Grotesk",sans-serif;padding:10px 2px;outline:none;transition:border-color .2s}
.cform textarea{border:1px solid var(--line2);padding:14px;min-height:130px;resize:vertical}
.cform input:focus,.cform textarea:focus{border-color:var(--acc)}
.consent{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:16px;font-size:13px;color:var(--muted);line-height:1.55}
.consent input{accent-color:oklch(0.6 0.19 33);margin-top:3px;flex:none;width:16px;height:16px;cursor:pointer}
.consent a{text-decoration:underline;color:var(--ink)}
.consent a:hover{color:var(--acc-d)}
.cform .actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.cform button[type="submit"]{min-width:200px}
.cform button[type="submit"]:disabled{opacity:.55;cursor:wait}
#fstatus{font-size:14.5px;font-weight:500}
#fstatus.ok{color:#2e8f5b}
#fstatus.err{color:var(--acc-d)}
@media(max-width:720px){.cform{padding:22px}.cform .frow{grid-template-columns:1fr}}