/* Contacto · felipebozzo.cl · FUENTE ÚNICA (12-10-2026). Acompaña a assets/contacto.js.
   Las variables llevan respaldo: la regla del sitio es no usar var(--x) que la
   página no defina, y esta hoja se carga en varias páginas. */

/* El salto a #contacto no puede quedar tapado por la cabecera fija. */
#contacto{scroll-margin-top:84px}

/* ─ formulario corto (va dentro de los bloques navy de cierre) ─ */
.fb-contacto{display:grid;gap:14px;max-width:560px;margin:22px auto 8px;text-align:left}
.cta .fb-contacto,.cta .fb-contacto-ok{margin-left:0;margin-bottom:18px}
.fb-contacto .fila{display:grid;gap:6px}
.fb-contacto label{font-family:var(--display,'Montserrat',Arial,sans-serif);font-weight:700;font-size:13px;letter-spacing:.04em;color:var(--crema-2,#FCF8EF)}
.fb-contacto label small{font-family:var(--sans,'Archivo',Arial,sans-serif);font-weight:400;letter-spacing:0;color:#C6CCDA}
.fb-contacto input,.fb-contacto select,.fb-contacto textarea{width:100%;font:16px/1.4 var(--sans,'Archivo',Arial,sans-serif);color:var(--navy,#1C2B49);background:#FCF8EF;border:1.5px solid rgba(217,186,140,.55);border-radius:8px;padding:12px 14px;min-height:48px}
.fb-contacto textarea{min-height:88px;resize:vertical}
.fb-contacto input:focus,.fb-contacto select:focus,.fb-contacto textarea:focus{outline:3px solid var(--camel,#C79A5B);outline-offset:1px;border-color:var(--camel,#C79A5B)}
.fb-contacto .trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.fb-contacto button{font-family:var(--display,'Montserrat',Arial,sans-serif);font-weight:800;font-size:16px;background:var(--gold,#D9BA8C);color:var(--navy,#1C2B49);border:0;border-radius:8px;padding:15px 24px;min-height:52px;cursor:pointer;box-shadow:0 10px 24px rgba(15,33,64,.22)}
.fb-contacto button:hover{background:#E2C79E}
.fb-contacto button[disabled]{opacity:.7;cursor:wait}
.fb-contacto .estado{font-size:15px;min-height:1px;color:#FFD9CF}
.fb-contacto .estado a{color:var(--gold,#D9BA8C)}
.fb-contacto .nota{font-size:13px;color:#AEB6C6;margin:0}
.fb-contacto-ok{max-width:560px;margin:22px auto 8px;background:rgba(252,248,239,.08);border:1px solid rgba(217,186,140,.55);border-radius:12px;padding:22px 24px;text-align:left;color:var(--crema-2,#FCF8EF)}
.fb-contacto-ok strong{display:block;font-family:var(--display,'Montserrat',Arial,sans-serif);font-weight:800;font-size:19px;color:var(--gold,#D9BA8C);margin-bottom:6px}
.fb-contacto-ok a{color:var(--gold,#D9BA8C)}

/* ─ botón flotante de WhatsApp: solo en pantallas chicas ─ */
.fb-wa-flotante{display:none}
@media (max-width:820px){
  .fb-wa-flotante{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:16px;width:58px;height:58px;border-radius:50%;background:#25D366;box-shadow:0 8px 22px rgba(15,33,64,.30);z-index:60}
  .fb-wa-flotante svg{width:32px;height:32px}
  body{padding-bottom:84px}
}
@media print{.fb-wa-flotante{display:none!important}}