.contact-page{background:#fbf8fa;color:#0e0b14}
.contact-hero{position:relative;overflow:hidden;padding:96px 0 88px;background:radial-gradient(760px 520px at 88% 12%,rgba(209,20,90,.46),transparent 70%),radial-gradient(680px 520px at 55% 105%,rgba(108,43,217,.44),transparent 70%),#0e0b14;text-align:center}
.contact-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,92,147,.7),rgba(166,107,255,.7),transparent)}
.contact-kicker{margin:0 0 18px;color:#ff8ab2;font:700 12px/1.4 'Open Sans',sans-serif;letter-spacing:2.6px;text-transform:uppercase}
.contact-hero h1{max-width:850px;margin:0 auto;color:#fff;font:900 clamp(42px,6vw,72px)/1 Montserrat,sans-serif;letter-spacing:0}
.contact-gradient{display:block;margin-top:7px;background:linear-gradient(90deg,#ff2e78,#a66bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.contact-lede{max-width:700px;margin:24px auto 0;color:#cfc8d3;font-size:18px;line-height:1.65}
.contact-main{padding:76px 0 96px}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.contact-card{display:flex;min-width:0;flex-direction:column;padding:28px;border:1px solid #ece5ee;border-radius:16px;background:#fff;box-shadow:0 20px 55px -42px rgba(14,11,20,.45)}
.contact-icon{display:grid;width:48px;height:48px;margin-bottom:24px;place-items:center;border-radius:14px;background:#fff0f6;color:#d1145a}
.contact-icon svg{width:23px;height:23px}
.contact-icon-whatsapp{background:#e8f9ef;color:#168e4e}
.contact-icon-phone{background:#f4eefe;color:#702b7a}
.contact-card h2{margin:0;color:#0e0b14;font:800 21px/1.2 Montserrat,sans-serif;letter-spacing:0}
.contact-card p{margin:10px 0 0;color:#4e4753;font-size:15px;line-height:1.6}
.contact-detail{color:#0e0b14!important;font-weight:700;overflow-wrap:anywhere}
.contact-note{margin-top:3px!important;color:#6b6470!important;font-size:13px!important;font-style:italic}
.contact-card .contact-action{align-self:flex-start;margin-top:auto;padding-top:24px}
.contact-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 19px;border-radius:12px;background:#d1145a;color:#fff;font-weight:700;text-decoration:none}
.contact-action:hover{background:#b30f4c;color:#fff}
.contact-action-whatsapp{background:#168e4e}
.contact-action-whatsapp:hover{background:#11743f}
.contact-chat{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px;padding:26px 28px;border:1px solid #ece5ee;border-radius:16px;background:#fff}
.contact-chat-copy{display:flex;align-items:center;gap:18px}
.contact-chat .contact-icon{flex:none;margin:0}
.contact-chat h2{margin:0 0 5px;font:800 20px/1.2 Montserrat,sans-serif}
.contact-chat p{margin:0;color:#4e4753}
.contact-chat button{border:0;cursor:pointer;white-space:nowrap}
.contact-office{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:24px;margin-top:56px;padding:38px;border-radius:18px;background:#17121f;color:#cfc8d3}
.contact-office h2{margin:0 0 16px;color:#fff;font:800 28px/1.15 Montserrat,sans-serif;letter-spacing:0}
.contact-office address{color:#e7e1ea;font-style:normal;font-size:16px;line-height:1.75}
.contact-legal{margin:20px 0 0!important;color:#a39ba9;font-size:13px;line-height:1.6}
.contact-trust{display:flex;align-content:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px}
.contact-trust span{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.06);color:#e7e1ea;font-size:13px;font-weight:700}
.contact-final{margin-top:56px;padding:54px 32px;border-radius:18px;background:linear-gradient(105deg,#d1145a,#702b7a);color:#fff;text-align:center}
.contact-final h2{margin:0;color:#fff;font:900 clamp(30px,4vw,44px)/1.08 Montserrat,sans-serif;letter-spacing:0}
.contact-final p{max-width:650px;margin:16px auto 25px;color:rgba(255,255,255,.86);font-size:17px}
.contact-final .contact-action{background:#fff;color:#0e0b14}
.contact-final .contact-action:hover{background:#f4eff6;color:#0e0b14}
@media (max-width:820px){.contact-grid{grid-template-columns:1fr}.contact-office{grid-template-columns:1fr}.contact-trust{justify-content:flex-start}.contact-card .contact-action{width:100%}}
@media (max-width:640px){.contact-hero{padding:66px 0 60px}.contact-hero h1{font-size:40px}.contact-lede{font-size:16px}.contact-main{padding:48px 0 72px}.contact-card{padding:24px}.contact-chat{align-items:stretch;flex-direction:column;padding:24px}.contact-chat-copy{align-items:flex-start}.contact-chat .contact-action{width:100%}.contact-office{margin-top:40px;padding:26px 22px}.contact-final{margin-top:40px;padding:42px 22px}.contact-final .contact-action{width:100%}}