@media (max-width: 1024px){
.contact-header { position: absolute; inset: 0px 0px auto; height: 18vw; width: 100%; padding: 2vw 6% 4vw 12%; border-radius: 0px; background: radial-gradient(at 30% 40%, rgb(0, 72, 56), rgb(0, 55, 47)); box-shadow: none; clip-path: polygon(0px 0px, 100% 0px, 100% 75%, 92% 90%, 80% 100%, 60% 88%, 35% 91%, 18% 88%, 0px 64%); }
.contact-header:has(.menu:not([hidden])) { clip-path: none; }
.contact-header .brand-name { font-size: 3.8vw; font-weight: 400; }
.contact-header .brand-symbol { width: 12vw; height: 9vw; padding-right: 2vw; }
.contact-header .brand-symbol img { width: 8vw; transform: none; }
.contact-header::after { content: ""; position: absolute; right: 17%; top: 0px; width: 16%; height: 100%; background: url("/assets/folhagem-modelo.png") center center / contain no-repeat; mix-blend-mode: screen; opacity: 0.7; pointer-events: none; }
.contact-intro { position: relative; min-height: 0px; background: var(--cream); }
.contact-page .contact-hero { width: 100%; height: 77vw; object-fit: cover; object-position: center 65%; clip-path: polygon(0px 0px, 100% 0px, 100% 93%, 85% 97%, 70% 100%, 55% 99%, 35% 95%, 20% 93%, 0px 94%); }
.contact-intro .inner { padding: 1.7vw 0px 7vw; position: relative; }
.contact-intro h1 { font-size: 8.5vw; line-height: 1.03; font-weight: 700; letter-spacing: -0.06em; margin: 0px; }
.contact-intro h1::before { content: ""; display: block; width: 8.5vw; height: 0.7vw; background: linear-gradient(90deg, rgb(242, 165, 29), rgb(150, 124, 92)); margin-bottom: 1.8vw; }
.contact-intro p { max-width: 78%; font-size: 3.6vw; line-height: 1.2; margin: 1.6vw 0px 0px; }
.contact-intro .inner::after { content: ""; position: absolute; right: -6%; top: 3vw; width: 26vw; height: 24vw; background: url("/assets/contact-bubble.svg") center center / contain no-repeat; z-index: 0; pointer-events: none; }
.help { min-height: 0px; position: relative; margin-top: -2vw; padding-right: 0px; padding-left: 0px; background: url("/assets/papel-superficie.png") rgb(244, 233, 220); border-radius: 45% 40% 0px 0px / 5% 5% 0px 0px; }
.help h2 { font-size: 6.3vw; line-height: 1.04; font-weight: 700; letter-spacing: -0.065em; }
.help h2::before { content: ""; display: block; width: 8vw; height: 0.65vw; background: linear-gradient(90deg, rgb(242, 165, 29), rgb(150, 124, 92)); margin-bottom: 1.5vw; }
.help p { font-size: 3.3vw; line-height: 1.22; margin: 1.8vw 0px 2.6vw; }
.help .contact-buttons { margin: 0px; gap: 1.3vw; }
.help .contact-button { padding: 2vw 3.5vw; min-height: 12vw; gap: 3.5vw; border-radius: 1.8vw; }
.help .contact-button > .icon { width: 7vw; height: 7vw; }
.help .contact-button strong { font-size: 3.5vw; font-weight: 400; line-height: 1.1; }
.help .contact-button small { font-size: 2.55vw; line-height: 1.1; margin-top: 0.5vw; }
.help > .wave { height: 8vw; stroke: none; }
.help > .wave .wave-fill { d: path("M 0 75 C 400 -54 900 38 1200 50 S 1410 38 1536 24 V 100 H 0 Z"); }

.help > .wave .wave-line { d: path("M 0 75 C 400 -54 900 38 1200 50 S 1410 38 1536 24"); }
.thanks { min-height: 0px; position: relative; padding-right: 0px; padding-bottom: 9vw; padding-left: 0px; }
.thanks .kicker { margin: 0px 0px 2vw; }
.thanks .kicker::after { width: 8.5vw; height: 0.7vw; margin: 0px; }
.thanks h2, .plan-visit h2 { font-size: 6.7vw; line-height: 1.04; font-weight: 700; letter-spacing: -0.06em; margin: 0px; }
.thanks > .inner > p, .plan-visit > .inner > p { font-size: 3.6vw; line-height: 1.2; margin: 2vw 0px 3vw; max-width: 100%; }
.thanks-card { display: grid; grid-template-columns: 53% 47%; height: 36.7vw; min-height: 0px; margin: 0px -2.5%; overflow: hidden; border-radius: 2vw; background: rgb(246, 233, 215); box-shadow: none; }
.thanks-card > div { padding: 3.2vw 0px 3vw 3.4vw; display: flex; flex-direction: column; align-items: flex-start; z-index: 1; }
.thanks-heading { display: flex; align-items: flex-start; gap: 2vw; width: 108%; }
.thanks-heading > .icon { display: block; width: 10.5vw; height: 10.5vw; padding: 1.6vw; border-radius: 50%; color: rgb(255, 248, 238); background: rgb(180, 80, 29); flex-shrink: 0; }
.thanks-heading > div { flex: 1 1 0%; min-width: 0px; }
.thanks-heading h3 { font-size: 3.9vw; font-weight: 700; line-height: 1.1; white-space: nowrap; letter-spacing: -0.055em; margin: 1.1vw 0px 1.4vw; }
.thanks-heading p { font-size: 2.65vw; line-height: 1.23; color: var(--brown); margin: 0px; max-width: 100%; }
.thanks-card a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 10.5vw; margin-top: auto; padding: 1.5vw 2vw; gap: 2vw; background: rgb(180, 80, 29); color: rgb(255, 248, 238); border-radius: 1.8vw; font-size: 3.6vw; line-height: 1; white-space: nowrap; }
.thanks-card a > .icon { width: 6.8vw; height: 6.8vw; }
.thanks-card > img { width: 100%; height: 100%; min-height: 0px; object-fit: cover; object-position: 56% center; clip-path: polygon(20% 0px, 100% 0px, 100% 100%, 0px 100%); }
.thanks::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; background-position: center center; background-size: 100% 100%; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; pointer-events: none; }
.plan-visit { min-height: 0px; position: relative; padding-right: 0px; padding-bottom: 7.5vw; padding-left: 0px; }
.plan-visit h2::before { content: ""; display: block; width: 8vw; height: 0.7vw; background: linear-gradient(90deg, rgb(242, 165, 29), rgb(150, 124, 92)); margin: 0px 0px 2vw; }
.plan-visit > .inner > p { max-width: 87%; }
.location-card { display: grid; grid-template-columns: 43% 57%; height: 41vw; min-height: 0px; margin: 0px -2.5%; position: relative; border: 0px; border-radius: 2vw; overflow: hidden; box-shadow: none; background: var(--deep); }
.location-card > div { position: relative; z-index: 1; isolation: isolate; padding: 4vw 0px 3vw 3.2vw; display: flex; flex-direction: column; align-items: flex-start; background: var(--deep); color: var(--cream); }
.location-card > div::after { content: ""; position: absolute; right: -8vw; top: 0px; width: 9vw; height: 100%; background: url("/assets/mapa-divisao.svg") center center / 100% 100%; z-index: 0; pointer-events: none; }
.location-card > div > * { position: relative; z-index: 2; }
.location-card h3 { display: flex; align-items: center; gap: 1.5vw; font-size: 3.4vw; font-weight: 700; line-height: 1.1; white-space: nowrap; letter-spacing: -0.035em; margin: 0px; }
.location-card h3 > .icon { width: 5.5vw; height: 6vw; fill: var(--cream); stroke: var(--deep); }
.location-card h3 + p { margin: 0px 0px 0px 7vw; font-size: 2.85vw; line-height: 1.2; }
.location-card p { font-size: 2.85vw; line-height: 1.2; margin: 0px; color: var(--cream); }
.location-card .gold-line { height: 0.65vw; width: 10.5vw; flex-shrink: 0; margin: 2.6vw 0px 2vw; }
.location-card .button { width: 100%; min-height: 7.5vw; border: 2px solid var(--cream); border-radius: 2vw; margin-top: auto; padding: 1vw; gap: 1.5vw; font-size: 2.65vw; line-height: 1; white-space: nowrap; }
.location-card .button > .icon { width: 4.5vw; height: 4.5vw; }
.location-card > img { width: 100%; height: 100%; min-height: 0px; margin: 0px; object-fit: cover; clip-path: none; }
.contact-footer { padding: 2vw 10% 3vw; background: radial-gradient(at 40% 40%, rgb(0, 72, 56), rgb(0, 55, 47)); }
.contact-footer::after { display: none; }
.contact-footer .footer-top { justify-content: center; }
.contact-footer .brand { gap: 2vw; }
.contact-footer .brand-symbol { width: 11vw; height: 8vw; }
.contact-footer .brand-name { font-size: 3vw; }
.contact-footer .footer-motto { font: 1.6vw / 1.2 Arial, sans-serif; letter-spacing: 0.3em; margin: 1vw 0px; }
.contact-footer > .wave { top: -6vw; height: 6.1vw; }
.contact-footer > .wave .wave-fill { d: path("M 0 65 C 400 -45 680 50 1090 35 S 1390 -10 1536 25 V 100 H 0 Z"); }

