:root {
  --blue: #1c8ce9;
  --blue-active: #3297ea;
  --blue-deep: #073b70;
  --blue-soft: #eef6ff;
  --ink: #102a43;
  --muted: #486581;
  --line: #d8e5f0;
  --white: #fff;
  --whatsapp: #25d366;
  --whatsapp-ink: #073b2c;
  --badge: #d92d20;
  --shadow: 0 20px 55px rgba(7, 59, 112, .14);
  --container: 70rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 1rem; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; line-height: 1.62; text-rendering: optimizeLegibility; }
a { color: inherit; }
button, input, textarea { font: inherit; }
img, svg { display: block; max-width: 100%; }
.button svg, .floating-whatsapp svg, .contact-icon svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.sr-feedback { min-height: 1.5rem; margin: .5rem 0 0; color: var(--blue-deep); font-size: .9rem; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 100; padding: .75rem 1rem; border-radius: .75rem; background: var(--ink); color: #fff; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.container { width: min(calc(100% - 2.5rem), var(--container)); margin-inline: auto; }
.narrow { max-width: 48rem; }

.site-header { position: relative; z-index: 50; min-height: 4.5rem; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid var(--line); background: #fff; }
.header-row { min-height: 4.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.brand { display: inline-flex; align-items: center; gap: .72rem; text-decoration: none; font-weight: 800; line-height: 1.02; color: var(--blue-deep); letter-spacing: -.02em; }
.brand-text, .footer-brand { max-width: 12rem; font-size: 1.04rem; }
.brand small { display: block; color: var(--blue); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.desktop-nav { display: none; align-items: center; gap: .3rem; }
.desktop-nav a { padding: .65rem .85rem; border-radius: .72rem; text-decoration: none; font-size: .94rem; font-weight: 700; }
.desktop-nav a:hover, .desktop-nav a:focus-visible { background: var(--blue-soft); }
.desktop-nav .is-active { color: #fff; background: var(--blue-active); }
.desktop-nav .is-active:hover { background: var(--blue); }
.desktop-nav .nav-cta { margin-left: .35rem; padding-inline: 1.15rem; color: #fff; background: var(--blue); }
.desktop-nav .nav-cta:hover { background: var(--blue-deep); }
.menu-button { width: 2.75rem; height: 2.75rem; padding: .7rem; border: 1px solid var(--line); border-radius: .8rem; background: #fff; color: var(--ink); display: grid; align-content: center; gap: .28rem; cursor: pointer; }
.menu-button span { width: 100%; height: 2px; border-radius: 3px; background: currentColor; transition: transform .18s ease, opacity .18s ease; }
.menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(.38rem) rotate(45deg); }
.menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-.38rem) rotate(-45deg); }
.mobile-nav { width: 100%; border-top: 1px solid var(--line); background: #fff; }
.mobile-nav[hidden] { display: none; }
.mobile-nav-inner { padding-block: .65rem 1rem; display: grid; }
.mobile-nav a { min-height: 3rem; display: flex; align-items: center; border-bottom: 1px solid #eaf1f7; text-decoration: none; font-weight: 700; }
.mobile-nav a.is-active { color: var(--blue); }
.mobile-nav a.is-active::after { content: "Página atual"; margin-left: auto; color: var(--muted); font-size: .72rem; font-weight: 650; }
.mobile-nav a:last-child { margin-top: .5rem; padding-inline: 1rem; justify-content: center; border: 0; border-radius: .75rem; color: #fff; background: var(--blue); }
.mobile-nav a:last-child svg { width: 1rem; height: 1rem; margin-right: .5rem; fill: none; stroke: currentColor; stroke-width: 1.9; }

.eyebrow { margin: 0 0 .75rem; color: var(--blue); font-size: .78rem; font-weight: 800; letter-spacing: .145em; text-transform: uppercase; }
h1, h2, h3 { margin-top: 0; line-height: 1.1; letter-spacing: -.038em; text-wrap: balance; }
h1 { max-width: 17ch; margin-bottom: 1.1rem; font-size: clamp(2.25rem, 9vw, 4rem); }
h2 { margin-bottom: 1rem; font-size: clamp(1.75rem, 6vw, 2.55rem); }
h3 { font-size: 1.25rem; }
p { text-wrap: pretty; }
.lead { max-width: 42ch; margin: 0 0 1.5rem; color: var(--muted); font-size: 1.075rem; }
.section-intro { max-width: 42rem; margin: 0 0 1.75rem; color: var(--muted); }
.section { padding: 3.4rem 0; }
.button-row { display: grid; gap: .75rem; }
.button-stack { display: grid; gap: .75rem; }
.button { min-height: 3.25rem; padding: .8rem 1.25rem; border: 2px solid transparent; border-radius: .82rem; display: inline-flex; align-items: center; justify-content: center; gap: .6rem; text-align: center; text-decoration: none; font-weight: 800; transition: background .18s ease, color .18s ease, border-color .18s ease, transform .18s ease; }
.button:active { transform: translateY(1px); }
.button-whatsapp { color: var(--whatsapp-ink); background: var(--whatsapp); }
.button-whatsapp:hover { background: #1fc55d; }
.button-phone { color: var(--blue-deep); border-color: var(--blue); background: #fff; }
.button-phone:hover { color: #fff; background: var(--blue-deep); border-color: var(--blue-deep); }
.button-primary { color: #fff; background: var(--blue); }
.button-light { color: var(--blue-deep); background: #fff; }
.button-light:hover { background: var(--blue-soft); }
.button:focus-visible, a:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid var(--blue-deep); outline-offset: 3px; }
.button svg { flex: 0 0 auto; }

.hero { position: relative; overflow: hidden; padding: 2.2rem 0 3.6rem; }
.hero::before { content: ""; position: absolute; width: 17rem; height: 17rem; top: -10rem; right: -7rem; border-radius: 50%; background: rgba(50,151,234,.08); }
.hero-grid { position: relative; display: grid; gap: 2.25rem; align-items: center; }
.microcopy { margin: 1rem 0 0; color: var(--muted); font-size: .9rem; }
.trust-line { display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; color: var(--blue-deep); font-size: .9rem; font-weight: 700; }
.trust-line::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; background: var(--blue-active); }
.local-panel { min-height: 19rem; position: relative; isolation: isolate; overflow: hidden; padding: 1.45rem; border-radius: 1.6rem; color: #fff; background: var(--blue); box-shadow: var(--shadow); }
.local-panel::before { content: ""; position: absolute; inset: 1rem; z-index: -1; border: 1px solid rgba(255,255,255,.2); border-radius: 1rem; }
.local-label { display: inline-flex; padding: .4rem .7rem; border: 1px solid rgba(255,255,255,.45); border-radius: 999px; font-size: .78rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.local-panel strong { display: block; margin: 1.2rem 0 .25rem; font-size: clamp(5.5rem, 29vw, 9rem); line-height: .85; letter-spacing: -.09em; }
.local-panel p { max-width: 22ch; margin: 1.2rem 0 0; font-weight: 700; line-height: 1.45; }
.flow { position: absolute; z-index: -2; display: block; border: 3rem solid rgba(255,255,255,.13); border-radius: 50%; }
.flow-one { width: 19rem; height: 19rem; right: -8rem; bottom: -10rem; }
.flow-two { width: 12rem; height: 12rem; right: -5rem; top: -6rem; border-width: 2rem; }

.needs-list { display: grid; gap: .8rem; }
.need { position: relative; padding: 1.35rem; border: 1px solid var(--line); border-radius: 1rem; background: #fff; transition: border-color .18s ease, transform .18s ease; }
.need:hover { border-color: rgba(28,140,233,.55); transform: translateY(-2px); }
.need-number { display: inline-block; margin-bottom: 1.3rem; color: var(--blue); font-size: .8rem; font-weight: 800; letter-spacing: .1em; }
.need h3 { margin-bottom: .45rem; }
.need p { margin: 0; color: var(--muted); }
.need a, .text-link { display: inline-flex; gap: .4rem; margin-top: .95rem; color: var(--blue-deep); font-weight: 800; text-underline-offset: .25rem; }
.availability-note { margin: 1rem 0 0; color: var(--muted); font-size: .9rem; }
.section-button { width: 100%; margin-top: 1.5rem; }
.draft-services { margin-top: 2.75rem; padding: 1.25rem; border: 1px dashed var(--blue); border-radius: 1.1rem; background: var(--blue-soft); }
.draft-heading { display: flex; align-items: start; justify-content: space-between; gap: 1rem; }
.draft-heading h3 { margin-bottom: .4rem; font-size: 1.35rem; }
.draft-heading > span { flex: 0 0 auto; padding: .3rem .65rem; border-radius: 999px; color: var(--blue-deep); background: #fff; font-size: .75rem; font-weight: 800; }
.draft-services > p { margin-top: 0; color: var(--muted); }
.draft-links { display: grid; gap: .45rem; }
.draft-links a { min-height: 3rem; padding: .6rem .75rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; border-radius: .7rem; text-decoration: none; background: #fff; }
.draft-links a:hover { box-shadow: 0 7px 18px rgba(7,59,112,.08); }
.draft-links span { font-weight: 750; }
.draft-links small { color: var(--muted); }

.process-section { background: var(--blue-soft); }
.process-grid { display: grid; gap: 2.3rem; }
.steps { margin: 0; padding: 0; display: grid; gap: .8rem; list-style: none; counter-reset: none; }
.steps li { padding: 1.15rem; display: grid; grid-template-columns: 2.6rem 1fr; gap: .8rem; border-radius: .9rem; background: #fff; }
.steps > li > span { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border-radius: .7rem; color: #fff; background: var(--blue); font-weight: 800; }
.steps h3 { margin: .15rem 0 .25rem; }
.steps p { margin: 0; color: var(--muted); }

.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { min-height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; font-weight: 800; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { width: 1.8rem; height: 1.8rem; display: grid; place-items: center; border-radius: .5rem; color: var(--blue-deep); background: var(--blue-soft); font-size: 1.3rem; transition: transform .18s ease; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details > div { padding: 0 2.5rem 1.1rem 0; }
.faq-list p { margin: 0; color: var(--muted); }

.final-cta { color: #fff; background: var(--blue-deep); }
.final-grid { display: grid; gap: 2rem; align-items: center; }
.final-cta .eyebrow { color: #8ecbff; }
.final-cta h2 { max-width: 15ch; margin-bottom: .75rem; }
.final-cta p { max-width: 42ch; margin: 0 0 .5rem; color: #d9edff; }
.final-cta small { color: #afd4f2; }
.secondary-link { justify-self: center; color: #fff; text-underline-offset: .25rem; }

.draft-banner { padding: .65rem 1.25rem; color: #5a3e00; background: #fff5d6; border-bottom: 1px solid #f1d27c; text-align: center; font-size: .84rem; font-weight: 750; }
.internal-hero { position: relative; overflow: hidden; padding: 2.25rem 0 3.25rem; background: linear-gradient(180deg, var(--blue-soft), #fff); }
.internal-hero::after { content: ""; position: absolute; width: 15rem; height: 15rem; right: -8rem; bottom: -9rem; border: 2.6rem solid rgba(28,140,233,.1); border-radius: 50%; }
.internal-hero .container { position: relative; z-index: 1; }
.breadcrumb { margin-bottom: 2.2rem; display: flex; flex-wrap: wrap; gap: .5rem; color: var(--muted); font-size: .86rem; }
.breadcrumb a { color: var(--blue-deep); text-underline-offset: .2rem; }
.page-hero { position: relative; overflow: hidden; padding: 1.5rem 0 3.2rem; background: linear-gradient(145deg, var(--blue-soft), #fff 72%); }
.page-hero::after { content: ""; position: absolute; width: 13rem; height: 13rem; right: -8rem; top: 3.5rem; border: 2.2rem solid rgba(28,140,233,.08); border-radius: 50%; }
.page-hero .container { position: relative; z-index: 1; }
.page-hero .breadcrumb { margin-bottom: 2.4rem; }
.page-hero-grid { display: grid; gap: 1.5rem; align-items: end; }
.hero-note { padding: 1.25rem; border: 1px solid rgba(28,140,233,.23); border-radius: 1.15rem; background: rgba(255,255,255,.86); box-shadow: 0 14px 38px rgba(7,59,112,.09); }
.hero-note span { display: block; margin-bottom: .45rem; color: var(--blue); font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-note strong { display: block; color: var(--blue-deep); font-size: 1.35rem; line-height: 1.2; }
.hero-note p { margin: .55rem 0 0; color: var(--muted); }
.section-heading-row { display: grid; gap: .25rem; margin-bottom: 1.5rem; }
.section-heading-row h2 { margin-bottom: .25rem; }
.section-heading-row > p { max-width: 35rem; margin: 0; color: var(--muted); }
.service-cards { display: grid; gap: .8rem; }
.service-card { min-height: 15rem; padding: 1.35rem; display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 1.15rem; background: #fff; box-shadow: 0 10px 30px rgba(7,59,112,.06); }
.service-index { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; margin-bottom: 1.35rem; border-radius: .7rem; color: #fff; background: var(--blue); font-size: .78rem; font-weight: 800; }
.service-card h3 { margin-bottom: .45rem; }
.service-card p { margin: 0; color: var(--muted); }
.service-card a { margin-top: auto; padding-top: 1rem; display: flex; justify-content: space-between; gap: .75rem; color: var(--blue-deep); font-weight: 800; text-underline-offset: .22rem; }
.availability-card { margin: 1rem 0 0; padding: 1rem; border-left: 4px solid var(--blue); border-radius: .35rem .8rem .8rem .35rem; color: var(--muted); background: var(--blue-soft); font-size: .9rem; }
.split-cta { color: #fff; background: var(--blue-deep); }
.split-cta-grid { display: grid; gap: 1.5rem; align-items: center; }
.split-cta .eyebrow { color: #8ecbff; }
.split-cta h2 { max-width: 18ch; margin-bottom: .65rem; }
.split-cta p { max-width: 40rem; margin: 0; color: #d9edff; }
.split-cta .button { width: 100%; }
.request-steps h2 { max-width: 18ch; }
.big-steps { margin: 2rem 0 0; padding: 0; display: grid; gap: .8rem; list-style: none; }
.big-steps li { padding: 1.2rem; display: grid; grid-template-columns: 2.8rem 1fr; gap: .8rem; border: 1px solid var(--line); border-radius: 1rem; background: #fff; }
.big-steps > li > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border-radius: .8rem; color: #fff; background: var(--blue); font-size: 1.1rem; font-weight: 850; }
.big-steps small { color: var(--blue); font-size: .72rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.big-steps h3 { margin: .15rem 0 .35rem; }
.big-steps p { margin: 0; color: var(--muted); }
.checklist-section { background: var(--blue-soft); }
.checklist-grid { display: grid; gap: 1rem; }
.checklist { display: grid; gap: .65rem; }
.checklist article { padding: 1rem; display: grid; grid-template-columns: 2.25rem 1fr; gap: .75rem; border-radius: .9rem; background: #fff; }
.checklist article > span { width: 2rem; height: 2rem; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--blue); font-weight: 900; }
.checklist h3 { margin: .1rem 0 .25rem; font-size: 1.05rem; }
.checklist p { margin: 0; color: var(--muted); }
.faq-groups { display: grid; gap: 3rem; }
.faq-groups > section > h2 { font-size: clamp(1.5rem, 6vw, 2rem); }
.service-content { padding: 3.25rem 0; }
.service-content article { padding: 0 0 2.3rem; margin: 0 0 2.3rem; border-bottom: 1px solid var(--line); }
.service-content article:last-child { border-bottom: 0; }
.service-content article h2 { font-size: clamp(1.5rem, 5vw, 2rem); }
.service-content article p, .service-content li { color: var(--muted); }
.service-content ul { padding-left: 1.2rem; }
.service-content li + li { margin-top: .45rem; }
.service-cta { color: #fff; background: var(--blue-deep); }
.service-cta p { color: #d9edff; }
.service-cta .button { width: 100%; margin-top: .5rem; }

.contact-hero { padding-bottom: 4rem; }
.internal-grid { display: grid; gap: 2.4rem; align-items: start; }
.contact-options { display: grid; gap: .7rem; }
.contact-options > a { min-height: 4.6rem; padding: .8rem; display: flex; align-items: center; gap: .85rem; border: 1px solid var(--line); border-radius: .9rem; background: #fff; text-decoration: none; }
.contact-options > a:hover { border-color: var(--blue); }
.contact-icon { width: 2.7rem; height: 2.7rem; display: grid; place-items: center; border-radius: .72rem; color: var(--whatsapp-ink); background: var(--whatsapp); }
.contact-icon.phone { color: #fff; background: var(--blue); }
.contact-options small, .contact-options strong { display: block; }
.contact-options small { color: var(--muted); }
.contact-note { color: var(--muted); font-size: .9rem; }
.composer { padding: 1.3rem; border: 1px solid rgba(28,140,233,.25); border-radius: 1.2rem; background: #fff; box-shadow: var(--shadow); }
.composer h2 { margin-bottom: .5rem; font-size: 1.75rem; }
.composer > p:not(.eyebrow):not(.sr-feedback) { margin-top: 0; color: var(--muted); }
.composer label { margin-top: 1rem; display: block; color: var(--ink); font-weight: 750; }
.composer label small { color: var(--muted); font-weight: 500; }
.composer input, .composer textarea { width: 100%; margin-top: .35rem; padding: .8rem .9rem; border: 1px solid #afc5d8; border-radius: .72rem; color: var(--ink); background: #fff; font-size: 1rem; }
.composer textarea { resize: vertical; min-height: 7rem; }
.char-count { display: block; color: var(--muted); font-size: .78rem; text-align: right; }
.composer .button { width: 100%; margin-top: 1.15rem; }
.form-note { display: block; margin-top: .85rem; color: var(--muted); line-height: 1.5; }
.form-note a { color: var(--blue-deep); }

.privacy-content .review-note { padding: 1.15rem; border-left: 4px solid var(--blue); border-radius: .4rem .9rem .9rem .4rem; background: var(--blue-soft); }
.review-note p { margin-bottom: 0; color: var(--muted); }
.not-found { min-height: calc(100vh - 4.5rem); padding: 5rem 0; display: grid; align-items: center; background: var(--blue-soft); }

.site-footer { padding: 3rem 0 6.5rem; border-top: 1px solid var(--line); background: #fff; }
.footer-grid { display: grid; gap: 2rem; }
.footer-grid p { max-width: 28rem; color: var(--muted); }
.footer-grid h2 { margin-bottom: .65rem; font-size: .82rem; letter-spacing: .1em; text-transform: uppercase; }
.footer-grid > div:not(:first-child) { display: grid; align-content: start; gap: .45rem; }
.footer-grid a:not(.brand) { width: fit-content; color: var(--muted); text-underline-offset: .2rem; }
.copyright { margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line); color: var(--muted); font-size: .84rem; }
.floating-whatsapp { position: fixed; z-index: 60; right: max(1rem, env(safe-area-inset-right)); bottom: calc(1rem + env(safe-area-inset-bottom)); width: 3.5rem; height: 3.5rem; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; color: var(--whatsapp-ink); background: var(--whatsapp); box-shadow: 0 8px 24px rgba(16,42,67,.23); text-decoration: none; }
.floating-whatsapp:hover { transform: translateY(-2px); }
.floating-whatsapp svg { width: 1.75rem; height: 1.75rem; }
.notification-badge { position: absolute; top: -.28rem; right: -.15rem; min-width: 1.2rem; height: 1.2rem; padding: 0 .22rem; display: grid; place-items: center; border: 2px solid #fff; border-radius: 999px; color: #fff; background: var(--badge); font-size: .66rem; font-weight: 800; line-height: 1; }

@media (min-width: 40rem) {
  .button-row { display: flex; flex-wrap: wrap; }
  .button-stack { width: fit-content; min-width: 20rem; }
  .service-cta .button { width: auto; }
  .section-button { width: auto; }
  .split-cta .button { width: auto; }
}

@media (min-width: 48rem) {
  .container { width: min(calc(100% - 4rem), var(--container)); }
  .needs-list { grid-template-columns: repeat(3, 1fr); }
  .draft-links { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: .9fr 1.1fr; gap: 4rem; }
  .final-grid { grid-template-columns: 1fr auto; }
  .footer-grid { grid-template-columns: 1.5fr .8fr .7fr; }
  .internal-grid { grid-template-columns: .9fr 1.1fr; gap: 3rem; }
  .contact-options { grid-template-columns: repeat(2, 1fr); }
  .page-hero-grid { grid-template-columns: 1.35fr .65fr; gap: 3rem; }
  .service-cards { grid-template-columns: repeat(2, 1fr); }
  .section-heading-row { grid-template-columns: 1.2fr .8fr; align-items: end; }
  .split-cta-grid { grid-template-columns: 1fr auto; }
  .checklist-grid { grid-template-columns: .8fr 1.2fr; gap: 3rem; }
}

@media (min-width: 64rem) {
  .site-header, .header-row { min-height: 5rem; }
  .desktop-nav { display: flex; }
  .menu-button { display: none; }
  .mobile-nav { display: none !important; }
  .hero { padding: 4.75rem 0 5.5rem; }
  .hero-grid { grid-template-columns: 1.08fr .92fr; gap: 3rem; }
  .local-panel { min-height: 27rem; padding: 2rem; }
  .local-panel strong { margin-top: 2rem; }
  .section { padding: 5rem 0; }
  .draft-services { padding: 1.7rem; }
  .draft-links { grid-template-columns: repeat(3, 1fr); }
  .internal-hero { padding: 3.25rem 0 4.4rem; }
  .service-content { padding: 4.5rem 0; }
  .service-content article { padding-bottom: 3rem; margin-bottom: 3rem; }
  .contact-hero { padding-block: 4rem 5rem; }
  .page-hero { padding-block: 2rem 5rem; }
  .page-hero .breadcrumb { margin-bottom: 3.5rem; }
  .service-cards { grid-template-columns: repeat(3, 1fr); }
  .service-card { min-height: 17rem; padding: 1.6rem; }
  .big-steps { grid-template-columns: repeat(3, 1fr); }
  .big-steps li { min-height: 15rem; grid-template-columns: 1fr; }
  .composer { padding: 2rem; }
  .site-footer { padding-top: 4rem; }
}

@media (max-width: 22.5rem) {
  .container { width: min(calc(100% - 2rem), var(--container)); }
  .brand-text { max-width: 9.5rem; font-size: .95rem; }
  h1 { font-size: 2.15rem; }
  .local-panel { min-height: 17rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}

/* Visual direction verified against Aquaforte on 2026-09-10. */
:root{--ink:#212121;--muted:#64748b;--blue-soft:#f3f8fc;--blue-deep:#176baa;--line:#e4eaf0;--container:76rem;--shadow:0 12px 32px #172d4310}
h1,h2,h3{letter-spacing:-.025em;line-height:1.16}
h1{font-size:clamp(2.15rem,8.8vw,3.65rem);max-width:20ch;font-weight:750}
h2{font-size:clamp(1.8rem,6.8vw,2.55rem);font-weight:730}
h3{line-height:1.3;letter-spacing:-.015em}
.container{width:min(calc(100% - 2.25rem),var(--container))}
.site-header{border-bottom:1px solid #edf1f5}
.brand{color:#212121}.brand-text{font-size:1rem;line-height:1.16}.brand small{font-size:.78rem;letter-spacing:.13em;margin-top:3px}
.menu-button{border:0;border-radius:8px;background:#f2f7fb;color:var(--blue)}
.eyebrow{font-size:.78rem;letter-spacing:.12em;color:var(--blue-deep);font-weight:750}
.button{border-radius:12px;font-weight:650;font-size:.96rem;min-height:52px;line-height:1.35;padding:13px 17px}
.button-primary,.nav-cta{background:linear-gradient(135deg,#1c8ce9,#50a9ef)}
.button-whatsapp{background:var(--blue);color:#fff;box-shadow:0 5px 14px #1c8ce920}
.button-whatsapp:hover{background:#1475c4}
.button-phone{border:1px solid #c8dbe9;color:#176baa}
.button svg{width:21px;height:21px}
.hero{padding:38px 0 44px;background:#fff}
.hero::before,.page-hero::after,.internal-hero::after{display:none}
.hero-grid{gap:30px}.hero h1{margin-bottom:17px}.headline-blue{color:var(--blue)}
.hero .lead{font-size:1.05rem;line-height:1.65;margin-bottom:23px;max-width:42ch}
.hero .button-row{grid-template-columns:1.2fr 1fr;gap:9px}
.hero .button{font-size:.88rem;padding-inline:9px}
.microcopy{font-size:.85rem;margin-top:15px}
.hero-benefits{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;color:#566679;font-size:.83rem}
.hero-benefits span{display:flex;align-items:center;gap:7px}
.hero-benefits span::before{content:'✓';color:var(--blue);font-size:1rem;font-weight:700}
.photo-pair{margin:0;min-width:0}
.photo-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-bottom:32px}
.photo-pair img{width:100%;height:256px;object-fit:cover;border-radius:12px;box-shadow:0 9px 15px #00000012}
.photo-pair .portrait{object-position:center}.photo-pair .bathroom{margin-top:32px;object-position:center}
.photo-pair figcaption{color:#738194;font-size:.75rem;text-align:right;margin-top:11px}
.section{padding:54px 0}.needs-section{background:#f8fafc}
.section-intro{line-height:1.7;max-width:43rem}.needs-list{gap:16px;margin-top:26px}
.need{border:1px solid #e8edf3;box-shadow:0 5px 16px #16365104;padding:25px;border-radius:14px}
.need-number{width:52px;height:52px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#1c8ce9,#59adef);color:#fff;margin-bottom:22px;box-shadow:0 3px 7px #1c8ce924}
.need-number svg{width:29px;height:29px}.need h3{font-size:1.25rem}.need p{font-size:.96rem}.need a{font-size:.9rem;text-decoration:none;margin-top:20px}
.availability-note{font-size:.83rem;margin-top:20px}.section-button{margin-top:22px}
.process-section{background:#fff}.process-grid{align-items:center;gap:32px}
.process-photo{border-radius:14px;overflow:hidden;margin:26px 0 10px;max-width:460px}
.process-photo img{width:100%;height:220px;object-fit:cover;object-position:center 42%}
.steps{gap:24px}.steps li{padding:0;grid-template-columns:52px 1fr;gap:16px;background:none}
.steps>li>span{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#1c8ce9,#59adef)}
.steps h3{font-size:1.12rem;margin-top:0}.steps p{font-size:.96rem}
.faq-section{background:#f8fafc}.faq-list{border:0;display:grid;gap:10px}
.faq-list details{border:1px solid #e3eaf1;border-radius:12px;background:#fff;overflow:hidden}
.faq-list summary{padding:18px;line-height:1.5;font-weight:650;min-height:66px;font-size:.96rem}
.faq-list summary span{background:none;flex-shrink:0;font-weight:400;color:var(--blue)}
.faq-list details>div{padding:0 18px 20px}.faq-list p{font-size:.96rem;line-height:1.75}
.faq-list details[open]{border-color:#9fc8e8;box-shadow:0 3px 12px #1c8ce908}
.final-cta,.split-cta,.service-cta{background:var(--blue)}
.final-cta .eyebrow,.split-cta .eyebrow{color:#fff}.final-cta small{color:#edf7ff}
.final-cta h2{max-width:24ch}.final-cta .button-whatsapp,.split-cta .button-whatsapp,.service-cta .button-whatsapp{background:#fff;color:#176baa}
.final-cta .button-light{background:transparent;border:1px solid #ffffff80;color:#fff}
.final-cta .button-stack{width:100%;min-width:0}.final-cta p,.split-cta p{color:#f2f8ff}
.page-hero,.internal-hero{background:linear-gradient(180deg,#f1f7fc,#fff);padding:24px 0 46px}
.page-hero .breadcrumb,.breadcrumb{margin-bottom:28px;font-size:.83rem}
.page-hero-grid{align-items:center;gap:30px}.page-hero h1{max-width:21ch}
.page-hero .lead{max-width:47ch}
.service-cover{position:relative;margin:0;overflow:hidden;border-radius:14px}
.service-cover img{height:280px;width:100%;object-fit:cover}
.service-cover figcaption{position:absolute;inset:auto 0 0;padding:44px 20px 18px;background:linear-gradient(transparent,#102a43d9);color:white;font-size:.9rem}
.service-cards{gap:18px}.service-card{border-radius:14px;padding:27px;box-shadow:0 4px 22px #173c5906;min-height:260px}
.service-index{width:50px;height:50px;background:linear-gradient(135deg,#1c8ce9,#59adef);border-radius:12px;margin-bottom:22px}
.service-index svg{height:27px;width:27px}.service-card p{font-size:.96rem}.service-card a{text-decoration:none;font-size:.93rem;margin-top:18px}
.message-example{background:#edf8ee;border-radius:16px 16px 3px 16px;padding:26px;border:1px solid #d9ecdd;box-shadow:0 12px 24px #163b2910}
.message-example>span,.faq-shortcuts>span{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#536879}
.message-example p{font-size:1.13rem;line-height:1.7;color:#2f4938}.message-example small{font-size:.83rem;color:#586f60}
.big-steps{gap:20px}.big-steps li{padding:24px;border-radius:14px}.big-steps>li>span{border-radius:50%;background:#eaf4fd;color:var(--blue);margin-bottom:10px}
.checklist article{border-radius:12px;padding:20px}.checklist-section{background:#f8fafc}
.faq-shortcuts{padding:26px;background:#fff;border:1px solid #e2eaf1;border-radius:14px;display:grid;gap:0}
.faq-shortcuts>span{margin-bottom:12px}.faq-shortcuts a{padding:12px 0;border-bottom:1px solid #edf1f5;text-decoration:none;font-size:.95rem;color:#176baa}.faq-shortcuts a:last-child{border:0}
.faq-groups{gap:44px}.faq-groups h2{scroll-margin-top:24px}.faq-groups .eyebrow{margin-bottom:8px}
.contact-hero{padding-top:40px}.contact-hero h1{max-width:16ch}
.contact-options{grid-template-columns:1fr;gap:12px}.contact-options>a{padding:16px;border-radius:12px}.contact-icon{background:var(--blue);color:#fff}
.contact-detail{display:flex;gap:14px;align-items:flex-start;margin-top:20px}.contact-detail>span{font-size:.8rem;color:var(--blue);padding-top:4px;font-weight:750}.contact-detail p{margin:0;font-size:.92rem;color:var(--muted)}.contact-detail strong{color:var(--ink)}
.composer{padding:24px;border:1px solid #dce7f0;border-radius:16px;box-shadow:0 12px 36px #1b466a0c}
.composer h2{font-size:1.65rem}.composer label{font-size:.93rem}.composer input,.composer textarea{border-color:#d3dfe9;border-radius:9px;background:#fbfdff}.composer label small{font-size:.8rem}
.service-detail-grid{display:grid;gap:30px}.service-visual{margin:0}.service-visual img{width:100%;height:250px;border-radius:14px;object-fit:cover}.service-visual p{font-size:.75rem;color:var(--muted);margin:8px 0}.service-detail-hero .narrow{max-width:76rem}.service-detail-hero h1{max-width:23ch}.service-detail-hero .lead{max-width:54ch}
.site-footer{background:#f8fafc;padding-bottom:100px}.footer-brand{display:block;line-height:1.2}.footer-grid h2{font-size:.85rem;color:#212121}.footer-grid a:not(.brand){font-size:.9rem}.copyright{font-size:.78rem}
.floating-whatsapp{width:64px;height:64px;right:24px;bottom:24px;border:0;color:#fff;background:#25d366;box-shadow:0 12px 30px #162f3030;isolation:isolate}
.floating-whatsapp svg{width:36px;height:36px;fill:#fff;stroke:none;filter:drop-shadow(0 2px 2px #0002)}
.floating-whatsapp::before{content:'';position:absolute;inset:0;border-radius:50%;background:#25d366;z-index:-1;animation:wa-ring 3s ease-out infinite}
.notification-badge{width:28px;height:28px;right:-4px;top:-4px;border:2px solid #fff;background:linear-gradient(135deg,#dc2828,#dc2626);font-size:12px}
.floating-whatsapp::after{content:'Fale com a gente!';position:absolute;right:76px;white-space:nowrap;padding:8px 14px;background:#111827;color:white;border-radius:10px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .2s}
.floating-whatsapp:hover::after,.floating-whatsapp:focus-visible::after{opacity:1}
@keyframes wa-ring{0%,60%{transform:scale(1);opacity:.35}100%{transform:scale(1.45);opacity:0}}
@media(min-width:48rem){.container{width:min(calc(100% - 4rem),var(--container))}.hero .button-row{display:flex}.hero .button{font-size:1rem;padding-inline:20px}.hero-grid{grid-template-columns:1fr 1fr;gap:40px}.photo-pair img{height:320px}.page-hero-grid{grid-template-columns:1.2fr .8fr}.service-detail-grid{grid-template-columns:.7fr 1.3fr;gap:50px}.service-visual{align-self:start;position:sticky;top:28px}.service-visual img{height:340px}.contact-options{grid-template-columns:1fr}.final-cta .button-stack{width:320px}.process-grid{gap:60px}.faq-shortcuts{min-width:260px}}
@media(min-width:64rem){.hero{padding:68px 0 66px}.hero-grid{gap:56px;grid-template-columns:1.05fr 1fr}.photo-pair img{height:360px}.hero h1{font-size:3.5rem}.hero .lead{font-size:1.13rem}.section{padding:76px 0}.photo-pair-grid{gap:16px}.hero-benefits{margin-top:18px}.service-cover img{height:340px}.page-hero{padding-bottom:56px}.contact-hero{padding-block:60px}.internal-grid{gap:64px}.process-photo img{height:240px}}
@media(max-width:359px){.hero .button-row{grid-template-columns:1fr}.photo-pair-grid{gap:12px}.photo-pair img{height:238px}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp::before{animation:none}}

/* Identidade própria: hidráulica urbana de Brasília. */
:root {
  --navy: #1c8ce9;
  --navy-soft: #1c8ce9;
  --electric: #1c8ce9;
  --cyan: #73c6ff;
  --ice: #eff7fc;
  --aqua: #e7f7f6;
}

body { color: #152534; }
.site-header { position: sticky; top: 0; z-index: 70; min-height: 4.65rem; border: 0; background: rgba(255,255,255,.94); backdrop-filter: blur(14px); box-shadow: 0 1px 0 rgba(7,29,49,.08); }
.header-row { min-height: 4.65rem; }
.brand { gap: .65rem; color: var(--navy); }
.brand-mark { width: 2.35rem; height: 2.35rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50% 50% 50% 12%; color: #fff; background: var(--navy); font-size: .72rem; font-weight: 900; transform: rotate(-8deg); box-shadow: inset 0 0 0 5px rgba(115,198,255,.12); }
.brand-mark + .brand-text, .footer-brand > span:last-child { line-height: 1.05; }
.brand-mark + .brand-text small, .footer-brand small { margin-top: .2rem; color: var(--electric); }
.desktop-nav .is-active { background: var(--navy); }
.desktop-nav .nav-cta { background: var(--electric); }
.menu-button { width: 2.85rem; height: 2.85rem; border-radius: 50%; color: var(--navy); background: var(--ice); }

.signature-hero { position: relative; padding: 1.35rem 0 3.6rem; color: #fff; background: var(--navy); }
.signature-hero::before { display: block; width: 22rem; height: 22rem; top: -11rem; right: -12rem; border: 1px solid rgba(115,198,255,.18); background: transparent; box-shadow: 0 0 0 3.5rem rgba(115,198,255,.025), 0 0 0 7rem rgba(115,198,255,.018); }
.signature-hero::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3rem; opacity: .2; background: repeating-linear-gradient(90deg, transparent 0 31px, rgba(115,198,255,.25) 31px 32px); pointer-events: none; }
.hero-shell { position: relative; z-index: 1; display: grid; gap: 2rem; }
.hero-copy { min-width: 0; }
.hero-locator { margin: .75rem 0 1.2rem; display: flex; align-items: center; gap: .55rem; color: #b9dcf5; font-size: .76rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hero-locator span { width: .55rem; height: .55rem; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 .3rem rgba(115,198,255,.12); }
.signature-hero h1 { max-width: 13ch; margin-bottom: 1.2rem; color: #fff; font-size: clamp(2.55rem, 11vw, 5.2rem); line-height: .98; letter-spacing: -.055em; }
.signature-hero h1 em { color: var(--cyan); font-style: normal; }
.signature-hero .lead { max-width: 34rem; color: #ccdeeb; line-height: 1.65; }
.signature-hero .button-row { grid-template-columns: 1fr; }
.signature-hero .button-whatsapp { color: #fff; background: var(--electric); box-shadow: 0 10px 30px rgba(28,140,233,.25); }
.signature-hero .button-phone { color: #fff; border-color: rgba(255,255,255,.35); background: rgba(255,255,255,.06); }
.hero-facts { margin-top: 1.4rem; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.hero-facts span { min-width: 0; padding: .9rem .5rem .9rem 0; color: #a9c2d5; font-size: .68rem; line-height: 1.35; }
.hero-facts span + span { padding-left: .65rem; border-left: 1px solid rgba(255,255,255,.15); }
.hero-facts strong { display: block; margin-bottom: .18rem; color: #fff; font-size: 1.25rem; line-height: 1; }
.hero-scene { position: relative; min-width: 0; margin: 0; padding-bottom: 5.3rem; }
.hero-main-photo { width: calc(100% - 2rem); height: 24rem; object-fit: cover; object-position: 52% center; border-radius: 1.6rem .25rem 1.6rem 1.6rem; box-shadow: 0 24px 55px rgba(0,0,0,.28); }
.hero-inset { position: absolute; right: 0; bottom: 1.65rem; width: 43%; padding: .38rem; border-radius: 1rem; background: #fff; box-shadow: 0 16px 34px rgba(0,0,0,.32); transform: rotate(2.2deg); }
.hero-inset img { width: 100%; height: 10.5rem; object-fit: cover; border-radius: .72rem; }
.hero-inset span { display: block; padding: .4rem .28rem .22rem; color: #617181; font-size: .62rem; }
.hero-scene figcaption { position: absolute; left: .8rem; bottom: 1.7rem; width: calc(57% - 1rem); padding: .75rem .85rem; border-left: 3px solid var(--cyan); color: #fff; background: rgba(7,29,49,.88); backdrop-filter: blur(8px); }
.hero-scene figcaption span, .hero-scene figcaption small { display: block; }
.hero-scene figcaption span { font-size: .76rem; font-weight: 800; }
.hero-scene figcaption small { margin-top: .15rem; color: #b7c9d7; font-size: .66rem; }

.section-heading-signature { display: grid; grid-template-columns: 2.7rem 1fr; gap: .8rem; margin-bottom: 1.7rem; }
.section-heading-signature .section-code { padding-top: .2rem; color: var(--electric); font-size: .75rem; font-weight: 900; letter-spacing: .12em; }
.section-heading-signature .section-code::after { content: ''; width: 1px; height: 2.7rem; display: block; margin: .55rem 0 0 .55rem; background: #c9d8e4; }
.section-heading-signature h2 { margin-bottom: .8rem; }
.section-heading-signature p:last-child { max-width: 39rem; margin: 0; color: var(--muted); }
.problem-section { background: #fff; }
.problem-picker { border-radius: 1.2rem; background: var(--ice); box-shadow: 0 20px 50px rgba(7,29,49,.08); overflow: hidden; }
.problem-tabs { padding: .65rem; display: grid; grid-template-columns: 1fr 1fr; gap: .45rem; }
.problem-tabs button { min-height: 3.35rem; padding: .65rem .72rem; border: 1px solid transparent; border-radius: .75rem; color: #51677a; background: transparent; font-size: .78rem; font-weight: 750; line-height: 1.25; text-align: left; cursor: pointer; }
.problem-tabs button[aria-selected="true"] { color: #fff; background: var(--navy); box-shadow: 0 8px 18px rgba(7,29,49,.15); }
.problem-tabs button:focus-visible { outline: 3px solid var(--electric); outline-offset: 2px; }
.problem-panels { padding: 0 .65rem .65rem; }
.problem-panels article { min-height: 28rem; padding: 1.35rem; display: grid; align-content: start; gap: 1rem; border-radius: .95rem; color: #fff; background: var(--navy); }
.problem-panels article[hidden] { display: none; }
.problem-icon { width: 3.4rem; height: 3.4rem; display: grid; place-items: center; border-radius: 50% 50% 50% 12%; color: var(--navy); background: var(--cyan); }
.problem-icon svg { width: 1.75rem; height: 1.75rem; }
.problem-label { margin: 0 0 .35rem; color: var(--cyan); font-size: .72rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.problem-panels h3 { margin-bottom: .75rem; color: #fff; font-size: 1.55rem; }
.problem-panels article p:not(.problem-label) { margin: 0; color: #c2d4e2; }
.problem-panels ul { margin: 1.2rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .45rem; list-style: none; }
.problem-panels li { padding: .38rem .62rem; border: 1px solid rgba(115,198,255,.25); border-radius: 999px; color: #dcecf7; font-size: .73rem; }
.problem-panels a { margin-top: 1.4rem; display: flex; justify-content: space-between; color: #fff; font-weight: 800; text-underline-offset: .25rem; }
.problem-panels a span { color: var(--cyan); }
.service-rail { margin-top: 1rem; padding: 1rem 0; display: grid; gap: .5rem; border-top: 1px solid var(--line); }
.service-rail a { display: flex; justify-content: space-between; color: var(--navy); font-weight: 850; }
.service-rail small { color: var(--muted); line-height: 1.5; }

.prepare-section { position: relative; color: #fff; background: var(--electric); overflow: hidden; }
.prepare-section::before { content: '61'; position: absolute; right: -1rem; top: -3rem; color: rgba(255,255,255,.08); font-size: 14rem; font-weight: 950; line-height: 1; letter-spacing: -.12em; }
.prepare-section .container { position: relative; z-index: 1; }
.section-heading-signature.light .section-code, .prepare-section .eyebrow { color: #dff2ff; }
.section-heading-signature.light .section-code::after { background: rgba(255,255,255,.38); }
.prepare-grid { display: grid; gap: 1.5rem; }
.prepare-grid figure { margin: 0; }
.prepare-grid figure img { width: 100%; height: 17rem; object-fit: cover; object-position: center 72%; border-radius: .2rem 1.4rem 1.4rem 1.4rem; filter: saturate(.72) contrast(1.04); }
.prepare-grid figcaption { margin-top: .45rem; color: #d5efff; font-size: .68rem; }
.prepare-list { display: grid; }
.prepare-list article { padding: 1rem 0; display: grid; grid-template-columns: 2.2rem 1fr; gap: .8rem; border-bottom: 1px solid rgba(255,255,255,.25); }
.prepare-list article > span { color: #dff2ff; font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.prepare-list h3 { margin: 0 0 .25rem; color: #fff; font-size: 1.1rem; }
.prepare-list p { margin: 0; color: #e8f6ff; font-size: .92rem; }
.prepare-link { margin-top: 1.15rem; padding: .95rem 1rem; display: flex; justify-content: space-between; border-radius: .8rem; color: var(--navy); background: #fff; font-weight: 850; text-decoration: none; }
.care-note { margin-top: 1.5rem; padding: 1rem; display: grid; grid-template-columns: 2.6rem 1fr; gap: .8rem; border: 1px solid rgba(255,255,255,.35); border-radius: 1rem; background: rgba(7,29,49,.16); }
.care-symbol { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: 50%; color: var(--navy); background: #fff; font-weight: 950; }
.care-note strong { display: block; margin-bottom: .25rem; }
.care-note p { margin: 0; color: #e8f6ff; font-size: .84rem; }

.field-notes { background: var(--aqua); }
.faq-layout { display: grid; gap: 1rem; }
.faq-quote { min-height: 13rem; padding: 1.4rem; display: flex; flex-direction: column; justify-content: space-between; border-radius: 1.2rem .2rem 1.2rem 1.2rem; color: #fff; background: var(--navy); }
.faq-quote > span { width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: var(--cyan); font-size: 1.4rem; }
.faq-quote p { margin: 1.2rem 0 .6rem; color: #fff; font-size: 1.3rem; font-weight: 750; line-height: 1.25; }
.faq-quote strong { color: var(--cyan); font-size: .85rem; }
.field-notes .faq-list details { border-color: rgba(7,29,49,.12); background: rgba(255,255,255,.82); }
.faq-more { margin-top: 1rem; }

.signature-cta { position: relative; overflow: hidden; background: var(--navy); }
.signature-cta .final-grid { position: relative; z-index: 1; }
.signature-cta .eyebrow { color: var(--cyan); }
.signature-cta .cta-watermark { position: absolute; right: -.4rem; top: -3.8rem; color: rgba(115,198,255,.07); font-size: 15rem; font-weight: 950; line-height: 1; letter-spacing: -.14em; pointer-events: none; }
.signature-cta h2 { position: relative; max-width: 20ch; }
.signature-cta .button-whatsapp { color: #fff; background: var(--electric); }
.signature-cta .button-light { border-color: rgba(255,255,255,.35); background: transparent; }

.page-hero, .internal-hero { position: relative; border-bottom: 1px solid #dfeaf2; background: var(--ice); }
.page-hero::before, .internal-hero::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: .35rem; background: var(--electric); }
.page-hero h1, .internal-hero h1 { color: var(--navy); }
.service-cover { border-radius: 1.4rem .25rem 1.4rem 1.4rem; }
.service-card { border: 0; border-top: 4px solid var(--electric); border-radius: .25rem 1rem 1rem 1rem; background: #f8fbfd; }
.message-example { border: 0; border-radius: .25rem 1.2rem 1.2rem 1.2rem; background: var(--navy); }
.message-example > span, .message-example p, .message-example small { color: #fff; }
.message-example > span { color: var(--cyan); }
.composer { border: 0; border-top: 4px solid var(--electric); border-radius: .25rem 1.2rem 1.2rem 1.2rem; }
.faq-shortcuts { border: 0; border-left: 4px solid var(--electric); border-radius: .25rem 1rem 1rem .25rem; }
.contact-icon, .contact-icon.phone { border-radius: 50% 50% 50% 12%; background: var(--navy); }
.split-cta, .service-cta { background: var(--navy); }
.site-footer { background: #f4f7f9; }
.footer-brand { display: inline-flex; align-items: center; }

@media (min-width: 40rem) {
  .signature-hero .button-row { display: flex; }
  .signature-hero .button { min-width: 13rem; }
  .problem-tabs { grid-template-columns: repeat(4,1fr); }
  .problem-panels article { min-height: 22rem; grid-template-columns: 4.5rem 1fr; padding: 2rem; }
  .problem-icon { width: 4rem; height: 4rem; }
}

@media (min-width: 48rem) {
  .hero-shell { grid-template-columns: .96fr 1.04fr; align-items: center; gap: 3rem; }
  .hero-main-photo { height: 32rem; }
  .hero-inset img { height: 13rem; }
  .problem-panels article { grid-template-columns: 5rem 1fr; }
  .prepare-grid { grid-template-columns: .9fr 1.1fr; align-items: center; gap: 3rem; }
  .prepare-grid figure img { height: 31rem; }
  .faq-layout { grid-template-columns: .7fr 1.3fr; gap: 2rem; }
  .faq-quote { min-height: 20rem; position: sticky; top: 6rem; }
  .service-rail { grid-template-columns: 1fr 1fr; align-items: center; }
  .service-rail small { text-align: right; }
}

@media (min-width: 64rem) {
  .signature-hero { padding: 4.2rem 0 4.8rem; }
  .hero-shell { grid-template-columns: 1fr .9fr; gap: 5rem; }
  .hero-main-photo { height: 34rem; }
  .hero-facts span { font-size: .76rem; }
  .hero-facts strong { font-size: 1.55rem; }
  .problem-picker { display: grid; grid-template-columns: 16rem 1fr; }
  .problem-tabs { padding: 1rem; grid-template-columns: 1fr; align-content: start; }
  .problem-tabs button { min-height: 4.15rem; font-size: .86rem; }
  .problem-panels { padding: 1rem 1rem 1rem 0; }
  .problem-panels article { min-height: 28rem; padding: 2.6rem; align-content: center; }
  .problem-panels h3 { font-size: 2rem; }
  .section-heading-signature { grid-template-columns: 4rem 1fr; }
  .section-heading-signature .section-code::after { height: 3.5rem; }
  .prepare-grid { gap: 5rem; }
  .care-note { margin-left: calc(45% + 2.5rem); }
}

@media (max-width: 22.5rem) {
  .signature-hero h1 { font-size: 2.35rem; }
  .hero-facts span { font-size: .61rem; }
  .hero-main-photo { height: 21rem; }
  .problem-tabs button { min-height: 3.65rem; font-size: .72rem; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-inset { transform: none; }
}

/* Fotos do cliente: composição editorial com prioridade para telas pequenas. */
.signature-hero { padding: 1.1rem 0 2.6rem; background: #1c8ce9; }
.signature-hero::before, .signature-hero::after { display: none; }
.hero-shell { gap: 1.5rem; }
.hero-locator { font-size: .75rem; letter-spacing: .13em; margin: .5rem 0 1rem; }
.hero-locator span { width: 1.1rem; height: 2px; border-radius: 0; box-shadow: none; }
.signature-hero h1 { max-width: 16ch; font-size: clamp(2.65rem, 11.4vw, 4.7rem); line-height: 1.02; letter-spacing: -.055em; margin-bottom: 1rem; font-weight: 800; text-wrap: initial; }
.signature-hero h1 em { color: #73c6ff; }
.signature-hero .lead { font-size: 1rem; line-height: 1.55; margin-bottom: 1.15rem; max-width: 35ch; }
.signature-hero .button-row { gap: .35rem; }
.signature-hero .button { font-size: 1rem; min-height: 3.25rem; border-radius: .65rem; }
.signature-hero .button-whatsapp, .signature-cta .button-whatsapp { background: #25d366; color: #073b2c; font-weight: 800; box-shadow: 0 8px 24px #0002; }
.signature-hero .button-whatsapp:hover, .signature-cta .button-whatsapp:hover { background: #49e080; }
.signature-hero .button-phone { min-height: 2.75rem; border: 0; background: transparent; color: #e6f1fa; font-size: .94rem; }
.hero-contact-note { margin: .45rem 0 0; color: #b9cddc; font-size: .875rem; text-align: center; }
.hero-contact-note span { margin-inline: .5rem; color: #73c6ff; }
.hero-scene { padding: 0 0 3.5rem; }
.hero-main-photo { width: 100%; height: auto; aspect-ratio: 1 / 1.04; object-fit: cover; object-position: 50% 54%; border-radius: 1rem; box-shadow: none; }
.hero-inset { width: 31%; right: .8rem; bottom: 2.8rem; padding: .25rem; border-radius: .6rem; transform: rotate(4deg); box-shadow: 0 8px 24px #0004; }
.hero-inset img { height: auto; aspect-ratio: 3 / 4; border-radius: .4rem; }
.hero-inset span { display: none; }
.hero-scene figcaption { left: 0; bottom: 0; width: 100%; padding: .8rem 0 0; border: 0; background: transparent; backdrop-filter: none; }
.hero-scene figcaption span { font-size: .94rem; }
.hero-scene figcaption small { font-size: .75rem; color: #b9cddc; }
.section { padding-block: 3.5rem; }
.section-heading-signature { grid-template-columns: 1.8rem 1fr; gap: .65rem; }
.section-heading-signature h2 { line-height: 1.1; letter-spacing: -.045em; }
.section-heading-signature .section-code { font-size: .875rem; }
.section-heading-signature .eyebrow { font-size: .75rem; }
.problem-picker { border-radius: 1rem; box-shadow: none; background: #eaf3fa; }
.problem-tabs { gap: .4rem; }
.problem-tabs button { min-height: 3.5rem; font-size: .875rem; }
.problem-panels article { min-height: 0; padding: 1.4rem 1.15rem; gap: 1rem; }
.problem-label { font-size: .875rem; letter-spacing: .07em; }
.problem-panels li { font-size: .875rem; }
.problem-panels a { min-height: 2.75rem; align-items: center; gap: 1rem; }
.service-rail a { min-height: 2.75rem; align-items: center; }
.service-rail small { font-size: .875rem; }
.prepare-section { background: #1c8ce9; }
.prepare-section::before { display: none; }
.prepare-grid figure img { height: auto; aspect-ratio: 4 / 3; object-position: center 58%; border-radius: 1rem; filter: none; }
.prepare-grid figcaption { font-size: .75rem; }
.prepare-list p { font-size: 1rem; }
.prepare-list article { padding-block: 1.1rem; }
.field-notes { background: #eff5fa; }
.faq-quote { min-height: 10rem; border-radius: 1rem; }
.faq-list summary { font-size: 1rem; }
.service-card { overflow: hidden; padding: 1.25rem; border: 1px solid #e0eaf1; border-radius: 1rem; background: white; }
.service-card-photo { width: calc(100% + 2.5rem); max-width: none; margin: -1.25rem -1.25rem 1.25rem; height: 14rem; object-fit: cover; object-position: center 56%; }
.service-card .service-index { width: 2.5rem; height: 2.5rem; margin-bottom: .9rem; background: #eaf3fa; color: #0c3f68; }
.service-card .service-index svg { width: 1.4rem; height: 1.4rem; }
.service-card a { min-height: 2.75rem; align-items: center; }
.service-cover img { height: auto; aspect-ratio: 4 / 3; object-position: center 60%; }
.service-visual img { height: auto; aspect-ratio: 3 / 4; }
.floating-whatsapp { width: 3.5rem; height: 3.5rem; right: 1rem; bottom: max(1rem, env(safe-area-inset-bottom)); }
.floating-whatsapp svg { width: 2rem; height: 2rem; }
.floating-whatsapp::before { animation: none; }
.notification-badge { width: 1.4rem; height: 1.4rem; }
html { scroll-padding-top: 6rem; }
@media (min-width: 48rem) {
  .signature-hero { padding: 3rem 0; }
  .hero-shell { grid-template-columns: 1fr 1fr; gap: 3rem; }
  .signature-hero .button-row { display: grid; grid-template-columns: 1fr; max-width: 23rem; }
  .hero-contact-note { max-width: 23rem; }
  .hero-main-photo { aspect-ratio: 3 / 4; max-height: 39rem; }
  .hero-inset { width: 35%; right: -1rem; bottom: 4rem; }
  .prepare-grid figure img { aspect-ratio: 3 / 4; }
  .problem-panels article { min-height: 24rem; }
  .service-cover img { aspect-ratio: 3 / 4; }
}
@media (min-width: 64rem) {
  .signature-hero { padding: 4rem 0; }
  .hero-shell { gap: 5rem; }
  .signature-hero h1 { font-size: clamp(3.75rem, 5.8vw, 5.5rem); }
  .signature-hero .lead { font-size: 1.125rem; }
  .section { padding-block: 5rem; }
  .problem-tabs button { font-size: 1rem; }
  .problem-panels article { padding: 2.5rem; }
}
@media (prefers-reduced-motion: no-preference) {
  .hero-copy { animation: photo-intro .5s ease-out both; }
  .hero-scene { animation: photo-intro .7s ease-out both; }
  @keyframes photo-intro { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
}

/* Logo original AQUA FORTE fornecida pelo cliente via referência. */
.brand-logo { display: block; width: 190px; height: auto; flex: 0 0 auto; }
.footer-brand .brand-logo { width: 210px; }

/* Rodapé: identidade, contato e localização em uma composição responsiva. */
.aqua-footer { padding: 2.5rem 0 0; background: #f5f9fd; border-top: 4px solid #1c8ce9; color: #152534; }
.footer-main { display: grid; gap: 2rem; }
.footer-main > div { min-width: 0; }
.aqua-footer .footer-brand { display: block; width: 190px; max-width: none; margin-left: -29px; }
.aqua-footer .footer-brand .brand-logo { width: 190px; max-width: none; }
.footer-name { margin: .65rem 0 .35rem; font-size: 1.125rem; font-weight: 800; letter-spacing: -.025em; }
.footer-description { margin: 0 0 1.2rem; color: #486078; font-size: 1rem; line-height: 1.6; }
.aqua-footer .footer-whatsapp { width: fit-content; min-height: 2.9rem; padding: .75rem 1rem; border-radius: .65rem; color: #073b2c; background: #25d366; font-size: .9375rem; box-shadow: none; }
.aqua-footer .footer-whatsapp:hover { background: #49e080; }
.aqua-footer h2 { margin: 0 0 1rem; font-size: 1rem; font-weight: 800; letter-spacing: -.02em; }
.footer-contact { padding-top: 1.75rem; border-top: 1px solid #d8e5f0; }
.footer-contact-link { display: flex; align-items: center; gap: .75rem; min-height: 3.6rem; margin-bottom: .5rem; text-decoration: none; }
.footer-contact-symbol { flex: 0 0 2.6rem; width: 2.6rem; height: 2.6rem; display: grid; place-items: center; border: 1px solid #d6e8f7; border-radius: .7rem; background: #fff; color: #1c8ce9; }
.footer-contact-symbol svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.footer-contact-link > span:last-child { min-width: 0; }
.footer-contact-link small { display: block; color: #526b80; font-size: .875rem; }
.footer-contact-link strong { display: block; font-size: .9375rem; font-weight: 650; overflow-wrap: anywhere; line-height: 1.5; }
.footer-contact-link:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.footer-contact-note { margin: 1rem 0 0; max-width: 32ch; color: #526b80; font-size: .875rem; line-height: 1.65; }
.footer-map { overflow: hidden; border: 1px solid #cfe1ef; border-radius: .85rem; background: #e6f1f9; }
.footer-map iframe { display: block; width: 100%; height: 190px; border: 0; }
.footer-map-link { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 2.9rem; color: #165c92; font-size: .875rem; font-weight: 700; text-decoration: none; }
.footer-map-link:hover { text-decoration: underline; text-underline-offset: .2em; }
.footer-map-link span { font-size: 1.25rem; }
.footer-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: .15rem 1.5rem; margin-top: 1.8rem; padding: 1.1rem 0; border-top: 1px solid #d8e5f0; border-bottom: 1px solid #d8e5f0; }
.footer-navigation a { display: flex; align-items: center; min-height: 2.75rem; font-size: .9375rem; font-weight: 600; text-decoration: none; }
.footer-navigation a:hover { color: #165c92; text-decoration: underline; text-underline-offset: .2em; }
.footer-bottom { display: flex; flex-direction: column; align-items: flex-start; gap: .25rem; margin-top: 1.25rem; padding-right: 4.5rem; color: #526b80; font-size: .8125rem; }
.footer-bottom p { margin: 0; }
.footer-bottom a { display: inline-flex; align-items: center; min-height: 2.75rem; text-underline-offset: .2em; }
.aqua-footer a:focus-visible, .aqua-footer iframe:focus-visible { outline: 3px solid #1c8ce9; outline-offset: 4px; border-radius: .25rem; }
@media (min-width: 48rem) {
  .aqua-footer { padding: 3.25rem 0 0; }
  .footer-main { grid-template-columns: 1fr 1fr; gap: 2.25rem; }
  .footer-contact { border: 0; padding: 0; }
  .footer-location { grid-column: 1 / -1; }
  .footer-map iframe { height: 220px; }
  .footer-navigation { display: flex; flex-wrap: wrap; gap: .5rem 2rem; margin-top: 2.5rem; }
  .footer-bottom { flex-direction: row; justify-content: space-between; align-items: center; }
}
@media (min-width: 64rem) {
  .footer-main { grid-template-columns: .95fr 1.2fr 1.15fr; gap: 2.5rem; }
  .footer-location { grid-column: auto; }
  .footer-map iframe { height: 175px; }
}