/**
 * Braga Neto Advogados — estilos globais
 * Medidas: preferencialmente vw (imagens: rem onde indicado)
 * Desktop (≥1024px): menor fonte auxiliar mínima 0.8vw
 */

:root {
    /* Cores */
    --brand-50: #f6f7f9;
    --brand-100: #eceef2;
    --brand-200: #d5dae3;
    --brand-300: #b0b9c9;
    --brand-400: #8593ab;
    --brand-500: #667792;
    --brand-600: #515f78;
    --brand-700: #434d62;
    --brand-800: #3a4254;
    --brand-900: #1e2a3d;
    --brand-950: #141d2b;
    --accent: #b8956a;
    --accent-light: #d4b896;
    --accent-dark: #8f7049;
    --whatsapp: #25d366;
    --whatsapp-hover: #20bd5a;
    --fab-call: #10478f;
    --fab-call-hover: #1d4ed8;

    --font-sans: "Source Sans 3", system-ui, sans-serif;
    /* Títulos usavam classe .font-serif; mesma família do corpo */
    --font-serif: var(--font-sans);

    /* Espaçamentos (vw) */
    --pad-x: 4vw;
    --pad-x-sm: 5vw;
    --section-y: 10vw;
    --section-y-sm: 8vw;
    --gap-1: 1.5vw;
    --gap-2: 2.5vw;
    --gap-3: 3.5vw;
    --gap-4: 4.5vw;
    --radius: 0;
    --radius-lg: 0;
    --border-thin: 0.12vw;

    /* Tipografia (vw) — mobile */
    --type-display: 8vw;
    --type-h1: 6vw;
    --type-h2: 5vw;
    --type-h3: 4vw;
    --type-eyebrow: 3vw;
    --type-lead: 4.5vw;
    --type-body: 4.25vw;
    --type-body-lg: 4.75vw;
    --type-small: 3.5vw;
    --type-nav: 4.2vw;
    --type-nav-mobile: 4.5vw;
    --type-btn: 3.6vw;
    --type-label: 3.45vw;
}

/* Celular: escala única de tipos (alinhada ao hero: display/lead/btn) */
@media (max-width: 639px) {
    :root {
        --pad-x: 2.75vw;
        --pad-x-sm: 3.25vw;
        --type-display: 10vw;
        --type-h1: 7.5vw;
        --type-h2: 6vw;
        --type-h3: 5.25vw;
        --type-eyebrow: 3.25vw;
        --type-lead: 5vw;
        --type-body: 4.35vw;
        --type-body-lg: 4.85vw;
        --type-small: 3.85vw;
        --type-nav: 4.25vw;
        --type-nav-mobile: 4.5vw;
        --type-btn: 4vw;
        --type-label: 3.75vw;
    }
}

@media (min-width: 640px) {
    :root {
        --pad-x: 4.5vw;
        --section-y: 8vw;
        --section-y-sm: 6vw;
        --type-display: 5.5vw;
        --type-h1: 4vw;
        --type-h2: 3.1vw;
        --type-h3: 2.45vw;
        --type-eyebrow: 1.5vw;
        --type-lead: 2.35vw;
        --type-body: 1.75vw;
        --type-body-lg: 1.95vw;
        --type-small: 1.4vw;
        --type-nav: 1.75vw;
        --type-nav-mobile: 1.9vw;
        --type-btn: 1.45vw;
        --type-label: 1.35vw;
    }
}

@media (min-width: 1024px) {
    :root {
        --pad-x: 5vw;
        --section-y: 6vw;
        --section-y-sm: 5vw;
        --type-display: 3.85vw;
        --type-h1: 2.65vw;
        --type-h2: 2vw;
        --type-h3: 1.55vw;
        --type-eyebrow: 1.05vw;
        --type-lead: 1.5vw;
        /* Corpo e auxiliares um pouco maiores no desktop (títulos inalterados acima) */
        --type-body: 1.18vw;
        --type-body-lg: 1.32vw;
        --type-small: max(0.82vw, 0.96vw);
        --type-nav: max(0.8vw, 1.2vw);
        --type-nav-mobile: 1.55vw;
        --type-btn: max(0.8vw, 1vw);
        --type-label: max(0.8vw, 1.02vw);
    }
}

@media (min-width: 1536px) {
    :root {
        --type-display: 3.1vw;
        --type-h1: 2.1vw;
        --type-h2: 1.62vw;
        --type-h3: 1.25vw;
        --type-eyebrow: max(0.8vw, 0.88vw);
        --type-lead: 1.2vw;
        --type-body: 1.04vw;
        --type-body-lg: 1.16vw;
        --type-small: 0.88vw;
        --type-nav: max(0.8vw, 1.05vw);
        --type-nav-mobile: 1.35vw;
        --type-btn: 0.95vw;
        --type-label: 0.88vw;
    }
}

/* Reset mínimo */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: var(--font-sans);
    font-size: var(--type-body);
    line-height: 1.6;
    background: var(--brand-50);
    color: var(--brand-900);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}

/* Tipografia utilitária */
.font-serif {
    font-family: var(--font-serif);
}

.font-semibold {
    font-weight: 600;
}

.font-bold {
    font-weight: 700;
}

.font-medium {
    font-weight: 500;
}

.type-display {
    font-size: var(--type-display);
    line-height: 1.12;
}