.contact-footer > .wave .wave-line { d: path("M 0 65 C 400 -45 680 50 1090 35 S 1390 -10 1536 25"); }
}
@media (max-width: 1024px){
.contact-footer .social { display: none; }
.contact-footer .footer-top { width: 58%; margin: auto; padding: 1vw 0px 2vw; white-space: nowrap; }
.contact-footer .brand-name { font-weight: 400; }
.contact-footer .footer-motto { white-space: nowrap; }
.thanks { background: var(--cream); }
.plan-visit { background: var(--cream); }
.thanks > .inner > p { max-width: 96%; }
.thanks { padding-top: 7vw; }
.plan-visit { padding-top: 1.5vw; }
.help { padding-top: 4.5vw; padding-bottom: 8vw; }
.help p { max-width: 87%; }
.contact-intro .inner::after { opacity: 0.4; }
.thanks::after { background-image: url("/assets/contato-onda.svg"); height: 6vw; }
}
@media (max-width: 380px){
.contact-header .brand-name { font-size: 15px; }
.thanks-card { height: auto; min-height: 160px; }
.thanks-card > div { gap: 12px; }
.thanks-heading { width: 100%; gap: 6px; }
.thanks-heading h3 { font-size: 14px; white-space: normal; }
.thanks-heading p { font-size: 11px; }
.thanks-card a { font-size: 12px; min-height: 36px; }
.location-card { height: auto; min-height: 175px; }
.location-card h3 { font-size: 12px; }
.location-card p, .location-card h3 + p { font-size: 11px; }
.location-card .button { font-size: 10px; min-height: 32px; }
.contact-footer .footer-motto { font-size: 8px; }
}