/* ============================================================
   VENTURA · contact.css — C1 CENTRALITA DE OBRA: 3 tarjetas
   anchas (solape −64px) + K2 zona SVG | form card + K3 ink
   ============================================================ */

/* ============ K1 · TRES TARJETAS ANCHAS (0720-a12) ============ */
.k1{position:relative;background:var(--champagne);padding-bottom:clamp(2.8rem,4vw,4rem);overflow:visible}
.k1-grid{
  position:relative;z-index:5;display:grid;grid-template-columns:1.12fr 1fr 1fr;
  gap:clamp(1rem,2vw,2rem);margin-top:-64px;
}
.kcard{
  position:relative;display:flex;flex-direction:column;gap:.45rem;
  border-radius:18px;padding:1.7rem 1.7rem 1.5rem;
  background:rgba(252,254,255,.94);border:1px solid rgba(128,137,142,.24);
  box-shadow:0 24px 54px rgba(29,33,38,.2);
}
.kcard .k-ic{width:50px;height:50px;border-radius:14px;border:1px solid rgba(130,92,44,.35);color:var(--bronze);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}
.kcard .k-ic svg{width:28px;height:28px}
.kcard .k-eyebrow{font:700 .68rem/1 var(--f-ui);letter-spacing:.19em;text-transform:uppercase;color:var(--bronze)}
.kcard .k-big{font-family:var(--f-display);font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.12;color:var(--t-on-light);overflow-wrap:anywhere}
.kcard .k-sub{font-size:.88rem;line-height:1.5;color:var(--t-on-light-muted)}
/* tarjeta TELÉFONO dominante: superficie oro-sobre-ink, 1.12× de presencia */
.kcard-tel{
  background:linear-gradient(160deg,#1B1F23 0%,var(--ink) 70%);
  border-color:rgba(217,181,118,.5);
  padding:2rem 1.8rem 1.7rem;
}
.kcard-tel .k-ic{border-color:rgba(217,181,118,.5);color:var(--gold)}
.kcard-tel .k-eyebrow{color:var(--gold)}
.kcard-tel .k-big{color:var(--gold-hi);font-size:clamp(1.6rem,2.2vw,2.1rem)}
.kcard-tel .k-sub{color:var(--t-on-dark-muted)}

/* ============ K2 · ZONA SVG + FORM CARD (card-over-band) ============ */
.k2{position:relative;background:var(--ink);color:var(--t-on-dark);overflow:clip;padding-block:clamp(4rem,6vw,6rem)}
.k2-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2.5rem,4.5vw,5rem);align-items:center}
.zone .kicker{margin-bottom:1rem}
.zone h2{font-size:clamp(1.9rem,3.6vw,3.4rem);color:var(--t-on-dark);max-width:16ch}
.zone>p{margin-top:1.1rem;max-width:46ch;color:var(--t-on-dark-muted);font-size:.97rem}
.zone-svg{margin-top:1.6rem;width:100%;max-width:520px}
.zone-svg .per{fill:rgba(217,181,118,.06);stroke:var(--gold);stroke-width:1.6}
.zone-svg .city{fill:var(--gold-hi)}
.zone-svg .city-dot{fill:var(--gold)}
.zone-svg .base-dot{fill:var(--gold-hi)}
.zone-svg text{
  font-family:Manrope,system-ui,sans-serif;font-weight:700;font-size:10.5px;
  letter-spacing:.08em;fill:var(--t-on-dark);
}
.zone-svg .t-base{fill:var(--gold-hi);font-size:11.5px}
.k2-ghost{left:-2%;bottom:-8%;font-size:clamp(7rem,13vw,13rem)}

/* form card claro elevado (glass SÓLIDO .94, ley e3) */
.form-card{
  position:relative;border-radius:20px;padding:clamp(1.8rem,3vw,2.8rem);
  background:rgba(252,254,255,.96);color:var(--t-on-light);
  border:1px solid rgba(128,137,142,.3);box-shadow:0 34px 80px rgba(0,0,0,.42);
}
.form-card h2{font-family:var(--f-display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.5rem,2.2vw,2rem);color:var(--t-on-light)}
.form-card .f-sub{margin-top:.4rem;font-size:.9rem;color:var(--t-on-light-muted)}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}
.f-field{position:relative}
.f-field.f-wide{grid-column:1/-1}
.f-field input,.f-field select,.f-field textarea{
  width:100%;font:500 .97rem/1.4 var(--f-ui);color:var(--t-on-light);
  background:rgba(233,239,243,.7);border:1px solid rgba(128,137,142,.4);border-radius:12px;
  padding:1.35rem .95rem .55rem;
}
.f-field textarea{min-height:120px;resize:vertical}
.f-field select{appearance:none;padding-top:1.3rem;cursor:pointer}
.f-field .sel-arr{position:absolute;right:.95rem;top:1.35rem;pointer-events:none;color:var(--bronze);width:12px;height:12px}
.f-field label{
  position:absolute;left:.98rem;top:1rem;pointer-events:none;
  font:600 .95rem/1 var(--f-ui);color:var(--t-on-light-muted);
  transform-origin:left top;transition:transform .18s ease,color .18s ease;
}
.f-field input:focus+label,.f-field input:not(:placeholder-shown)+label,
.f-field textarea:focus+label,.f-field textarea:not(:placeholder-shown)+label,
.f-field select:focus~label,.f-field select.has-val~label{
  transform:translateY(-.55rem) scale(.72);color:var(--bronze);
}
.f-field input::placeholder,.f-field textarea::placeholder{color:transparent}
.f-field input:user-invalid,.f-field textarea:user-invalid{border-color:#B0472F}
.f-btn{width:100%;justify-content:center;margin-top:1.2rem;font-size:1rem;padding:1.15rem 1.6rem}
.f-btn[disabled]{opacity:.6;cursor:default}
/* honeypot: display:none (n1 — jamás visually-hidden) */
.hp-row{display:none}
/* notificación inline bajo el form (0720-d b) */
.sent-note{
  display:none;margin-top:1.1rem;padding:1.05rem 1.2rem;border-radius:12px;
  background:#EAF3E4;border:1px solid #9DBE8C;color:#2F4A26;
  font:600 .93rem/1.5 var(--f-ui);align-items:flex-start;gap:.7rem;
}
.sent-note.is-on{display:flex}
.sent-note .tick{
  flex:0 0 auto;width:24px;height:24px;border-radius:50%;margin-top:.05rem;
  background:#4F7B3A;color:#F7F9FA;display:inline-flex;align-items:center;justify-content:center;
}
.sent-note .tick svg{width:12px;height:12px}
.err-note{
  display:none;margin-top:1.1rem;padding:1.05rem 1.2rem;border-radius:12px;
  background:#F6E7DE;border:1px solid #C89B85;color:#6E3A22;
  font:600 .93rem/1.5 var(--f-ui);
}
.err-note.is-on{display:block}
.f-privacy{margin-top:.9rem;font-size:.78rem;color:var(--t-on-light-muted)}

/* ============ MOBILE ============ */
@media (max-width:980px){
  .k1-grid{grid-template-columns:1fr;margin-top:-48px;max-width:640px;margin-inline:auto}
  .k2-grid{grid-template-columns:1fr}
  .zone-svg{max-width:460px}
}
@media (max-width:560px){
  .f-grid{grid-template-columns:1fr}
}