.type-h1 {
    font-size: var(--type-h1);
    line-height: 1.18;
}

.type-h2 {
    font-size: var(--type-h2);
    line-height: 1.22;
}

.type-h3 {
    font-size: var(--type-h3);
    line-height: 1.28;
}

.type-eyebrow {
    font-size: var(--type-eyebrow);
    line-height: 1.35;
}

.type-lead {
    font-size: var(--type-lead);
    line-height: 1.55;
}

.type-body {
    font-size: var(--type-body);
    line-height: 1.65;
}

.type-body-lg {
    font-size: var(--type-body-lg);
    line-height: 1.55;
}

.type-small {
    font-size: var(--type-small);
    line-height: 1.45;
}

.type-nav {
    font-size: var(--type-nav);
    line-height: 1.3;
}

.type-nav-mobile {
    font-size: var(--type-nav-mobile);
    line-height: 1.3;
}

.type-btn {
    font-size: var(--type-btn);
    line-height: 1.25;
}

.type-label {
    font-size: var(--type-label);
    line-height: 1.4;
}

.text-balance {
    text-wrap: balance;
}

/* Cores texto */
.text-white {
    color: #fff;
}

.text-white-90 {
    color: rgb(255 255 255 / 0.9);
}

.text-brand-200 {
    color: var(--brand-200);
}

.text-brand-300 {
    color: var(--brand-300);
}

.text-brand-400 {
    color: var(--brand-400);
}

.text-brand-500 {
    color: var(--brand-500);
}

.text-brand-600 {
    color: var(--brand-600);
}

.text-brand-700 {
    color: var(--brand-700);
}

.text-brand-800 {
    color: var(--brand-800);
}

.text-brand-900 {
    color: var(--brand-900);
}

.text-brand-950 {
    color: var(--brand-950);
}

.text-accent-light {
    color: var(--accent-light);
}

.text-accent-dark {
    color: var(--accent-dark);
}

.text-green-900 {
    color: #14532d;
}

.text-red-900 {
    color: #7f1d1d;
}

.bg-white {
    background: #fff;
}

.bg-brand-50 {
    background: var(--brand-50);
}

.bg-brand-100 {
    background: var(--brand-100);
}

.bg-brand-900 {
    background: var(--brand-900);
}

.bg-brand-950 {
    background: var(--brand-950);
}

.bg-accent {
    background: var(--accent);
}

.bg-green-50 {
    background: #f0fdf4;
}

.bg-red-50 {
    background: #fef2f2;
}

.bg-white-10 {
    background: rgb(255 255 255 / 0.1);
}

.border-brand-100 {
    border-color: var(--brand-100);
}

.border-brand-200 {
    border-color: var(--brand-200);
}

.border-green-200 {
    border-color: #bbf7d0;
}

.border-red-200 {
    border-color: #fecaca;
}

/* Skip link */
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100;
    padding: 0.75em 1em;
    background: #fff;
    border-radius: var(--radius);
    box-shadow: 0 0.25rem 1rem rgb(0 0 0 / 0.15);
}

.skip-link:focus {
    left: var(--pad-x);
    top: var(--pad-x);
    outline: 0.15rem solid var(--accent);
    outline-offset: 0.15rem;
}

/* Layout */
.site-main {
    flex: 1;
}

.container {
    width: 100%;
    max-width: 90vw;
    margin-inline: auto;
    padding-inline: var(--pad-x);
}

.hidden {
    display: none !important;
}

/* Cabeçalho */
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: #fff;
    border-bottom: var(--border-thin) solid var(--brand-200);
    box-shadow: 0 0.1vw 0.4vw rgb(0 0 0 / 0.06);
}

.site-header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-2);
    padding-block: max(0.55rem, 0.75vw);
    padding-inline: var(--pad-x);
    max-width: 90vw;
    margin-inline: auto;
}

@media (min-width: 1024px) {
    .site-header__inner {
        padding-block: max(0.45rem, 0.5vw);
    }
}

.site-logo {
    display: flex;
    align-items: center;
    border-radius: var(--radius);
    outline-offset: 0.25vw;
}

.site-logo:focus-visible {
    outline: 0.15vw solid var(--accent);
}

/* Logo: dimensões em rem (exceção permitida) */
.logo-img {
    width: auto;
    object-fit: contain;
    object-position: left;
    max-height: 2.25rem;
    max-width: 12.5rem;
    transition: opacity 0.2s;
}

.site-logo:hover .logo-img {
    opacity: 0.9;
}

@media (min-width: 640px) {
    .logo-img {
        max-height: 2.5rem;
        max-width: 15rem;
    }
}

@media (min-width: 1024px) {
    .logo-img {
        max-height: 5.1rem;
        max-width: 26rem;
    }
}

@media (min-width: 1280px) {
    .logo-img {
        max-height: 6.25rem;
        max-width: 31.5rem;
    }
}

/* Celular: logo maior */
@media (max-width: 639px) {
    .logo-img {
        max-height: 4.45rem;
        max-width: min(92vw, 24rem);
    }
}

.nav-desktop {
    display: none;
    align-items: center;
    gap: 0.25vw;
}

@media (min-width: 1024px) {
    .nav-desktop {
        display: flex;
    }
}

.nav-desktop__link {
    padding: 0.75vw 1.15vw;
    border-radius: var(--radius);
    font-weight: 600;
    transition: background 0.2s, color 0.2s;
    color: var(--brand-800);
    border: 0.12vw solid transparent;
}

