/* ═══ CONTACT PAGE ═══ */

/* ═══ HERO ═══ */
#zxn .zx-chero{padding:clamp(10rem,18vh,13rem) 0 clamp(3rem,5vh,4rem);position:relative;overflow:hidden;background:var(--ink) !important;text-align:center}
#zxn .zx-chero-atmo{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 55% 42% at 50% 0%,rgba(31,69,68,.65),transparent 65%),radial-gradient(ellipse 40% 32% at 85% 75%,rgba(215,181,122,.07),transparent 60%)}
#zxn .zx-chero-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#zxn .zx-chero .zx-display{margin:1.6rem 0 1.4rem !important;font-size:clamp(3rem,7.5vw,6.6rem) !important}
#zxn .zx-chero-sub{color:var(--ivdim) !important;font-size:clamp(1.05rem,1.5vw,1.2rem) !important;max-width:600px;line-height:1.75 !important}

/* ═══ WHATSAPP PANEL ═══ */
#zxn .zx-wa-sec{padding:clamp(3rem,6vw,5rem) 0 clamp(5rem,9vw,7rem);background:var(--ink) !important}
#zxn .zx-wa{
  position:relative;overflow:hidden;max-width:900px;margin:0 auto;
  border:1px solid var(--goldline);
  background:linear-gradient(150deg,var(--green) 0%,#0D2120 78%) !important;
  padding:clamp(3rem,6vw,4.5rem) clamp(1.8rem,5vw,4rem);
  text-align:center;
}
#zxn .zx-wa::before{content:'';position:absolute;inset:10px;border:1px solid rgba(243,239,228,.1);pointer-events:none}
#zxn .zx-wa-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(215,181,122,.12) 1px,transparent 1px);background-size:26px 26px;opacity:.45}
#zxn .zx-wa-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
#zxn .zx-wa-badge{
  width:86px;height:86px;border-radius:50%;
  border:1px solid rgba(37,211,102,.5);background:rgba(37,211,102,.12);
  display:flex;align-items:center;justify-content:center;margin-bottom:1.8rem;
  animation:zxPulse 2.4s ease-in-out infinite;
}
@keyframes zxPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.35)}
  50%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
}
#zxn .zx-wa-badge svg{width:42px;height:42px;fill:var(--wa)}
#zxn .zx-wa-t{font-family:var(--serif) !important;font-weight:400 !important;font-size:clamp(1.9rem,3.6vw,2.9rem) !important;color:var(--ivory) !important;line-height:1.15 !important;margin-bottom:1rem !important}
#zxn .zx-wa-t em{font-style:italic;color:var(--goldhi) !important;-webkit-text-fill-color:var(--goldhi)}
#zxn .zx-wa-num{
  font-family:var(--serif) !important;font-style:italic !important;
  font-size:clamp(1.3rem,2.4vw,1.7rem) !important;color:var(--gold) !important;
  letter-spacing:.04em !important;margin-bottom:.6rem !important;
}
#zxn .zx-wa-d{color:var(--ivdim) !important;font-size:1rem !important;max-width:480px;line-height:1.75 !important;margin-bottom:2.4rem !important}
#zxn .zx-wa-btn{
  display:inline-flex;align-items:center;gap:1rem;
  background:var(--wa) !important;color:#06130B !important;
  font-family:var(--sans) !important;font-size:.92rem !important;font-weight:800 !important;
  letter-spacing:.12em !important;text-transform:uppercase !important;
  padding:1.35rem 3rem !important;border:1px solid var(--wa) !important;
  border-radius:0 !important;transition:all .35s var(--ease);line-height:1.2 !important;
}
#zxn .zx-wa-btn:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(37,211,102,.35);filter:brightness(1.08)}
#zxn .zx-wa-btn svg{width:22px;height:22px;fill:#06130B;flex-shrink:0}
#zxn .zx-wa-note{
  font-family:var(--serif) !important;font-style:italic !important;
  font-size:.88rem !important;color:var(--ivmute) !important;margin-top:1.4rem !important;
}
#zxn .zx-wa-note b{color:var(--ivdim) !important;font-weight:500}

