/* Mesma linguagem leve da home nas páginas de serviços. */
body { background: #f6f9ff; }
.topbar { display: none; }
.header { width: min(1320px, calc(100% - 32px)); margin: 16px auto 0; top: 12px; border: 1px solid #fff; border-radius: 25px; background: #fffffff5; backdrop-filter: none; -webkit-backdrop-filter: none; box-shadow: 0 4px 25px #12306406; }
.header .container { min-height: 76px; padding-inline: 24px; }
.header .logo__img { height: 54px; }
.btn { border-radius: 999px; }
.page-hero { margin: 24px auto 0; width: min(1320px, calc(100% - 32px)); border-radius: 40px; background: #e7f0ff; color: #405578; }
.page-hero::before { content: ''; position: absolute; top: 0; bottom: 0; right: -5%; width: 55%; border-radius: 60% 0 0 45%; background: url('/assets/img/local/beach-park-foto-real-1600.jpg') center / cover; opacity: .1; transform: rotate(-7deg); }
.page-hero .container { padding-block: clamp(36px, 5vw, 64px); padding-inline: clamp(24px, 4vw, 48px); }
.page-hero h1 { color: #0a2149; letter-spacing: -.045em; }
.page-hero .eyebrow, .page-hero__aside h2 { color: #2568c4; }
.page-hero .eyebrow { text-transform: none; letter-spacing: .01em; }
.page-hero .eyebrow::before { width: 6px; height: 6px; border-radius: 50%; }
.page-hero__aside { background: #fff; border: 0; border-radius: 28px; padding: 26px; }
.page-hero__aside .checklist li { color: #405578; }
.page-hero .btn--ghost-light { --fg: #123064; --bd: #c4d8f5; --bg: #fff; }
.page-hero .btn--ghost-light:hover { --bd: #5a9ee9; --bg: #f6faff; }
.crumbs ol { color: #526c92; }
.crumbs a { color: #23569c; }
.crumbs a:hover { color: #0a2149; }
.card, .aside__card, .callout, .feature { border-radius: 25px; }
.card__icon, .feature .card__icon { border-radius: 50%; }
.steps li { border-radius: 22px; }
.related a { border-radius: 20px; }
.product, .map, .location__card, .media-frame { border-radius: 28px; }
.tourist, .cta-band { border-radius: 36px; }
.faq__item { border-radius: 22px; }
.footer { border-radius: 40px 40px 0 0; }
@media (max-width: 800px) { .page-hero::before { background-image: url('/assets/img/local/beach-park-foto-real-800.jpg'); } }
@media (max-width: 760px) {
 .header { margin-top: 10px; top: 8px; width: calc(100% - 20px); border-radius: 22px; }
 .header .container { min-height: 68px; padding-inline: 14px; }
 .header .logo__img { height: 45px; }
 .menu-btn { border-radius: 50%; }
 .page-hero { width: calc(100% - 20px); margin-top: 18px; border-radius: 30px; }
 .page-hero .container { padding-inline: 22px; }
 .page-hero__aside { padding: 22px; border-radius: 24px; }
}