.nav-desktop__link:hover {
    background: var(--brand-100);
    color: var(--brand-950);
}

.nav-desktop__link.nav-desktop__link--current {
    background: var(--brand-900);
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}

.nav-desktop__link.nav-desktop__link--current:hover {
    background: var(--brand-800);
    color: #fff;
}

.nav-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.2vw;
    border: var(--border-thin) solid var(--brand-200);
    border-radius: var(--radius);
    background: #fff;
    color: var(--brand-900);
    cursor: pointer;
    box-shadow: 0 0.1vw 0.3vw rgb(0 0 0 / 0.06);
}

@media (min-width: 1024px) {
    .nav-toggle {
        display: none;
    }
}

.nav-toggle svg {
    width: 1.5rem;
    height: 1.5rem;
}

.nav-mobile {
    border-top: var(--border-thin) solid var(--brand-100);
    background: #fff;
}

@media (min-width: 1024px) {
    .nav-mobile {
        display: none !important;
    }
}

.nav-mobile__inner {
    display: flex;
    flex-direction: column;
    gap: 0.25vw;
    padding: var(--gap-2) var(--pad-x);
    max-width: 90vw;
    margin-inline: auto;
}

.nav-mobile__link {
    padding: 1.2vw 1.5vw;
    border-radius: var(--radius);
    font-weight: 600;
    color: var(--brand-800);
    border: 0.12vw solid transparent;
}

.nav-mobile__link:hover {
    background: var(--brand-50);
}

.nav-mobile__link.nav-mobile__link--current {
    background: var(--brand-900);
    color: #fff;
    font-weight: 600;
    box-shadow: none;
}

/* Hero */
.hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 42vw;
    overflow: hidden;
    color: #fff;
}

@media (min-width: 640px) {
    .hero {
        min-height: 38vw;
    }
}

@media (min-width: 1024px) {
    .hero {
        min-height: 34vw;
    }
}

.hero__slides {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.hero__slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    z-index: 0;
    transition: opacity 1.4s ease-in-out;
}

.hero__slide--active {
    opacity: 1;
    z-index: 1;
}

.hero__content {
    position: relative;
    z-index: 10;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-top: 3.25vw;
    padding-bottom: 6vw;
    padding-inline: var(--pad-x);
    max-width: 90vw;
}

@media (min-width: 640px) {
    .hero__content {
        padding-top: 2.35vw;
        padding-bottom: 4.75vw;
    }
}

@media (min-width: 1024px) {
    .hero__content {
        padding-top: 2vw;
        padding-bottom: 4vw;
    }
}

@media (max-width: 639px) {
    .hero {
        min-height: 32vw;
    }

    .hero__content {
        padding-top: max(12vh, 4rem);
        padding-bottom: 4.5vw;
    }
}

.hero__panel {
    width: 100%;
    max-width: 100%;
    text-align: left;
    padding: calc(0.72 * var(--gap-2));
    border-radius: var(--radius-lg);
    /* Vidro: quase transparente + desfoque (sem “fundo branco sólido”) */
    background: rgb(255 255 255 / 0.06);
    backdrop-filter: blur(0.972vw) saturate(1.05);
    -webkit-backdrop-filter: blur(0.972vw) saturate(1.05);
    box-shadow: none;
    border: none;
}

@media (min-width: 768px) {
    .hero__panel {
        max-width: 25.2vw;
        padding: calc(0.72 * var(--gap-2));
    }
}

@media (min-width: 1024px) {
    .hero__panel {
        max-width: 25.2vw;
        padding: calc(0.72 * var(--gap-2));
    }
}

/* Título do hero: menos “ar” acima das maiúsculas (2 linhas) */
.hero__panel .type-display {
    font-size: calc(0.72 * var(--type-display));
}

.hero__panel .type-lead {
    font-size: calc(0.78 * var(--type-lead));
}

.hero__panel .type-btn {
    font-size: calc(0.86 * var(--type-btn));
}

.hero__panel h1 {
    margin: 0;
    line-height: 1.05;
}

@supports (text-box-trim: trim-both) {
    .hero__panel h1 {
        text-box-trim: trim-both;
        text-box-edge: cap alphabetic;
    }
}

.hero__panel .mt-block {
    margin-top: calc(0.72 * var(--gap-1));
}

.hero__panel .text-white {
    color: #fff;
}

.hero__panel .text-white-90 {
    color: rgb(255 255 255 / 0.92);
}

.hero__panel .text-accent-light {
    color: var(--accent-light);
}

.hero__panel .btn {
    box-shadow: none;
    min-height: 5.45vw;
    padding-inline: max(1.23vw, 0.75rem);
    padding-block: 0.83vw;
}

@media (min-width: 640px) {
    .hero__panel .btn {
        min-height: 2.26rem;
        padding-inline: 1.03rem;
        padding-block: 0.54rem;
    }
}

.hero__panel .btn--ghost-light {
    background: rgb(255 255 255 / 0.12);
    color: #fff;
    border-color: transparent;
}

.hero__panel .btn--ghost-light:hover {
    background: rgb(255 255 255 / 0.2);
    color: #fff;
    border-color: transparent;
}

.hero__actions {
    margin-top: calc(0.72 * var(--gap-2));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(0.72 * var(--gap-1));
}

