:root { --contact-green:#164e3f; --contact-pink:#9b0b62; --contact-gold:#d2a94f; --contact-ink:#1e293b; --contact-muted:#64748b; --contact-line:#e2e8f0; }
.contact-page { padding:.25rem 0 1rem; }.contact-breadcrumb { display:flex; margin:1rem 0 1.5rem; align-items:center; gap:.6rem; color:var(--contact-muted); font-size:.82rem; }.contact-breadcrumb a { color:var(--contact-green); text-decoration:none; }.contact-breadcrumb > i { color:#a8b2bf; font-size:.65rem; }
.contact-hero { display:flex; min-height:285px; padding:clamp(2rem,5vw,4rem); align-items:center; justify-content:space-between; gap:2rem; overflow:hidden; color:#fff; background:var(--contact-green); }.contact-hero > div { max-width:780px; }.contact-hero span,.contact-heading > span,.contact-map-heading span { color:var(--contact-gold); font-size:.7rem; font-weight:700; letter-spacing:.16em; }.contact-hero h1 { margin:.75rem 0; color:#fff; font-size:clamp(2rem,4vw,3.4rem); }.contact-hero p { margin:0; color:rgba(255,255,255,.76); font-size:1rem; }.contact-hero > i { color:rgba(255,255,255,.12); font-size:clamp(7rem,15vw,11rem); }
.contact-quick-grid { display:grid; margin:1.25rem 0 5rem; grid-template-columns:repeat(3,1fr); gap:1rem; }.contact-quick-card { display:grid; min-height:105px; padding:1.2rem; grid-template-columns:46px 1fr; align-items:center; gap:1rem; color:var(--contact-ink); background:#fff; border:1px solid var(--contact-line); text-decoration:none; }.contact-quick-card > i { display:grid; width:46px; height:46px; color:#fff; background:var(--contact-pink); border-radius:.75rem; place-items:center; }.contact-quick-card small,.contact-quick-card strong,.contact-quick-card em { display:block; }.contact-quick-card small { color:var(--contact-muted); font-size:.7rem; }.contact-quick-card strong { margin:.15rem 0; font-size:.9rem; }.contact-quick-card em { color:var(--contact-muted); font-size:.72rem; font-style:normal; }
.contact-main-grid { display:grid; margin-bottom:5rem; grid-template-columns:1fr; align-items:start; gap:1.25rem; }.contact-form-panel,.contact-information { padding:clamp(1.5rem,4vw,3rem); background:#fff; border:1px solid var(--contact-line); }.contact-heading { margin-bottom:1.5rem; }.contact-heading > span { color:var(--contact-pink); }.contact-heading h2 { margin:.4rem 0; color:var(--contact-green); font-size:clamp(1.55rem,3vw,2.15rem); }.contact-heading p { margin:0; color:var(--contact-muted); }.contact-information { background:#f2f7f5; }.contact-info-list { display:grid; gap:1.2rem; }.contact-info-list > div { display:grid; grid-template-columns:42px 1fr; gap:.8rem; color:var(--contact-muted); font-size:.8rem; line-height:1.65; }.contact-info-list > div > i { display:grid; width:42px; height:42px; color:#fff; background:var(--contact-green); border-radius:.75rem; place-items:center; }.contact-info-list strong { display:block; margin-bottom:.2rem; color:var(--contact-ink); font-size:.86rem; }.contact-info-list a { color:var(--contact-muted); text-decoration:none; }.contact-socials { margin-top:2rem; padding-top:1.25rem; border-top:1px solid #d4e1dc; }.contact-socials > span { color:var(--contact-ink); font-size:.8rem; font-weight:700; }.contact-socials > div { display:flex; margin-top:.65rem; gap:.5rem; }.contact-socials a { display:grid; width:38px; height:38px; color:#fff; text-decoration:none; place-items:center; }.contact-facebook { background:#1877f2; }.contact-line { background:#06c755; }.contact-youtube { background:#f00000; }
.contact-map { margin-bottom:5rem; overflow:hidden; background:#fff; border:1px solid var(--contact-line); }.contact-map-heading { display:flex; padding:1.4rem 1.6rem; align-items:end; justify-content:space-between; gap:1rem; }.contact-map-heading span { color:var(--contact-pink); }.contact-map-heading h2 { margin:.3rem 0 0; color:var(--contact-green); font-size:1.45rem; }.contact-map-heading > a { color:var(--contact-green); font-size:.8rem; font-weight:700; text-decoration:none; }.contact-map-frame { aspect-ratio:16/6; border-top:1px solid var(--contact-line); }.contact-map-frame iframe { width:100%; height:100%; border:0; }
.contact-faq { margin-bottom:5rem; }.contact-accordion { display:grid; gap:.8rem; }.contact-accordion .accordion-item { overflow:hidden; background:#fff; border:1px solid var(--contact-line); }.contact-accordion .accordion-button { padding:1.1rem 1.25rem; color:var(--contact-ink); background:#fff; box-shadow:none; font-size:.88rem; font-weight:700; }.contact-accordion .accordion-button:not(.collapsed) { color:var(--contact-green); background:#f2f7f5; }.contact-accordion .accordion-button > i { margin-right:.7rem; color:var(--contact-pink); }.contact-accordion .accordion-button:focus { box-shadow:inset 0 0 0 2px rgba(22,78,63,.14); }.contact-accordion .accordion-body { padding:1rem 1.25rem 1.25rem; color:var(--contact-muted); font-size:.84rem; line-height:1.75; border-top:1px solid var(--contact-line); }
@media(max-width:991.98px){.contact-hero>i{display:none}.contact-map-frame{aspect-ratio:16/8}}
@media(max-width:767.98px){.contact-quick-grid{grid-template-columns:1fr}.contact-map-heading{align-items:flex-start;flex-direction:column}.contact-map-frame{aspect-ratio:4/3}}
@media(max-width:575.98px){.contact-hero{min-height:260px;padding:2rem}.contact-information{padding:1.5rem}}