/* ═══ OTHER CHANNELS ═══ */
#zxn .zx-ch-sec{padding:clamp(5rem,9vw,7rem) 0;border-top:1px solid var(--line);background:var(--ink2) !important}
#zxn .zx-ch-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(2.8rem,5vw,4rem)}
#zxn .zx-ch-head .zx-display{margin-top:1.4rem !important;font-size:clamp(2.2rem,4.4vw,3.8rem) !important}
#zxn .zx-ch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);max-width:1000px;margin:0 auto}
#zxn .zx-ch{background:var(--ink) !important;padding:2.6rem 2.2rem;text-align:center;transition:background .35s;display:block}
#zxn a.zx-ch:hover{background:var(--ink3) !important}
#zxn .zx-ch-ic{width:52px;height:52px;margin:0 auto 1.5rem;border:1px solid var(--goldline);background:var(--golddim);display:flex;align-items:center;justify-content:center;transition:all .35s}
#zxn .zx-ch-ic svg{width:21px;height:21px;stroke:var(--gold);fill:none;transition:all .3s}
#zxn a.zx-ch:hover .zx-ch-ic{background:var(--gold)}
#zxn a.zx-ch:hover .zx-ch-ic svg{stroke:#0A1414}
#zxn .zx-ch-l{font-family:var(--sans) !important;font-size:9.5px !important;font-weight:800 !important;letter-spacing:.28em !important;text-transform:uppercase !important;color:var(--gold) !important;margin-bottom:.9rem !important}
#zxn .zx-ch-v{font-family:var(--serif) !important;font-size:1.1rem !important;font-weight:400 !important;color:var(--ivory) !important;line-height:1.6 !important;transition:color .3s}
#zxn a.zx-ch:hover .zx-ch-v{color:var(--goldhi) !important}
#zxn .zx-ch-s{font-size:.82rem !important;color:var(--ivmute) !important;font-family:var(--serif) !important;font-style:italic !important;margin-top:.3rem !important}

/* ═══ NEXT STEPS ═══ */
#zxn .zx-nx{padding:clamp(5rem,9vw,7rem) 0;border-top:1px solid var(--line);background:var(--ink) !important}
#zxn .zx-nx-head{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(2.8rem,5vw,4rem)}
#zxn .zx-nx-head .zx-display{margin-top:1.4rem !important;font-size:clamp(2.2rem,4.4vw,3.8rem) !important}
#zxn .zx-nx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto}
#zxn .zx-nx-c{border:1px solid var(--line);background:var(--ink2) !important;padding:2.4rem 2.1rem;transition:all .4s var(--ease);position:relative}
#zxn .zx-nx-c:hover{border-color:var(--goldline);transform:translateY(-5px)}
#zxn .zx-nx-no{font-family:var(--serif) !important;font-style:italic !important;font-size:1rem !important;color:var(--gold) !important;margin-bottom:1.2rem !important}
#zxn .zx-nx-t{font-family:var(--serif) !important;font-weight:400 !important;font-size:1.3rem !important;color:var(--ivory) !important;margin-bottom:.8rem !important}
#zxn .zx-nx-d{font-size:.9rem !important;color:var(--ivdim) !important;line-height:1.7 !important}

/* ═══ FLOATING WHATSAPP (mobile quick access) ═══ */
#zxn .zx-wa-float{
  position:fixed;bottom:26px;right:26px;z-index:997;
  width:58px;height:58px;border-radius:50%;
  background:var(--wa) !important;display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px rgba(37,211,102,.4);
  transition:transform .3s var(--ease);
  animation:zxPulse 2.4s ease-in-out infinite;
}
#zxn .zx-wa-float:hover{transform:scale(1.1)}
#zxn .zx-wa-float svg{width:30px;height:30px;fill:#06130B}

/* ═══ RESPONSIVE ═══ */
@media(max-width:1024px){
  #zxn .zx-ch-grid{grid-template-columns:1fr;max-width:520px}
  #zxn .zx-nx-grid{grid-template-columns:1fr;max-width:520px}
}
@media(max-width:860px){
  #zxn .zx-nav-links,#zxn .zx-nav-cta{display:none}
  #zxn .zx-burger{display:flex}
  #zxn .zx-ft-top{flex-direction:column;text-align:center}
  #zxn .zx-ft-links{justify-content:center}
  #zxn .zx-ft-btm{flex-direction:column;text-align:center}
}
@media(max-width:640px){
  #zxn .zx-wa-btn{width:100%;justify-content:center;padding:1.35rem 1.5rem !important}
}
@media(prefers-reduced-motion:reduce){
  #zxn *,#zxn *::before,#zxn *::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
}