@media (min-width: 640px) {
    .hero__actions {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: calc(0.72 * var(--gap-1));
        margin-top: 0.972vw;
    }
}

/* Celular: mais ar no vidro e entre título, texto e botões */
@media (max-width: 639px) {
    .hero__panel {
        padding: max(2.88vw, 0.828rem) max(3.96vw, 1.044rem);
    }

    .hero__panel h1 {
        line-height: 1.14;
    }

    .hero__panel .type-lead {
        line-height: 1.62;
    }

    .hero__panel .mt-block {
        margin-top: calc(0.72 * var(--gap-2));
    }

    .hero__actions {
        margin-top: calc(0.72 * var(--gap-3));
        gap: calc(0.72 * var(--gap-2));
    }

    .hero__panel .btn {
        padding-block: max(1vw, 0.4rem);
        padding-inline: max(1.67vw, 0.88rem);
    }
}

/* Botões */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55em;
    border-radius: var(--radius);
    font-weight: 700;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    border: 0.2vw solid transparent;
    min-height: 8vw;
    padding-inline: var(--gap-2);
    padding-block: 1.2vw;
}

.btn__icon {
    flex-shrink: 0;
    width: 1.2em;
    height: 1.2em;
}

@media (min-width: 640px) {
    .btn {
        min-height: 3.25rem;
    }
}

.btn--primary {
    background: var(--accent);
    color: var(--brand-950);
    box-shadow: 0 0.3vw 1vw rgb(0 0 0 / 0.15);
}

.btn--primary:hover {
    background: var(--accent-light);
}

.btn--ghost-light {
    background: rgb(255 255 255 / 0.1);
    color: #fff;
    border-color: rgb(255 255 255 / 0.5);
    font-weight: 600;
    backdrop-filter: blur(0.25vw);
}

.btn--ghost-light:hover {
    background: rgb(255 255 255 / 0.2);
}

.btn--dark {
    background: var(--brand-900);
    color: #fff;
    box-shadow: 0 0.25vw 0.8vw rgb(0 0 0 / 0.12);
}

.btn--dark:hover {
    background: var(--brand-800);
}

.btn--outline {
    background: #fff;
    color: var(--brand-900);
    border: var(--border-thin) solid var(--brand-300);
    box-shadow: none;
}

.btn--outline:hover {
    background: var(--brand-50);
    border-color: var(--brand-400);
}

.btn--block {
    width: 100%;
}

@media (min-width: 640px) {
    .btn--auto {
        width: auto;
        padding-inline: 2.5rem;
    }
}

/* Seções página inicial */
.section {
    padding-block: var(--section-y);
    padding-inline: var(--pad-x);
    max-width: 90vw;
    margin-inline: auto;
}

.section--border-y {
    border-top: var(--border-thin) solid var(--brand-200);
    border-bottom: var(--border-thin) solid var(--brand-200);
    background: #fff;
}

/* Home: bloco clássico após hero */
.home-highlight {
    padding-top: max(var(--gap-4), 2rem);
}

.home-highlight__welcome {
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
    border-left: 0.22rem solid #426f95;
    background: #fff;
    padding: var(--gap-2);
}

.home-highlight__welcome-body > h2 {
    margin: 0;
}

.home-highlight__welcome-body > p {
    margin: 0.45rem 0 0;
}

.home-highlight__welcome-link {
    align-self: flex-start;
    background: var(--brand-900);
    color: #fff;
    font-weight: 700;
    padding: 0.65rem 1.05rem;
}

.home-highlight__cards {
    margin-top: var(--gap-4);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-4);
}

.home-highlight__card h3 {
    margin: 0 0 var(--gap-1);
    text-align: center;
}

@media (max-width: 639px) {
    .home-highlight__cards {
        gap: max(var(--gap-4), 1.6rem);
    }

    .home-highlight__card h3 {
        text-align: left;
    }
}

.home-highlight__image {
    width: 100%;
    aspect-ratio: 3 / 1.35;
    object-fit: cover;
    border: var(--border-thin) solid var(--brand-200);
}

.home-highlight__card p {
    margin: var(--gap-1) 0 0;
}

.home-highlight__more {
    font-weight: 700;
    text-decoration: underline;
    color: var(--brand-800);
}

