.contact-page { padding-bottom: clamp(3rem, 7vw, 5rem); }
.contact-page .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.contact-intro { padding: clamp(3rem, 7vw, 5rem) 1.5rem 3rem; text-align: center; background: radial-gradient(ellipse at 50% 0, #eee6ff, transparent 70%); }
.contact-intro h1 { font-family: 'Lexend Exa', sans-serif; font-size: clamp(1.9rem, 4vw, 3rem); letter-spacing: -.05em; line-height: 1.25; margin: 1.2rem 0; }
.contact-intro h1 span { color: var(--violet); }
.contact-intro p { max-width: 640px; margin: 0 auto 1.5rem; color: var(--muted); line-height: 1.8; }
.contact-location { color: #796b88; font-size: .8rem; }
.contact-page .contact-channels { width: calc(100% - 3rem); max-width: 1000px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 1rem auto 2rem; }
.contact-channel { display: flex; align-items: flex-start; flex-direction: column; padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid #e5ddef; border-radius: 22px; background: #fff; box-shadow: 0 12px 35px #35204406; }
.contact-whatsapp { background: #f7f4fd; }
.contact-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 17px; color: #7246cd; background: #eae0fc; margin-bottom: 1.8rem; }
.contact-email .contact-icon { color: #977034; background: #fbefd8; }
.contact-channel .contact-channel-label { font-size: .65rem; font-weight: 700; letter-spacing: .12em; color: #7f6c96; margin: 0 0 .8rem; }
.contact-channel h2 { font-size: clamp(1.15rem, 2vw, 1.45rem); margin: 0 0 1rem; line-height: 1.4; }
.contact-channel > p { font-size: .95rem; color: var(--muted); line-height: 1.8; margin: 0 0 1.5rem; }
.contact-detail { margin-top: auto; margin-bottom: 1.5rem; font-size: 1rem; font-weight: 600; overflow-wrap: anywhere; }
.contact-channel .btn-primary, .contact-channel .btn-ghost { gap: 1.25rem; min-height: 48px; }
.contact-page .contact-budget { display: flex; align-items: center; justify-content: space-between; gap: 24px; width: calc(100% - 3rem); max-width: 1000px; padding: 1.8rem 2rem; background: #faf7f1; border: 1px solid #eee4d2; border-radius: 16px; }
.contact-budget h2 { font-size: 1rem; line-height: 1.6; margin: 0 0 .5rem; }
.contact-budget p { margin: 0; color: var(--muted); font-size: .85rem; line-height: 1.7; }
.contact-budget a { flex-shrink: 0; }
@media (max-width: 720px) {
    .contact-page .contact-channels { grid-template-columns: 1fr; }
    .contact-page .contact-budget { flex-direction: column; align-items: flex-start; padding: 1.5rem; }
    .contact-intro h1 br { display: none; }
    .contact-channel .btn-primary, .contact-channel .btn-ghost { width: 100%; }
}