.contact-page{--contact-accent: #2266cc;--contact-accent-soft: rgba(34, 102, 204, 0.08);--contact-surface: #fff;padding-top:20px}.contact-hero{position:relative;overflow:hidden;border-radius:24px;padding:44px 36px;margin-bottom:28px;color:#fff;background:radial-gradient(120% 140% at 100% 0%, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 55%),linear-gradient(135deg, var(--contact-accent) 0%, #12203a 100%)}.contact-hero::after{content:"";position:absolute;right:-60px;bottom:-90px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.contact-hero-body{position:relative;z-index:1;max-width:720px}.contact-hero-eyebrow{display:inline-block;padding:5px 14px;margin-bottom:14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.contact-hero-title{font-size:clamp(1.9rem,4vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:12px;color:#fff}.contact-hero-subtitle{font-size:1rem;line-height:1.65;margin-bottom:22px;color:rgba(255,255,255,.85)}.contact-hero-cta{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:#fff;color:var(--contact-accent);font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.contact-hero-cta .bi{font-size:1rem;margin-right:0;min-width:auto}.contact-hero-cta:hover{color:var(--contact-accent);transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.22)}.contact-card{background:var(--contact-surface);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 10px 30px rgba(16,24,40,.06);padding:26px;height:100%}.contact-card-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;margin-bottom:4px}.contact-card-title .bi{font-size:1.1rem;margin-right:0;min-width:auto;color:var(--contact-accent)}.contact-card-subtitle{color:#6b7280;font-size:.875rem;margin-bottom:20px}.contact-address{padding:18px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fcfcfd}.contact-address+.contact-address{margin-top:16px}.contact-address-name{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:6px}.contact-address-name .bi{font-size:.95rem;margin-right:0;min-width:auto;color:var(--contact-accent)}.contact-address-text{color:#374151;line-height:1.7;margin-bottom:0}.contact-map{margin-top:14px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.08);line-height:0}.contact-map iframe{display:block;width:100%;height:240px;border:0;filter:saturate(0.9);transition:filter .3s ease}.contact-map:hover iframe{filter:saturate(1)}.contact-channel-list{display:grid;gap:12px}.contact-channel{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;color:#111827;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.contact-channel:hover{color:#111827;transform:translateY(-2px);border-color:var(--contact-accent);box-shadow:0 12px 24px rgba(16,24,40,.1)}.contact-channel.loading{pointer-events:none;opacity:.85}.contact-channel-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border-radius:13px;color:#fff;background:var(--contact-accent)}.contact-channel-icon .bi{font-size:1.15rem;margin-right:0;min-width:auto}.contact-channel-icon.icon-whatsapp{background:#25d366}.contact-channel-icon.icon-email{background:#ea4335}.contact-channel-body{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.contact-channel-label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280}.contact-channel .contact-text{font-weight:700;font-size:.95rem;word-break:break-word}.contact-channel-arrow{font-size:1.4rem;margin-right:0;min-width:auto;color:#6b7280;transition:transform .2s ease,color .2s ease}.contact-channel:hover .contact-channel-arrow{color:var(--contact-accent);transform:translateX(3px)}@media(min-width: 992px){.contact-side-sticky{position:sticky;top:20px;height:auto}}.contact-us-section{margin-top:28px}.contact-form-card{position:relative;overflow:hidden;background:var(--contact-surface);border:1px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:0 18px 44px rgba(16,24,40,.08);padding:32px}.contact-form-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(to right, var(--contact-accent) 0 45%, rgba(0, 0, 0, 0.1) 45% 100%)}.contact-form-title{font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:800;margin-bottom:6px}.contact-form-subtitle{color:#6b7280;margin-bottom:26px}.contact-form .form-floating>label{color:#6b7280;padding-left:16px}.contact-form .form-control,.contact-form .form-select{border-radius:12px;border-color:rgba(0,0,0,.14);padding-left:16px;background-color:#fcfcfd;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.contact-form .form-control:hover,.contact-form .form-select:hover{background-color:#fff}.contact-form .form-control:focus,.contact-form .form-select:focus{background-color:#fff;border-color:var(--contact-accent);box-shadow:0 0 0 4px var(--contact-accent-soft)}.contact-form textarea.form-control{min-height:150px}.contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:200px;padding:12px 26px;border:0;border-radius:999px;font-weight:700;color:#fff;background:linear-gradient(135deg, var(--contact-accent) 0%, #12203a 100%);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.contact-submit .bi{font-size:1rem;margin-right:0;min-width:auto}.contact-submit:hover:not(:disabled){color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(16,24,40,.24)}.contact-submit:disabled{opacity:.65;transform:none}.contact-form-note{color:#6b7280;font-size:.8rem;margin-bottom:0}#contact-us-alert{border-radius:12px;border:0;font-weight:600}@media(max-width: 575.98px){.contact-hero{padding:32px 22px;border-radius:18px}.contact-card,.contact-form-card{padding:20px;border-radius:16px}.contact-submit{width:100%}}