@media (min-width: 1024px) {
    .home-highlight__welcome {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: var(--gap-4);
    }

    .home-highlight__welcome-link {
        align-self: center;
        flex-shrink: 0;
    }

    .home-highlight__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Áreas de atuação — cabeçalho centrado e título maior */
.section--areas {
    text-align: center;
}

.section--areas .areas-section__title {
    margin: 0;
    font-size: calc(var(--type-h2) * 1.28);
    line-height: 1.12;
    letter-spacing: -0.02em;
}

@media (min-width: 640px) {
    .section--areas .areas-section__title {
        font-size: calc(var(--type-h2) * 1.35);
    }
}

.section--areas .section--areas__lead {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: max(var(--gap-3), 1.35rem);
}

.section--areas .areas-grid {
    text-align: left;
}

.stack-sm > * + * {
    margin-top: var(--gap-1);
}

.mt-eyebrow {
    margin-top: 0.8vw;
}

@media (min-width: 640px) {
    .mt-eyebrow {
        margin-top: 1vw;
    }
}

.mt-block {
    margin-top: var(--gap-2);
}

.mt-section {
    margin-top: var(--gap-4);
}

.areas-grid {
    display: grid;
    gap: var(--gap-2);
    margin-top: var(--gap-4);
}

@media (min-width: 640px) {
    .areas-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .areas-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.area-item {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-1);
    padding: var(--gap-2) var(--gap-2);
    border: var(--border-thin) solid var(--brand-200);
    border-radius: var(--radius-lg);
    background: #fff;
    box-shadow: 0 0.1vw 0.4vw rgb(0 0 0 / 0.05);
}

.area-item__dot {
    flex-shrink: 0;
    width: 0.45vw;
    height: 0.45vw;
    min-width: 6px;
    min-height: 6px;
    margin-top: 0.55em;
    border-radius: 0;
    background: var(--accent);
}

.area-item__text {
    flex: 1;
    min-width: 0;
}

.area-item__sub {
    margin: 0.4em 0 0;
    line-height: 1.45;
}

.triple-grid {
    display: grid;
    gap: 0;
    max-width: 90vw;
    margin-inline: auto;
}

@media (min-width: 1024px) {
    .triple-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.triple-grid__cell {
    padding: var(--gap-4);
    border-bottom: var(--border-thin) solid var(--brand-100);
}

.triple-grid__cell:last-child {
    border-bottom: none;
}

@media (min-width: 1024px) {
    .triple-grid__cell {
        border-bottom: none;
        border-right: var(--border-thin) solid var(--brand-100);
    }

    .triple-grid__cell:last-child {
        border-right: none;
    }
}

.link-arrow {
    margin-top: var(--gap-2);
    display: inline-flex;
    align-items: center;
    gap: 0.25vw;
    font-weight: 700;
    color: var(--accent-dark);
    text-decoration: underline;
    text-underline-offset: 0.2vw;
}

.link-arrow:hover {
    opacity: 0.85;
}

.cta-box {
    border-radius: var(--radius-lg);
    border: var(--border-thin) solid var(--brand-200);
    background: linear-gradient(135deg, var(--brand-50), #fff);
    padding: var(--gap-4);
    box-shadow: 0 0.1vw 0.5vw rgb(0 0 0 / 0.06);
}

@media (min-width: 1024px) {
    .cta-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--gap-4);
    }

    .cta-box .btn {
        margin-top: 0;
        flex-shrink: 0;
    }
}

.cta-box .btn {
    margin-top: var(--gap-3);
}

.max-w-lead {
    max-width: 42vw;
}

@media (max-width: 639px) {
    .max-w-lead {
        max-width: 100%;
    }
}

@media (min-width: 640px) {
    .max-w-lead {
        max-width: 55vw;
    }
}

/* Páginas internas — cabeçalho no fluxo do .page-body */
.page-heading {
    margin: 0 0 var(--gap-2);
    padding-bottom: var(--gap-2);
    border-bottom: var(--border-thin) solid var(--brand-200);
}

.page-heading h1 {
    margin: 0;
}

.page-heading .type-eyebrow {
    color: var(--accent-dark);
}

.page-heading h1,
.page-heading .type-h1 {
    color: var(--brand-950);
}

.page-heading .type-lead {
    color: var(--brand-600);
    /* Mais próximo do h1 que o .mt-block global */
    margin-top: max(0.45rem, 0.65vw);
    margin-bottom: 0;
}

.page-body {
    /* Respiro abaixo do header fixo — título (h1) não colado ao topo */
    padding-top: max(calc(var(--section-y-sm) * 0.52), 1.25rem);
    padding-bottom: var(--section-y-sm);
    padding-inline: var(--pad-x);
    max-width: 90vw;
    margin-inline: auto;
}

.page-body__stack > * + * {
    margin-top: var(--gap-2);
}

/* Texto corrido justificado nas páginas internas (títulos e listas à esquerda) */
.page-body__stack {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    color: var(--brand-700);
}

.page-body__stack .type-body,
.page-body__stack .type-body-lg,
.page-body__stack ul,
.page-body__stack ol {
    color: inherit;
}

.page-body__stack h2.type-h2 {
    color: var(--brand-950);
}

.page-body__stack .type-small {
    color: var(--brand-600);
}

.page-heading,
.page-body__stack h2,
.page-body__stack h3 {
    text-align: left;
}

.page-body__stack p:has(> .btn:only-child),
.page-body__stack p:has(> button:only-child) {
    text-align: center;
}

.atuacao-lista {
    text-align: justify;
    hyphens: auto;
    -webkit-hyphens: auto;
    color: var(--brand-700);
}

.atuacao-lista .type-body {
    color: inherit;
}

.atuacao-lista .atuacao-lista__col {
    font-size: var(--type-body);
    line-height: 1.6;
}

.atuacao-lista .atuacao-lista__grid,
.atuacao-lista .atuacao-lista__grid ul {
    text-align: left;
}

.page-body h2.mt-extra {
    margin-top: var(--gap-4);
}

.cards-grid {
    display: grid;
    gap: var(--gap-3);
    margin-top: var(--gap-4);
}

@media (min-width: 640px) {
    .cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.card-block {
    border-radius: var(--radius-lg);
    border: var(--border-thin) solid var(--brand-200);
    background: #fff;
    padding: var(--gap-3);
    box-shadow: 0 0.1vw 0.4vw rgb(0 0 0 / 0.05);
}

.atuacao-lista__grid {
    margin-top: var(--gap-3);
    display: grid;
    gap: var(--gap-2) var(--gap-4);
}

@media (min-width: 640px) {
    .atuacao-lista__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .atuacao-lista__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.atuacao-lista__col {
    margin: 0;
    padding-left: 1.1em;
}

.atuacao-lista__col li + li {
    margin-top: 0.35em;
}

.link-inline {
    font-weight: 600;
    color: var(--accent-dark);
    text-decoration: underline;
}

.link-inline:hover {
    color: var(--brand-900);
}

.list-check {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-check li {
    display: flex;
    gap: var(--gap-1);
}

.list-check li + li {
    margin-top: var(--gap-1);
}

.list-check__bullet {
    margin-top: 0.5vw;
    width: 0.4vw;
    height: 0.4vw;
    min-width: 5px;
    min-height: 5px;
    flex-shrink: 0;
    border-radius: 0;
    background: var(--accent);
}

.list-disc {
    list-style: disc;
    padding-left: 2.5vw;
    margin: 0;
}

.list-disc li + li {
    margin-top: var(--gap-1);
}

.list-disc li::marker {
    color: var(--accent-dark);
}

/* Contato */
.contact-grid {
    display: grid;
    gap: var(--gap-4);
}

@media (min-width: 1024px) {
    .contact-grid {
        grid-template-columns: 1fr 1fr;
        gap: var(--gap-4);
    }
}

.contact-card {
    border-radius: var(--radius-lg);
    border: var(--border-thin) solid var(--brand-200);
    background: #fff;
    padding: var(--gap-3);
    box-shadow: 0 0.1vw 0.4vw rgb(0 0 0 / 0.05);
}

@media (min-width: 640px) {
    .contact-card {
        padding: var(--gap-4);
    }
}

.contact-grid--showcase {
    align-items: start;
}

@media (min-width: 1024px) {
    .contact-grid--showcase {
        grid-template-columns: minmax(16rem, 0.78fr) minmax(28rem, 1.22fr);
        gap: max(var(--gap-3), 2rem);
    }
}

.contact-card--form,
.contact-card--info {
    box-shadow: none;
    background: transparent;
    border: 0;
    padding: 0;
}

.contact-form__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-2);
}

@media (min-width: 640px) {
    .contact-form__row {
        grid-template-columns: repeat(3, 1fr);
    }
}

.contact-card--form .btn {
    min-width: 7rem;
}

.contact-card--info {
    display: grid;
    gap: var(--gap-3);
    order: 1;
}

.contact-card--form {
    order: 2;
}

.contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-2);
}

.contact-info-item__icon {
    width: 2.35rem;
    height: 2.35rem;
    min-width: 2.35rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #2f5f9b;
}

.contact-info-item__icon svg {
    width: 1.15rem;
    height: 1.15rem;
}

.contact-info-item h2,
.contact-info-item p {
    margin: 0;
}

.contact-info-item p {
    margin-top: 0.25rem;
}

.contact-card--info .contact-info-item h2 {
    color: var(--brand-950);
}

.contact-card--info .contact-info-item h2 {
    font-size: var(--type-body-lg);
    font-weight: 600;
}

.contact-card--info .contact-info-item p.type-body {
    color: var(--brand-700);
}

.contact-card--form .form-field .type-label {
    color: var(--brand-700);
    font-weight: 600;
    font-size: var(--type-body);
    line-height: 1.45;
}

.map-wrap {
    margin-top: var(--gap-4);
    overflow: hidden;
    border-radius: var(--radius-lg);
    border: var(--border-thin) solid var(--brand-200);
    background: var(--brand-100);
    box-shadow: inset 0 0.1vw 0.3vw rgb(0 0 0 / 0.05);
}

/* Mapa / mídia embed: altura em rem */
.map-iframe {
    width: 100%;
    height: 16rem;
    border: 0;
}

@media (min-width: 640px) {
    .map-iframe {
        height: 20rem;
    }
}

.form-stack > * + * {
    margin-top: var(--gap-2);
}

.form-field {
    display: block;
}

.form-field .type-label {
    display: block;
}

.input,
.textarea {
    width: 100%;
    margin-top: 0.6vw;
    padding: 1vw var(--gap-2);
    border: var(--border-thin) solid var(--brand-200);
    border-radius: var(--radius);
    background: var(--brand-50);
    color: var(--brand-900);
    font-family: inherit;
    font-size: var(--type-body);
    box-shadow: 0 0.05vw 0.2vw rgb(0 0 0 / 0.04);
}

.input:focus,
.textarea:focus {
    outline: none;
    border-color: var(--accent-dark);
    box-shadow: 0 0 0 0.15vw rgb(184 149 106 / 0.35);
}

.textarea {
    min-height: 8rem;
    resize: vertical;
}

.alert {
    margin-top: var(--gap-2);
    padding: var(--gap-1) var(--gap-2);
    border-radius: var(--radius);
    border: var(--border-thin) solid;
}

.alert--success {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #14532d;
}

.alert--error {
    background: #fef2f2;
    border-color: #fecaca;
    color: #7f1d1d;
}

/* Rodapé */
.site-footer {
    margin-top: auto;
    border-top: var(--border-thin) solid var(--brand-200);
    background: var(--brand-950);
    color: var(--brand-100);
}

.site-footer__inner {
    padding-top: var(--section-y);
    padding-inline: var(--pad-x);
    padding-bottom: max(var(--gap-2), 1rem);
    max-width: 90vw;
    margin-inline: auto;
}

.site-footer .type-small {
    font-size: max(calc(var(--type-small) * 1.2), 0.95rem);
}

.site-footer .type-eyebrow.footer-eyebrow {
    font-size: max(calc(var(--type-eyebrow) * 1.28), 0.82rem);
}

.site-footer .site-footer__bottom {
    font-size: max(calc(var(--type-small) * 1.12), 0.875rem);
    font-weight: 400;
    color: var(--brand-400);
}

.site-footer__bottom > p {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.site-footer__credit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-decoration: none;
}

.site-footer__credit-icon {
    flex-shrink: 0;
    width: 1.1em;
    height: 1.1em;
    color: inherit;
}

.site-footer__credit-icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

@media (min-width: 640px) {
    .site-footer__credit {
        justify-content: flex-end;
    }
}

/* Blocos completos (marca → contato → mapa) para ordem correta no mobile */
.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gap-1);
    align-items: start;
}

@media (max-width: 639px) {
    .footer-grid {
        gap: max(15vw, 1.25rem);
    }
}

.footer-col {
    display: flex;
    flex-direction: column;
    /* Título → conteúdo: um degrau abaixo de --gap-2 */
    gap: var(--gap-1);
    min-width: 0;
}

.footer-col__brand-name,
.footer-col__section-title {
    margin: 0;
}

@media (max-width: 639px) {
    .footer-col {
        gap: max(var(--gap-1), 0.65rem);
    }
}

@media (min-width: 640px) {
    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: var(--gap-3);
        column-gap: max(calc(var(--gap-4) + 10vw), 4rem);
    }

    .footer-col--local {
        grid-column: 1 / -1;
    }
}

@media (min-width: 1024px) {
    .footer-grid {
        grid-template-columns: repeat(3, 1fr);
        column-gap: max(calc(var(--gap-4) + 5vw), 5.5rem);
    }

    .footer-col--local {
        grid-column: auto;
    }
}

.footer-eyebrow {
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-1) var(--gap-2);
    list-style: none;
    padding: 0;
    margin: var(--gap-1) 0 0;
}

.footer-nav a {
    color: var(--brand-200);
}

.footer-nav a:hover {
    color: #fff;
}

.site-footer__bottom {
    margin-top: var(--gap-4);
    padding-top: var(--gap-3);
    border-top: var(--border-thin) solid var(--brand-800);
    display: flex;
    flex-direction: column;
    gap: var(--gap-1);
    text-align: center;
    /* Compensa o padding-inline do .site-footer__inner — faixa e texto mais junto às extremidades */
    margin-inline: calc(-1 * var(--pad-x));
    padding-inline: max(0.5rem, 1.15vw);
}

@media (min-width: 640px) {
    .site-footer__bottom {
        flex-direction: row;
        justify-content: space-between;
        text-align: left;
        padding-inline: max(0.65rem, 1vw);
    }
}

address {
    font-style: normal;
}

.link-footer-hover:hover {
    color: #fff;
}

.footer-contact {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
}

.site-footer .footer-contact {
    gap: var(--gap-1);
}

@media (max-width: 639px) {
    .site-footer .footer-contact {
        gap: max(var(--gap-2), 0.85rem);
    }
}

.footer-contact__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

@media (max-width: 639px) {
    .footer-contact__item {
        gap: 0.95rem;
    }
}

.footer-contact__icon {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.1em;
    color: var(--accent-light);
}

.footer-contact__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-contact__body {
    flex: 1;
    min-width: 0;
    line-height: 1.5;
    font-weight: 400;
}

@media (max-width: 639px) {
    .footer-contact__body {
        line-height: 1.62;
    }
}

.footer-legal__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--gap-2);
}

.site-footer .footer-legal__list {
    gap: var(--gap-1);
}

@media (max-width: 639px) {
    .site-footer .footer-legal__list {
        gap: max(var(--gap-2), 0.85rem);
    }
}

.footer-legal__item {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

@media (max-width: 639px) {
    .footer-legal__item {
        gap: 0.95rem;
    }
}

.footer-legal__icon {
    flex-shrink: 0;
    width: 1.35rem;
    height: 1.35rem;
    margin-top: 0.1em;
    color: var(--accent-light);
}

.footer-legal__icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.footer-legal__link,
.footer-legal__btn {
    flex: 1;
    min-width: 0;
    color: var(--brand-200);
    text-decoration: none;
    line-height: 1.5;
}

.footer-legal__btn {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    cursor: pointer;
    background: none;
    text-align: left;
}

.footer-legal__link:focus-visible,
.footer-legal__btn:focus-visible {
    outline: 0.12vw solid var(--accent-light);
    outline-offset: 0.2em;
}

.footer-legal__btn:hover,
.footer-legal__link:hover {
    color: #fff;
}

.footer-map__iframe {
    width: 100%;
    height: min(34vw, 11rem);
    min-height: 9rem;
    border: 0;
    border-radius: var(--radius-lg);
    background: var(--brand-800);
}

@media (min-width: 1024px) {
    .footer-map__iframe {
        height: 11rem;
    }
}

/* Banner e modal de consentimento de cookies (LGPD) */
.cookie-banner {
    position: fixed;
    inset: auto var(--gap-2) var(--gap-2) var(--gap-2);
    z-index: 70;
    width: 100%;
    max-width: min(96vw, 54rem);
    margin-inline: auto;
    padding: var(--gap-1) var(--gap-2);
    background: #fff;
    border: var(--border-thin) solid var(--brand-200);
    border-radius: var(--radius-lg);
    box-shadow: 0 0.5vw 2vw rgb(0 0 0 / 0.18);
    box-sizing: border-box;
}

.cookie-banner__title {
    margin: 0 0 0.35rem;
    font-size: var(--type-small);
}

.cookie-banner__text {
    margin: 0;
    line-height: 1.45;
}

.cookie-banner__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem var(--gap-1);
    align-items: center;
}

.cookie-banner__btn {
    flex: 1 1 auto;
    min-width: min(100%, 8rem);
    min-height: 0;
    padding-block: max(0.45rem, 0.9vw);
    padding-inline: var(--gap-1);
}

.cookie-banner .btn,
.cookie-dialog .btn {
    font-weight: 500;
}

.cookie-banner .btn-text.cookie-banner__link {
    flex: 1 1 100%;
    margin: 0;
    text-align: left;
}

@media (min-width: 520px) {
    .cookie-banner__inner {
        display: grid;
        grid-template-columns: 1fr minmax(13.5rem, 32%);
        gap: 0.4rem var(--gap-2);
        align-items: end;
    }

    .cookie-banner__title {
        grid-column: 1 / -1;
        margin: 0;
    }

    .cookie-banner__text {
        grid-column: 1;
        align-self: start;
    }

    .cookie-banner__actions {
        grid-column: 2;
        grid-row: 2;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 0.5rem;
    }

    .cookie-banner__btn {
        flex: 0 0 auto;
        min-width: 0;
        width: 100%;
    }

    .cookie-banner .btn-text.cookie-banner__link {
        flex: 0 0 auto;
        width: auto;
        align-self: flex-start;
        margin-top: 0.15rem;
    }
}

.btn-text {
    background: none;
    border: 0;
    padding: 0;
    font: inherit;
    color: var(--brand-700);
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

.btn-text:hover {
    color: var(--brand-900);
}

.cookie-modal {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--gap-2);
    box-sizing: border-box;
}

.cookie-modal.hidden {
    display: none !important;
}

.cookie-modal__backdrop {
    position: absolute;
    inset: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: rgb(20 29 43 / 0.55);
    cursor: pointer;
}

.cookie-modal__box {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: min(calc(100vw - 2rem), 40rem);
    border-radius: var(--radius-lg);
    background: #fff;
    box-shadow: 0 0.6vw 2.2vw rgb(0 0 0 / 0.2);
}

.cookie-dialog__panel {
    padding: var(--gap-3);
}

.cookie-dialog__list {
    list-style: none;
    margin: var(--gap-2) 0 0;
    padding: 0;
}

.cookie-dialog__item + .cookie-dialog__item {
    margin-top: var(--gap-2);
}

.cookie-dialog__label {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-1);
    font-weight: 500;
    color: var(--brand-900);
    cursor: pointer;
}

.cookie-dialog__check {
    margin-top: 0.35em;
    flex-shrink: 0;
}

.cookie-dialog__hint {
    display: block;
    margin-top: 0.35vw;
    margin-left: calc(var(--gap-1) + 1rem);
    font-weight: 400;
}

.cookie-dialog__actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap-1);
}

/* FAB flutuante — WhatsApp */
.fab-stack {
    position: fixed;
    bottom: max(0.5rem, 1.15vw, env(safe-area-inset-bottom, 0px));
    right: max(0.5rem, 1.15vw, env(safe-area-inset-right, 0px));
    z-index: 60;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0;
}

.whatsapp-fab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    min-width: 3.5rem;
    min-height: 3.5rem;
    max-width: 4.25rem;
    max-height: 4.25rem;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0.4vw 1.2vw rgb(0 0 0 / 0.25);
    transition: transform 0.2s, background 0.2s, box-shadow 0.2s;
}

.whatsapp-fab {
    background: var(--whatsapp);
}

.whatsapp-fab:hover {
    transform: scale(1.05);
    background: var(--whatsapp-hover);
    box-shadow: 0 0.5vw 1.5vw rgb(0 0 0 / 0.3);
}

.whatsapp-fab svg {
    width: 55%;
    height: 55%;
}

@media (min-width: 640px) {
    .whatsapp-fab {
        width: 10vw;
        height: 10vw;
        min-width: 4rem;
        min-height: 4rem;
    }
}

@media (min-width: 1024px) {
    .fab-stack {
        gap: 0;
        bottom: max(0.9rem, env(safe-area-inset-bottom, 0px));
        right: max(0.9rem, env(safe-area-inset-right, 0px));
    }

    .whatsapp-fab {
        width: 3.375rem;
        height: 3.375rem;
        min-width: 3.375rem;
        min-height: 3.375rem;
        max-width: 3.375rem;
        max-height: 3.375rem;
    }
}

.list-reset {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tracking-tight {
    letter-spacing: -0.02em;
}

.uppercase {
    text-transform: uppercase;
}

.tracking-widest {
    letter-spacing: 0.12em;
}

.tracking-wider {
    letter-spacing: 0.08em;
}

.not-italic {
    font-style: normal;
}

.space-y-tight > * + * {
    margin-top: 0.35vw;
}