* {
            box-sizing: border-box;
        }
body {
            margin: 0;
            min-height: 100vh;

            font-family:
                -apple-system,
                BlinkMacSystemFont,
                "Segoe UI",
                sans-serif;

            background:
                radial-gradient(
                    circle at 15% 0%,
                    var(--accent-soft),
                    transparent 28%
                ),
                var(--bg);
            color: var(--text);
        }

        a {
            color: inherit;
        }

        .container {
            width:
                min(
                    1180px,
                    calc(100% - 32px)
                );

            margin: 0 auto;
            padding: 42px 0 72px;
        }

        /* =========================================
           TOPO
        ========================================= */

        .topo {
            margin-bottom: 30px;
        }

        .marca-linha {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 14px;
        }

        .marca-identidade {
            display: inline-flex;
            align-items: center;
            gap: 9px;
        }

        .marca-farol {
            width: 24px;
            height: 28px;

            flex: 0 0 auto;

            color: var(--accent);

            filter:
                drop-shadow(
                    0 0 10px
                    rgba(78, 161, 255, .14)
                );
        }

        .marca-farol svg {
            display: block;

            width: 100%;
            height: 100%;

            fill: none;
            stroke: currentColor;

            stroke-width: 1.65;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        .marca-farol-feixe {
            opacity: .42;
        }

        .marca {
            color: var(--text);
            font-size: 1rem;
            font-weight: 850;
            letter-spacing: .08em;
        }

        .beta {
            display: inline-flex;
            align-items: center;

            padding: 4px 8px;

            border: 1px solid var(--accent-border);
            border-radius: 999px;

            background: var(--accent-soft);
            color: var(--accent);

            font-size: .72rem;
            font-weight: 700;
        }

        /* =========================================
           SELETOR DISCRETO DE CIDADE
        ========================================= */

        .cidade-seletor {
            position: relative;
            display: inline-flex;
            align-items: center;
        }

        .cidade-seletor select {
            width: auto;
            min-height: 30px;

            padding: 0 27px 0 10px;

            border: 1px solid var(--accent-border);
            border-radius: 999px;

            background: var(--accent-soft);
            color: var(--accent);

            font-size: .72rem;
            font-weight: 760;

            cursor: pointer;

            appearance: none;
            -webkit-appearance: none;

            box-shadow: none;
        }

        .cidade-seletor select:hover,
        .cidade-seletor select:focus {
            border-color: var(--accent-border);
            background: rgba(78, 161, 255, .16);
            box-shadow: none;
        }

        .cidade-seletor::after {
            content: "";

            position: absolute;
            right: 10px;

            width: 6px;
            height: 6px;

            border-right: 1.5px solid var(--accent);
            border-bottom: 1.5px solid var(--accent);

            transform: translateY(-2px) rotate(45deg);

            pointer-events: none;
            opacity: .82;
        }


        .topo h1 {
            margin: 0 0 8px;

            font-size:
                clamp(
                    1.8rem,
                    4vw,
                    2.7rem
                );

            line-height: 1.08;
            letter-spacing: -.03em;
        }

        .topo p {
            margin: 0;
            color: var(--muted);
            line-height: 1.5;
        }

        /* =========================================
           INDICADORES
        ========================================= */

        .indicadores {
            display: grid;

            grid-template-columns:
                repeat(
                    auto-fit,
                    minmax(190px, 1fr)
                );

            gap: 12px;
            margin-bottom: 34px;
        }

        .indicador {
            position: relative;
            overflow: hidden;

            background: var(--card);

            border: 1px solid var(--border);
            border-radius: var(--radius);

            padding: 19px;
        }

        .indicador::after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 2px;
            background: var(--accent);
            opacity: .75;
        }

        .indicador-label {
            color: var(--muted);
            font-size: .86rem;
            margin-bottom: 8px;
        }

        .indicador-valor {
            color: var(--text);
            font-size: 1.62rem;
            font-weight: 780;
            letter-spacing: -.025em;
        }

        /* =========================================
           SEÇÕES
        ========================================= */

        .secao {
            margin-bottom: 34px;
        }

        .secao-ranking {
            margin-top: 46px;
        }

        .secao h2 {
            margin: 0 0 6px;
            font-size: 1.3rem;
            letter-spacing: -.02em;
        }

        .secao-descricao {
            margin: 0 0 16px;
            color: var(--muted);
            font-size: .88rem;
            line-height: 1.45;
        }

        /* =========================================
           GRÁFICOS
        ========================================= */

        .secao-cabecalho {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }

        .secao-cabecalho-texto {
            min-width: 0;
        }

        .secao-cabecalho .secao-descricao {
            margin-bottom: 0;
        }

        .toggle-graficos {
            flex: 0 0 auto;

            width: auto;
            min-height: 38px;

            padding: 0 14px;

            border: 1px solid var(--border-strong);
            border-radius: 9px;

            background: var(--card);
            color: var(--text-soft);

            font: inherit;
            font-size: .8rem;
            font-weight: 700;

            cursor: pointer;
            transition:
                background .18s ease,
                border-color .18s ease,
                color .18s ease;
        }

        .toggle-graficos:hover {
            background: var(--card-hover);
            border-color: var(--accent-border);
            color: var(--text);
        }

        .graficos-conteudo[hidden] {
            display: none !important;
        }

        .graficos-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 12px;
        }

        .grafico-card {
            background: var(--card);

            border: 1px solid var(--border);
            border-radius: var(--radius);

            padding: 18px;
            min-height: 350px;
        }

        .grafico-card.grande {
            grid-column: 1 / -1;
        }

        .grafico-titulo {
            color: var(--text);
            font-size: .96rem;
            font-weight: 720;
            margin-bottom: 4px;
        }

        .grafico-subtitulo {
            color: var(--muted);
            font-size: .8rem;
            margin-bottom: 18px;
        }

        .grafico-wrapper {
            position: relative;
            height: 280px;
        }

        /* =========================================
           RANKING
        ========================================= */

        .ranking {
            display: grid;

            grid-template-columns:
                repeat(
                    auto-fit,
                    minmax(210px, 1fr)
                );

            gap: 9px;
        }

        .bairro-card {
            background: var(--card);

            border: 1px solid var(--border);
            border-radius: 12px;

            padding: 15px;

            transition:
                background .18s ease,
                border-color .18s ease;
        }

        .bairro-card:hover {
            background: var(--card-hover);
            border-color: var(--border-strong);
        }

        .bairro-card strong {
            display: block;
            margin-bottom: 5px;

            color: var(--text-soft);
            font-size: .9rem;
        }

        .bairro-preco {
            color: var(--text);
            font-size: 1.08rem;
            font-weight: 740;
        }

        .bairro-total {
            margin-top: 4px;
            color: var(--muted-2);
            font-size: .79rem;
        }

        /* =========================================
           FILTROS
        ========================================= */

        .filtros {
            background:
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .10),
                    var(--accent-soft) 55%,
                    rgba(255, 255, 255, .015)
                ),
                var(--card);

            border: 1px solid var(--accent-border);
            border-radius: 16px;

            padding: 22px;
            margin-bottom: 25px;

            box-shadow:
                0 18px 45px rgba(0, 0, 0, .18),
                inset 0 1px 0 rgba(255, 255, 255, .025);
        }

        .busca-cabecalho {
            margin-bottom: 15px;
        }

        .busca-cabecalho h2 {
            margin: 0 0 6px;
            font-size: 1.32rem;
            letter-spacing: -.025em;
        }

        .busca-cabecalho .secao-descricao {
            margin-bottom: 0;
        }

        .filtros-grid {
            display: grid;

            grid-template-columns:
                repeat(
                    auto-fit,
                    minmax(150px, 1fr)
                );

            gap: 9px;
        }

        .filtros-avancados {
            margin-top: 13px;
            border-top: 1px solid var(--border);
            padding-top: 12px;
        }

        .filtros-avancados summary {
            width: fit-content;
            color: var(--accent);
            cursor: pointer;
            font-size: .88rem;
            font-weight: 680;
        }

        .filtros-avancados .filtros-grid {
            margin-top: 12px;
        }

        .opcoes-binarias {
            display: flex;
            flex-wrap: wrap;
            gap: 8px 14px;
            margin-top: 12px;
        }

        .opcao-binaria {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            color: var(--muted);
            font-size: .84rem;
            cursor: pointer;
        }

        .opcao-binaria input {
            width: 17px;
            min-height: 17px;
            height: 17px;
            margin: 0;
            accent-color: var(--accent);
        }

        input,
        select,
        button {
            width: 100%;
            min-height: 44px;

            border-radius: 9px;
            border: 1px solid var(--border-strong);

            background: var(--input);
            color: var(--text);

            padding: 0 12px;

            font: inherit;

            outline: none;

            transition:
                border-color .18s ease,
                background .18s ease,
                box-shadow .18s ease;
        }

        input::placeholder {
            color: var(--muted-2);
        }

        input:focus,
        select:focus {
            border-color: var(--accent);

            box-shadow:
                0 0 0 3px
                rgba(78, 161, 255, .11);
        }

        select {
            color-scheme: light;
        }

        button {
            width: auto;

            background: var(--accent);
            color: #ffffff;

            border: 0;
            cursor: pointer;

            padding: 0 22px;

            font-weight: 780;
        }

        button:hover {
            filter: brightness(1.06);
        }

        .acoes {
            display: flex;
            align-items: center;
            gap: 14px;
            margin-top: 13px;
        }

        .limpar {
            color: var(--muted);
            text-decoration: none;
            font-size: .88rem;
        }

        .limpar:hover {
            color: var(--text-soft);
        }

        /* =========================================
           RESULTADOS
        ========================================= */

        .resultado-info {
            color: var(--muted);
            margin-bottom: 14px;
            font-size: .9rem;
        }

        .imoveis-grid {
            display: grid;

            grid-template-columns:
                repeat(
                    auto-fill,
                    minmax(280px, 1fr)
                );

            gap: 12px;
        }

        .imovel-card {
            display: flex;
            flex-direction: column;

            min-width: 0;

            background: var(--card);

            border: 1px solid var(--border);
            border-radius: var(--radius);

            padding: 17px;

            transition:
                transform .18s ease,
                background .18s ease,
                border-color .18s ease;
        }

        .imovel-card:hover {
            transform: translateY(-1px);
            background: var(--card-hover);
            border-color: var(--border-strong);
        }

        .imovel-local {
            color: var(--muted);
            font-size: .79rem;
            margin-bottom: 7px;
        }

        .imovel-card h2 {
            margin: 0 0 11px;

            color: var(--text-soft);

            font-size: .98rem;
            line-height: 1.38;
            font-weight: 680;
        }

        .imovel-preco {
            color: var(--text);

            font-size: 1.34rem;
            font-weight: 780;

            margin-bottom: 9px;

            letter-spacing: -.02em;
        }

        .caracteristicas {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;

            color: var(--muted);
            font-size: .85rem;
        }

        .valor-m2 {
            margin-top: 12px;

            color: var(--accent);

            font-size: .92rem;
            font-weight: 720;
        }

        .detalhes-imovel {
            margin-top: 12px;
            border-top: 1px solid var(--border);
            padding-top: 10px;
        }

        .detalhes-imovel summary {
            color: var(--text-soft);
            cursor: pointer;
            font-size: .82rem;
            font-weight: 680;
        }

        .atributos-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 9px 12px;
            margin: 12px 0 0;
        }

        .atributos-grid div {
            min-width: 0;
        }

        .atributos-grid dt {
            color: var(--muted-2);
            font-size: .7rem;
            line-height: 1.25;
        }

        .atributos-grid dd {
            margin: 2px 0 0;
            color: var(--text-soft);
            font-size: .82rem;
            line-height: 1.3;
            overflow-wrap: anywhere;
        }

        .recortes-atributos {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
            gap: 12px;
        }

        .recorte-card {
            padding: 16px;
            border: 1px solid var(--border);
            border-radius: var(--radius);
            background: var(--card);
        }

        .recorte-card h3 {
            margin: 0 0 11px;
            color: var(--text-soft);
            font-size: .96rem;
        }

        .recorte-item {
            display: flex;
            justify-content: space-between;
            gap: 10px;
            padding: 7px 0;
            border-top: 1px solid var(--border);
            color: var(--muted);
            font-size: .79rem;
        }

        .recorte-item strong {
            color: var(--accent);
            white-space: nowrap;
        }

        .imobiliaria {
            margin-top: auto;
            padding-top: 16px;

            color: var(--muted-2);
            font-size: .8rem;
        }

        .link-original {
            display: inline-block;
            margin-top: 10px;

            color: var(--accent);

            font-size: .86rem;
            font-weight: 680;

            text-decoration: none;
        }

        .link-original:hover {
            color: var(--accent);
            text-decoration: underline;
        }

        /* =========================================
           PAGINAÇÃO
        ========================================= */

        .paginacao {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;

            gap: 18px;
            margin-top: 34px;

            color: var(--muted);
        }

        .paginacao a {
            color: var(--accent);
            text-decoration: none;
            font-weight: 680;
        }

        .paginacao a:hover {
            text-decoration: underline;
        }

        /* =========================================
           NOTA
        ========================================= */

        .nota-dados {
            margin-top: 40px;
            padding-top: 20px;

            border-top: 1px solid var(--border);

            color: var(--muted-2);

            font-size: .78rem;
            line-height: 1.55;
        }

        .desenvolvido-por {
            margin-top: 14px;
            color: var(--muted-2);
            font-size: .76rem;
        }

        .desenvolvido-por a {
            color: var(--muted);
            font-weight: 680;
            text-decoration: none;
        }

        .desenvolvido-por a:hover {
            color: var(--text-soft);
            text-decoration: underline;
        }


        /* =========================================
           VOLTAR AO TOPO
        ========================================= */

        .voltar-topo {
            position: fixed;
            right: 18px;
            bottom: 18px;
            z-index: 999;

            width: 42px;
            height: 42px;
            min-height: 42px;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 0;

            border: 1px solid var(--border-strong);
            border-radius: 50%;

            background: var(--card);
            color: var(--text-soft);

            box-shadow: 0 8px 24px rgba(0, 0, 0, .22);

            cursor: pointer;

            opacity: 0;
            visibility: hidden;
            transform: translateY(8px);

            transition:
                opacity .18s ease,
                visibility .18s ease,
                transform .18s ease,
                background .18s ease,
                border-color .18s ease;
        }

        .voltar-topo.visivel {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .voltar-topo:hover {
            background: var(--card-hover);
            border-color: var(--accent-border);
        }

        .voltar-topo svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 2;
            stroke-linecap: round;
            stroke-linejoin: round;
        }

        /* =========================================
           MOBILE
        ========================================= */

        @media (max-width: 760px) {

            .voltar-topo {
                right: 12px;
                bottom: 14px;

                width: 40px;
                height: 40px;
                min-height: 40px;
            }

            .container {
                width: calc(100% - 20px);
                padding: 8px 0 42px;
            }

            .topo {
                margin-bottom: 21px;
            }

            .topo .marca-linha {
                display: none;
            }

            .marca-farol {
                width: 22px;
                height: 26px;
            }

            .marca-identidade {
                gap: 8px;
            }

            .topo h1 {
                margin-top: 2px;

                font-size: 1.7rem;
                line-height: 1.12;
            }

            .topo p {
                max-width: 32rem;
                font-size: .88rem;
            }

            .indicadores {
                grid-template-columns:
                    repeat(
                        3,
                        minmax(0, 1fr)
                    );

                gap: 7px;
                margin-bottom: 26px;
            }

            .indicador {
                padding: 12px 10px;
                border-radius: 11px;
                min-width: 0;
            }

            .indicador-label {
                min-height: 32px;

                margin-bottom: 5px;

                font-size: .68rem;
                line-height: 1.18;
            }

            .indicador-valor {
                font-size: 1rem;
                line-height: 1.15;
                overflow-wrap: anywhere;
            }

            .secao {
                margin-bottom: 27px;
            }

            .secao-ranking {
                margin-top: 34px;
            }

            .secao h2 {
                font-size: 1.12rem;
            }

            .secao-cabecalho {
                align-items: center;
                gap: 9px;
                margin-bottom: 11px;
            }

            .secao-cabecalho .secao-descricao {
                font-size: .78rem;
            }

            .toggle-graficos {
                min-height: 35px;
                padding: 0 10px;
                font-size: .73rem;
                white-space: nowrap;
            }

            .graficos-grid {
                grid-template-columns: 1fr;
                gap: 9px;
            }

            .grafico-card,
            .grafico-card.grande {
                grid-column: auto;

                min-height: 0;

                padding: 13px;
                border-radius: 11px;
            }

            .grafico-subtitulo {
                margin-bottom: 10px;
            }

            .grafico-wrapper {
                height: 225px;
            }

            .ranking {
                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

                gap: 7px;
            }

            .bairro-card {
                padding: 12px;
            }

            .bairro-preco {
                font-size: .97rem;
            }

            .filtros {
                padding: 15px;
                margin-bottom: 20px;
                border-radius: 13px;
            }

            .busca-cabecalho {
                margin-bottom: 12px;
            }

            .busca-cabecalho h2 {
                font-size: 1.12rem;
            }

            .filtros-grid {
                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

                gap: 7px;
            }

            .opcoes-binarias {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            input,
            select,
            button {
                min-width: 0;
                min-height: 41px;
                font-size: .85rem;
            }

            .acoes {
                display: grid;
                grid-template-columns: 1fr auto;
                align-items: center;

                gap: 11px;
                margin-top: 9px;
            }

            .acoes button {
                width: 100%;
            }

            .limpar {
                padding: 8px 2px;
                white-space: nowrap;
            }

            .resultado-info {
                margin-bottom: 11px;
                font-size: .86rem;
            }

            .imoveis-grid {
                grid-template-columns: 1fr;
                gap: 9px;
            }

            .imovel-card {
                padding: 14px;
                border-radius: 11px;
            }

            .imovel-card h2 {
                margin-bottom: 8px;
                font-size: .94rem;
            }

            .imovel-preco {
                font-size: 1.2rem;
            }

            .paginacao {
                gap: 12px;
                margin-top: 26px;
                font-size: .87rem;
            }

            .nota-dados {
                margin-top: 30px;
            }
        }

        @media (max-width: 390px) {

            .container {
                width: calc(100% - 16px);
            }

            .indicadores {
                grid-template-columns: 1fr;
            }

            .indicador {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;

                padding: 11px 12px;
            }

            .indicador-label {
                min-height: 0;
                margin-bottom: 0;
            }

            .indicador-valor {
                flex: 0 0 auto;
                text-align: right;
            }

            .ranking {
                grid-template-columns: 1fr;
            }

            .filtros-grid {
                grid-template-columns: 1fr;
            }

            .secao-cabecalho {
                align-items: flex-start;
                flex-direction: column;
            }

            .toggle-graficos {
                width: 100%;
            }

            .acoes {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .grafico-wrapper {
                height: 210px;
            }
        }


        /* =========================================
           MENU DE NAVEGAÇÃO POR ÂNCORAS
        ========================================= */

        html {
            scroll-behavior: smooth;
            scroll-padding-top: 92px;
        }

        .menu-site {
            position: sticky;
            top: 0;
            z-index: 900;

            margin-bottom: 26px;
            padding: 9px;

            background:
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .10),
                    var(--accent-soft) 58%,
                    transparent
                ),
                var(--bg);

            border:
                1px solid
                var(--accent-border);

            border-radius: 12px;

            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);

            box-shadow:
                0 10px 30px
                rgba(0, 0, 0, .16);
        }

        .menu-site.menu-aberto {
            background:
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .20),
                    var(--accent-soft) 62%,
                    transparent
                ),
                var(--bg);

            border-color:
                var(--accent-border);

            box-shadow:
                0 14px 38px
                rgba(0, 0, 0, .24);
        }

        .menu-site-lista {
            display: flex;
            align-items: center;
            gap: 7px;

            margin: 0;
            padding: 0;

            list-style: none;

            overflow-x: auto;
            overscroll-behavior-x: contain;

            scrollbar-width: none;
        }

        .menu-site-lista::-webkit-scrollbar {
            display: none;
        }

        .menu-site a {
            display: inline-flex;
            align-items: center;
            justify-content: center;

            min-height: 36px;

            padding: 0 12px;

            border:
                1px solid
                transparent;

            border-radius: 8px;

            color: var(--muted);
            background: transparent;

            font-size: .79rem;
            font-weight: 700;

            text-decoration: none;
            white-space: nowrap;

            transition:
                color .18s ease,
                background .18s ease,
                border-color .18s ease;
        }

        .menu-site a:hover,
        .menu-site a:focus-visible {
            color: var(--text);
            background: var(--card);
            border-color: var(--border);
        }

        .menu-site a.ativo {
            color: var(--accent);

            background: var(--accent-soft);

            border-color:
                var(--accent-border);
        }

        .ancora-secao {
            scroll-margin-top: 92px;
        }

        .menu-mobile-cabecalho {
            display: none;
        }

        .menu-mobile-toggle {
            display: none;
        }

        .menu-somente-mobile {
            display: none;
        }

        .link-analises {
            display: inline-flex;
            margin-top: 9px;
            color: var(--accent);
            font-size: .84rem;
            font-weight: 720;
            text-decoration: none;
        }

        .link-analises:hover,
        .link-analises:focus-visible {
            color: var(--text);
        }

        @media (max-width: 760px) {

            .menu-somente-mobile {
                display: list-item;
            }

            html {
                scroll-padding-top: 82px;
            }

            .menu-site {
                top: 4px;

                margin-bottom: 20px;
                padding: 7px;

                border-radius: 11px;

                background:
                    linear-gradient(
                        135deg,
                        rgba(78, 161, 255, .12),
                        rgba(78, 161, 255, .04) 60%,
                        transparent
                    ),
                    var(--bg);

                box-shadow:
                    0 12px 34px
                    rgba(0, 0, 0, .24);
            }

            .menu-mobile-cabecalho {
                width: 100%;
                min-height: 42px;

                display: flex;
                align-items: center;
                justify-content: space-between;

                gap: 12px;

                padding:
                    0 12px;

                border:
                    1px solid
                    var(--accent-border);

                border-radius:
                    8px;

                background:
                    linear-gradient(
                        135deg,
                        rgba(78, 161, 255, .13),
                        var(--accent-soft)
                    ),
                    var(--card);
            }

            .menu-mobile-toggle {
                width: auto;
                min-height: 34px;

                display: inline-flex;
                align-items: center;
                justify-content: center;

                gap: 10px;

                padding:
                    0;

                border: 0;
                border-radius: 0;

                background:
                    transparent;

                color:
                    var(--text-soft);

                font-size:
                    .8rem;

                font-weight:
                    760;

                cursor:
                    pointer;

                transition:
                    color .18s ease;
            }

            .menu-mobile-toggle:hover,
            .menu-mobile-toggle:focus-visible {
                background:
                    transparent;

                color:
                    var(--accent);
            }

            .menu-site.menu-aberto
            .menu-mobile-cabecalho {
                border-color:
                    var(--accent-border);

                background:
                    linear-gradient(
                        135deg,
                        rgba(78, 161, 255, .22),
                        var(--accent-soft)
                    ),
                    var(--card);
            }

            .menu-mobile-marca {
                display: inline-flex;
                align-items: center;
                min-width: 0;
                gap: 7px;

                color: inherit;
                text-decoration: none;
            }

            .menu-mobile-marca:hover,
            .menu-mobile-marca:focus-visible {
                color: inherit;
                text-decoration: none;
                outline: none;
            }

            .menu-mobile-farol {
                width: 19px;
                height: 23px;

                flex: 0 0 auto;

                color: var(--accent);
            }

            .menu-mobile-farol svg {
                display: block;

                width: 100%;
                height: 100%;

                fill: none;
                stroke: currentColor;

                stroke-width: 1.65;
                stroke-linecap: round;
                stroke-linejoin: round;
            }

            .menu-mobile-marca-nome {
                color: var(--text);

                font-size: .78rem;
                font-weight: 850;
                letter-spacing: .08em;
            }

            .menu-mobile-beta {
                display: inline-flex;
                align-items: center;

                padding: 3px 7px;

                border: 1px solid var(--accent-border);
                border-radius: 999px;

                background: var(--accent-soft);
                color: var(--accent);

                font-size: .64rem;
                font-weight: 760;
            }

            .menu-mobile-acao {
                display: inline-flex;
                align-items: center;

                flex: 0 0 auto;

                gap: 10px;
            }

            .menu-mobile-toggle-texto {
                display: flex;
                align-items: center;

                color: var(--text-soft);

                font-size: .82rem;
                font-weight: 760;
            }

            .menu-mobile-toggle-icone {
                position: relative;

                width: 18px;
                height: 14px;

                flex: 0 0 auto;
            }

            .menu-mobile-toggle-icone::before,
            .menu-mobile-toggle-icone::after,
            .menu-mobile-toggle-icone span {
                content: "";

                position: absolute;
                left: 0;

                width: 18px;
                height: 2px;

                border-radius:
                    999px;

                background:
                    currentColor;

                transition:
                    transform .18s ease,
                    top .18s ease,
                    opacity .18s ease;
            }

            .menu-mobile-toggle-icone::before {
                top: 0;
            }

            .menu-mobile-toggle-icone span {
                top: 6px;
            }

            .menu-mobile-toggle-icone::after {
                top: 12px;
            }

            .menu-site.menu-aberto
            .menu-mobile-toggle-icone::before {
                top: 6px;

                transform:
                    rotate(45deg);
            }

            .menu-site.menu-aberto
            .menu-mobile-toggle-icone span {
                opacity: 0;
            }

            .menu-site.menu-aberto
            .menu-mobile-toggle-icone::after {
                top: 6px;

                transform:
                    rotate(-45deg);
            }

            .menu-site-lista {
                display: none;

                grid-template-columns:
                    repeat(
                        2,
                        minmax(0, 1fr)
                    );

                gap: 6px;

                margin-top: 7px;

                overflow: visible;
            }

            .menu-site.menu-aberto
            .menu-site-lista {
                display: grid;
            }

            .menu-site-lista li {
                min-width: 0;
            }

            .menu-site-lista .menu-mobile-secundario {
                display: none;
            }

            .troca-cidade-mobile {
                grid-column: 1 / -1;

                display: flex;
                align-items: center;
                justify-content: space-between;

                gap: 10px;

                min-height: 40px;
                padding: 0 10px;

                border: 1px solid var(--border);
                border-radius: 8px;

                background: var(--card);
            }

            .troca-cidade-mobile-label {
                color: var(--muted);
                font-size: .73rem;
                font-weight: 700;
            }

            .troca-cidade-mobile .cidade-seletor {
                margin-left: auto;
            }

            .troca-cidade-mobile .cidade-seletor select {
                max-width: 175px;
                min-height: 32px;

                padding-left: 9px;

                font-size: .72rem;
            }

            .menu-site-lista a {
                width: 100%;
                min-height: 40px;

                justify-content: flex-start;

                padding:
                    0 11px;

                border:
                    1px solid
                    var(--border);

                background:
                    var(--card);

                font-size:
                    .75rem;

                white-space:
                    normal;

                line-height:
                    1.2;
            }

            .menu-site-lista a:hover,
            .menu-site-lista a:focus-visible {
                background:
                    var(--card-hover);
            }

            .menu-site-lista a.ativo {
                background:
                    var(--accent-soft);

                border-color:
                    var(--accent-border);
            }

            .menu-site .menu-pro {
                color:
                    var(--accent);

                background:
                    linear-gradient(
                        135deg,
                        rgba(78, 161, 255, .20),
                        rgba(78, 161, 255, .10)
                    );

                border-color:
                    var(--accent-border);

                font-weight:
                    820;

                box-shadow:
                    inset 0 1px 0
                    rgba(255, 255, 255, .035);
            }

            .ancora-secao {
                scroll-margin-top: 82px;
            }
        }

        @media (max-width: 390px) {

            .menu-mobile-beta {
                padding: 3px 6px;
                font-size: .6rem;
            }

            .menu-mobile-marca-nome {
                font-size: .72rem;
            }

            .menu-mobile-acao {
                gap: 8px;
            }

            .menu-site {
                margin-left: 0;
                margin-right: 0;
            }

            .menu-site-lista {
                grid-template-columns:
                    1fr;
            }

            .menu-site-lista a {
                min-height: 39px;

                padding:
                    0 11px;
            }
        }


        /* =========================================
           RADARM2 PRO — POPUP
        ========================================= */

        .menu-site .menu-pro {
            color:
                var(--accent);

            background:
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .18),
                    rgba(78, 161, 255, .085)
                );

            border-color:
                var(--accent-border);

            font-weight:
                820;

            box-shadow:
                inset 0 1px 0
                rgba(255, 255, 255, .035);

            transition:
                color .18s ease,
                background .18s ease,
                border-color .18s ease,
                box-shadow .18s ease,
                transform .18s ease;
        }

        .menu-site .menu-pro:hover,
        .menu-site .menu-pro:focus-visible {
            color:
                var(--text);

            background:
                linear-gradient(
                    135deg,
                    var(--accent-border),
                    rgba(78, 161, 255, .15)
                );

            border-color:
                var(--accent-border);

            box-shadow:
                0 0 0 3px
                var(--accent-soft),
                inset 0 1px 0
                rgba(255, 255, 255, .05);

            transform:
                translateY(-1px);
        }

        .modal-pro {
            position: fixed;
            inset: 0;
            z-index: 10050;

            display: flex;
            align-items: center;
            justify-content: center;

            padding: 20px;

            background:
                rgba(5, 13, 24, .80);

            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);

            opacity: 0;
            visibility: hidden;
            pointer-events: none;

            transition:
                opacity .22s ease,
                visibility .22s ease;
        }

        .modal-pro.aberto {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .modal-pro-card {
            position: relative;

            width:
                min(
                    620px,
                    100%
                );

            max-height:
                min(
                    720px,
                    calc(100vh - 40px)
                );

            overflow-y: auto;

            padding: 26px;

            border:
                1px solid
                var(--accent-border);

            border-radius: 16px;

            background:
                linear-gradient(
                    145deg,
                    rgba(78, 161, 255, .18),
                    var(--accent-soft) 42%,
                    transparent 74%
                ),
                var(--card);

            box-shadow:
                0 24px 70px
                rgba(0, 0, 0, .42);

            transform:
                translateY(10px)
                scale(.985);

            transition:
                transform .22s ease;
        }

        .modal-pro.aberto
        .modal-pro-card {
            transform:
                translateY(0)
                scale(1);
        }

        .modal-pro-fechar {
            position: absolute;
            top: 14px;
            right: 14px;

            width: 38px;
            height: 38px;
            min-height: 38px;

            display: inline-flex;
            align-items: center;
            justify-content: center;

            padding: 0;

            border:
                1px solid
                var(--border-strong);

            border-radius: 50%;

            background:
                var(--bg-soft);

            color:
                var(--text-soft);

            cursor: pointer;
        }

        .modal-pro-fechar:hover {
            background:
                var(--card-hover);
        }

        .modal-pro-fechar svg {
            width: 17px;
            height: 17px;

            fill: none;
            stroke: currentColor;

            stroke-width: 2;
            stroke-linecap: round;
        }

        .modal-pro-selo {
            display: inline-flex;
            align-items: center;

            margin-bottom: 13px;
            padding: 5px 9px;

            border:
                1px solid
                var(--accent-border);

            border-radius: 999px;

            background:
                rgba(78, 161, 255, .12);

            color:
                var(--accent);

            font-size: .72rem;
            font-weight: 760;
            letter-spacing: .04em;
        }

        .modal-pro h2 {
            max-width: 500px;

            margin:
                0 48px
                9px 0;

            color:
                var(--text);

            font-size:
                clamp(
                    1.45rem,
                    4vw,
                    2rem
                );

            line-height: 1.12;
            letter-spacing: -.03em;
        }

        .modal-pro-intro {
            margin:
                0 0 22px;

            max-width: 540px;

            color:
                var(--muted);

            font-size: .9rem;
            line-height: 1.62;
        }

        .modal-pro-beneficios {
            display: grid;

            grid-template-columns:
                repeat(
                    3,
                    minmax(0, 1fr)
                );

            gap: 9px;

            margin:
                0 0 21px;
        }

        .modal-pro-beneficio {
            min-width: 0;

            padding:
                14px;

            border:
                1px solid
                var(--border);

            border-radius:
                11px;

            background:
                rgba(255, 255, 255, .015);
        }

        .modal-pro-beneficio strong {
            display: block;

            margin-bottom: 6px;

            color:
                var(--text-soft);

            font-size: .82rem;
            line-height: 1.3;
        }

        .modal-pro-beneficio span {
            display: block;

            color:
                var(--muted-2);

            font-size: .75rem;
            line-height: 1.45;
        }

        .modal-pro-destaque {
            margin-bottom: 20px;

            padding:
                16px 17px;

            border:
                1px solid
                var(--accent-border);

            border-radius:
                11px;

            background:
                var(--accent-soft);
        }

        .modal-pro-destaque strong {
            display: block;

            margin-bottom: 6px;

            color:
                var(--accent);

            font-size: .84rem;
        }

        .modal-pro-destaque p {
            margin: 0;

            color:
                var(--muted);

            font-size: .82rem;
            line-height: 1.55;
        }

        .modal-pro-contato {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 18px;

            margin-top: 4px;
            padding-top: 18px;

            border-top:
                1px solid
                var(--border);
        }

        .modal-pro-contato-texto strong {
            display: block;

            margin-bottom: 4px;

            color:
                var(--text-soft);

            font-size: .88rem;
        }

        .modal-pro-contato-texto span {
            display: block;

            color:
                var(--muted-2);

            font-size: .78rem;
            line-height: 1.4;
        }

        .modal-pro-cta {
            flex: 0 0 auto;

            display: inline-flex;
            align-items: center;
            justify-content: center;

            min-height: 42px;

            padding:
                0 16px;

            border-radius: 9px;

            background:
                var(--accent);

            color:
                #ffffff;

            font-size: .82rem;
            font-weight: 780;

            text-decoration: none;
        }

        .modal-pro-cta:hover {
            filter:
                brightness(1.06);
        }

        body.modal-pro-ativo {
            overflow: hidden;
        }

        @media (max-width: 620px) {

            .modal-pro {
                align-items: flex-end;

                padding:
                    12px;
            }

            .modal-pro-card {
                width: 100%;
                max-height:
                    calc(100vh - 24px);

                padding:
                    21px 17px 18px;

                border-radius:
                    15px;
            }

            .modal-pro-fechar {
                top: 11px;
                right: 11px;

                width: 36px;
                height: 36px;
                min-height: 36px;
            }

            .modal-pro h2 {
                margin-right: 42px;

                font-size:
                    1.45rem;
            }

            .modal-pro-beneficios {
                grid-template-columns: 1fr;
                gap: 7px;
            }

            .modal-pro-beneficio {
                padding: 12px 13px;
            }

            .modal-pro-contato {
                align-items: stretch;
                flex-direction: column;
                gap: 13px;
            }

            .modal-pro-cta {
                width: 100%;
            }
        }

        @media (prefers-reduced-motion: reduce) {

            .modal-pro,
            .modal-pro-card {
                transition: none;
            }
        }

        /* FAVORITOS — GRATUITO / NAVEGADOR */
        .imovel-acoes-linha{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}
        .imovel-acoes-linha .link-original{margin-top:0}
        .favorito-botao{width:auto;min-height:34px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--border-strong);border-radius:8px;background:transparent;color:var(--muted);font-size:.78rem;font-weight:700;cursor:pointer}
        .favorito-botao:hover,.favorito-botao:focus-visible{background:var(--card-hover);border-color:var(--accent-border);color:var(--text)}
        .favorito-botao svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
        .favorito-botao.ativo{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}
        .favorito-botao.ativo svg{fill:currentColor}
        .menu-favoritos-contador{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.65rem;font-weight:800}
        .modal-favoritos{position:fixed;inset:0;z-index:10060;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(5,13,24,.80);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
        .modal-favoritos.aberto{opacity:1;visibility:visible;pointer-events:auto}
        .modal-favoritos-card{position:relative;width:min(720px,100%);max-height:min(760px,calc(100vh - 40px));overflow-y:auto;padding:25px;border:1px solid var(--accent-border);border-radius:16px;background:linear-gradient(145deg,rgba(78,161,255,.12),rgba(78,161,255,.035) 45%,transparent 74%),var(--card);box-shadow:0 24px 70px rgba(0,0,0,.42)}
        .modal-favoritos-fechar{position:absolute;top:13px;right:13px;width:38px;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--bg-soft);color:var(--text-soft)}
        .modal-favoritos-fechar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
        .modal-favoritos h2{margin:0 48px 6px 0;font-size:1.35rem}
        .favoritos-intro{margin:0 0 18px;color:var(--muted);font-size:.83rem;line-height:1.5}
        .favoritos-aviso{margin:0 0 17px;padding:11px 13px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.018);color:var(--muted-2);font-size:.76rem;line-height:1.45}
        .favoritos-lista{display:grid;gap:9px}
        .favorito-item{position:relative;padding:14px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.015)}
        .favorito-cidade{position:absolute;top:12px;right:12px;padding:4px 7px;border:1px solid var(--accent-border);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:.64rem;font-weight:760;letter-spacing:.035em;text-transform:uppercase}
        .favorito-item-local{margin-bottom:4px;padding-right:120px;color:var(--muted-2);font-size:.73rem}
        .favorito-item-titulo{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.35;font-weight:700}
        .favorito-item-preco{margin-top:8px;color:var(--text);font-size:1rem;font-weight:780}
        .favorito-item-preco small{display:block;margin-bottom:2px;color:var(--muted-2);font-size:.67rem;font-weight:600}
        .favorito-item-acoes{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:10px}
        .favorito-item-link{color:var(--accent);font-size:.78rem;font-weight:700;text-decoration:none}
        .favorito-remover{width:auto;min-height:30px;padding:0;border:0;background:transparent;color:var(--muted-2);font-size:.75rem;font-weight:650}
        .favoritos-vazio{padding:22px 14px;border:1px dashed var(--border-strong);border-radius:11px;color:var(--muted);text-align:center;font-size:.82rem;line-height:1.5}
        body.modal-favoritos-ativo{overflow:hidden}
        @media(max-width:620px){.imovel-acoes-linha{align-items:stretch;flex-direction:column}.favorito-botao{width:100%}.modal-favoritos{align-items:flex-end;padding:12px}.modal-favoritos-card{width:100%;max-height:calc(100vh - 24px);padding:21px 17px 18px;border-radius:15px}}



        /* FAVORITOS — complemento */
        .favoritos-aviso strong{
            display:block;
            margin-bottom:5px;
            color:var(--text-soft);
            font-size:.79rem;
        }

        .favoritos-aviso span{
            display:block;
        }

        .favoritos-pro{
            display:flex;
            align-items:center;
            justify-content:space-between;
            gap:18px;
            margin-top:18px;
            padding:16px;
            border:1px solid var(--accent-border);
            border-radius:12px;
            background:linear-gradient(135deg,rgba(78,161,255,.10),rgba(78,161,255,.035));
        }

        .favoritos-pro-texto{min-width:0}

        .favoritos-pro-selo{
            display:inline-flex;
            margin-bottom:7px;
            color:var(--accent);
            font-size:.68rem;
            font-weight:820;
            letter-spacing:.06em;
        }

        .favoritos-pro strong{
            display:block;
            margin-bottom:5px;
            color:var(--text-soft);
            font-size:.86rem;
            line-height:1.35;
        }

        .favoritos-pro p{
            margin:0;
            color:var(--muted);
            font-size:.77rem;
            line-height:1.5;
        }

        .favoritos-pro-cta{
            flex:0 0 auto;
            width:auto;
            min-height:38px;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            padding:0 14px;
            border:0;
            border-radius:8px;
            background:var(--accent);
            color:#ffffff;
            font-size:.77rem;
            font-weight:800;
            text-decoration:none;
            cursor:pointer;
        }

        .favoritos-pro-cta:hover{filter:brightness(1.06)}

        .favoritos-local-nota{
            margin-top:13px;
            color:var(--muted-2);
            font-size:.7rem;
            line-height:1.45;
        }

        @media(max-width:620px){
            .favoritos-pro{
                align-items:stretch;
                flex-direction:column;
                gap:12px;
            }

            .favoritos-pro-cta{
                width:100%;
            }
        }



        /* =========================================
           FAVORITOS — VISUAL MINIMALISTA
        ========================================= */

        .modal-favoritos-card {
            width: min(660px, 100%);
            padding: 23px;
            border-color: var(--border-strong);
            background: var(--card);
        }

        .favoritos-cabecalho {
            margin-bottom: 15px;
        }

        .modal-favoritos h2 {
            margin: 0 48px 3px 0;
            font-size: 1.22rem;
        }

        .favoritos-intro {
            margin: 0;
            color: var(--muted);
            font-size: .78rem;
            line-height: 1.45;
        }

        .favoritos-lista {
            gap: 7px;
        }

        .favorito-item {
            padding: 12px 13px;
            border-radius: 9px;
            background: rgba(255, 255, 255, .012);
        }

        .favorito-item-titulo {
            font-size: .84rem;
        }

        .favorito-item-preco {
            margin-top: 6px;
            font-size: .94rem;
        }

        .favorito-item-preco small {
            font-size: .63rem;
        }

        .favorito-item-acoes {
            margin-top: 8px;
        }

        .favoritos-pro {
            position: relative;
            overflow: hidden;

            display: block;

            margin-top: 18px;
            padding: 18px;

            border: 1px solid var(--accent-border);
            border-radius: 12px;

            background:
                radial-gradient(
                    circle at 90% 10%,
                    rgba(78, 161, 255, .18),
                    transparent 34%
                ),
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .16),
                    var(--accent-soft)
                );

            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, .035),
                0 10px 28px rgba(0, 0, 0, .14);
        }

        .favoritos-pro-topo {
            margin-bottom: 8px;
        }

        .favoritos-pro-selo {
            margin-bottom: 7px;

            padding: 4px 7px;

            border: 1px solid var(--accent-border);
            border-radius: 999px;

            background: rgba(78, 161, 255, .10);

            color: var(--accent);
            font-size: .63rem;
            letter-spacing: .08em;
        }

        .favoritos-pro strong {
            display: block;

            margin: 0;

            color: var(--text);

            font-size: 1rem;
            line-height: 1.35;
        }

        .favoritos-pro p {
            margin: 0 0 12px;

            color: var(--text-soft);

            font-size: .79rem;
            line-height: 1.5;
        }

        .favoritos-pro-beneficios {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;

            margin-bottom: 14px;
        }

        .favoritos-pro-beneficios span {
            display: inline-flex;
            align-items: center;

            padding: 5px 8px;

            border: 1px solid rgba(78, 161, 255, .20);
            border-radius: 999px;

            background: var(--accent-soft);
            color: var(--accent);

            font-size: .68rem;
            font-weight: 650;
        }

        .favoritos-pro-cta {
            width: 100%;
            min-height: 40px;

            background: var(--accent);
            color: #ffffff;

            font-size: .78rem;
            font-weight: 820;
        }

        .favoritos-local-nota {
            margin: 11px 2px 0;

            color: var(--muted-2);

            font-size: .64rem;
            line-height: 1.4;
        }

        @media (max-width: 620px) {

            .modal-favoritos-card {
                padding: 19px 15px 16px;
            }

            .favoritos-pro {
                padding: 15px;
            }

            .favoritos-pro-beneficios {
                gap: 5px;
            }
        }


        /* =========================================
           LOADER — MAR SUBINDO
        ========================================= */

        body.loader-ativo {
            overflow: hidden;
        }

        .loader-mar {
            position: fixed;
            inset: 0;
            z-index: 99999;

            display: flex;
            align-items: center;
            justify-content: center;

            overflow: hidden;

            background: var(--bg);
            color: var(--text);

            opacity: 1;
            visibility: visible;

            transition:
                opacity .42s ease,
                visibility .42s ease;
        }

        .loader-mar.saindo {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .loader-conteudo {
            position: relative;
            z-index: 4;
            text-align: center;
            padding: 24px;
            pointer-events: none;
        }

        .loader-identidade {
            display: inline-flex;
            align-items: center;
            justify-content: center;

            gap: 10px;

            margin-bottom: 8px;
        }

        .loader-identidade .marca-farol {
            width: 27px;
            height: 32px;
        }

        .loader-marca {
            color: var(--text);

            font-size:
                clamp(
                    1.15rem,
                    3vw,
                    1.45rem
                );

            font-weight: 850;
            letter-spacing: .14em;
        }

        .loader-texto {
            color: var(--muted);
            font-size: .82rem;
            line-height: 1.4;
        }

        .loader-agua {
            position: absolute;
            left: 0;
            right: 0;
            bottom: -4%;

            height: 104%;

            transform: translateY(92%);

            background:
                linear-gradient(
                    180deg,
                    var(--accent-border) 0%,
                    rgba(34, 119, 210, .90) 35%,
                    rgba(20, 82, 150, .96) 100%
                );

            will-change: transform;

            animation:
                loaderNivelMar 1.35s
                cubic-bezier(.22, .72, .22, 1)
                forwards;
        }

        .loader-agua::before,
        .loader-agua::after {
            content: "";

            position: absolute;
            left: -15%;
            top: -30px;

            width: 130%;
            height: 60px;

            border-radius: 46% 54% 0 0 / 100% 100% 0 0;

            transform-origin: center;
        }

        .loader-agua::before {
            background: rgba(105, 183, 255, .58);

            animation:
                loaderOndaFrente 2.4s
                ease-in-out
                infinite alternate;
        }

        .loader-agua::after {
            top: -22px;

            background: var(--accent-border);

            animation:
                loaderOndaTras 3.1s
                ease-in-out
                infinite alternate;
        }

        @keyframes loaderNivelMar {
            0% {
                transform: translateY(92%);
            }

            70% {
                transform: translateY(14%);
            }

            100% {
                transform: translateY(0);
            }
        }

        @keyframes loaderOndaFrente {
            0% {
                transform:
                    translateX(-2%)
                    scaleX(1.02)
                    rotate(-.4deg);
            }

            100% {
                transform:
                    translateX(2%)
                    scaleX(.98)
                    rotate(.4deg);
            }
        }

        @keyframes loaderOndaTras {
            0% {
                transform:
                    translateX(2%)
                    scaleX(.98)
                    rotate(.25deg);
            }

            100% {
                transform:
                    translateX(-2%)
                    scaleX(1.03)
                    rotate(-.25deg);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .loader-agua,
            .loader-agua::before,
            .loader-agua::after {
                animation: none !important;
            }

            .loader-agua {
                transform: translateY(0);
            }

            .loader-mar {
                transition: opacity .18s ease;
            }
        }



        /* =========================================
           TORRES ALÉM DO M²
        ========================================= */

        .cultura-torres {
            margin:
                44px 0 34px;

            padding:
                18px 20px;

            display:
                flex;

            align-items:
                center;

            justify-content:
                space-between;

            gap:
                18px;

            border:
                1px solid
                rgba(78, 161, 255, .24);

            border-radius:
                14px;

            background:
                linear-gradient(
                    135deg,
                    rgba(78, 161, 255, .075),
                    rgba(78, 161, 255, .018) 58%,
                    transparent
                ),
                var(--card);
        }

        .cultura-torres-texto {
            min-width:
                0;
        }

        .cultura-torres-selo {
            display:
                inline-flex;

            align-items:
                center;

            margin-bottom:
                7px;

            color:
                var(--accent);

            font-size:
                .72rem;

            font-weight:
                760;

            letter-spacing:
                .06em;

            text-transform:
                uppercase;
        }

        .cultura-torres h2 {
            margin:
                0 0 5px;

            color:
                var(--text);

            font-size:
                1.12rem;

            letter-spacing:
                -.02em;
        }

        .cultura-torres p {
            margin:
                0;

            max-width:
                680px;

            color:
                var(--muted);

            font-size:
                .84rem;

            line-height:
                1.5;
        }

        .cultura-torres-botao {
            flex:
                0 0 auto;

            min-height:
                40px;

            padding:
                0 15px;

            border:
                1px solid
                var(--accent-border);

            border-radius:
                9px;

            background:
                var(--accent-soft);

            color:
                var(--accent);

            font-size:
                .8rem;

            font-weight:
                760;
        }

        .cultura-torres-botao:hover,
        .cultura-torres-botao:focus-visible {
            filter:
                none;

            background:
                rgba(78, 161, 255, .18);

            border-color:
                var(--accent-border);
        }


        .modal-cultura {
            position:
                fixed;

            inset:
                0;

            z-index:
                10060;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            padding:
                20px;

            background:
                rgba(5, 8, 12, .78);

            backdrop-filter:
                blur(8px);

            -webkit-backdrop-filter:
                blur(8px);

            opacity:
                0;

            visibility:
                hidden;

            pointer-events:
                none;

            transition:
                opacity .2s ease,
                visibility .2s ease;
        }

        .modal-cultura.aberto {
            opacity:
                1;

            visibility:
                visible;

            pointer-events:
                auto;
        }

        .modal-cultura-card {
            position:
                relative;

            width:
                min(
                    720px,
                    100%
                );

            max-height:
                calc(100vh - 40px);

            overflow-y:
                auto;

            padding:
                25px;

            border:
                1px solid
                var(--border-strong);

            border-radius:
                16px;

            background:
                linear-gradient(
                    180deg,
                    rgba(78, 161, 255, .05),
                    transparent 180px
                ),
                var(--card);

            box-shadow:
                0 24px 70px
                rgba(0, 0, 0, .42);

            transform:
                translateY(8px)
                scale(.99);

            transition:
                transform .2s ease;
        }

        .modal-cultura.aberto
        .modal-cultura-card {
            transform:
                translateY(0)
                scale(1);
        }

        .modal-cultura-fechar {
            position:
                absolute;

            top:
                13px;

            right:
                13px;

            width:
                38px;

            height:
                38px;

            min-height:
                38px;

            display:
                inline-flex;

            align-items:
                center;

            justify-content:
                center;

            padding:
                0;

            border:
                1px solid
                var(--border-strong);

            border-radius:
                50%;

            background:
                var(--bg-soft);

            color:
                var(--text-soft);
        }

        .modal-cultura-fechar:hover {
            filter:
                none;

            background:
                var(--card-hover);
        }

        .modal-cultura-fechar svg {
            width:
                17px;

            height:
                17px;

            fill:
                none;

            stroke:
                currentColor;

            stroke-width:
                2;

            stroke-linecap:
                round;
        }

        .modal-cultura-selo {
            display:
                inline-flex;

            align-items:
                center;

            margin-bottom:
                11px;

            padding:
                4px 8px;

            border:
                1px solid
                var(--accent-border);

            border-radius:
                999px;

            background:
                var(--accent-soft);

            color:
                var(--accent);

            font-size:
                .68rem;

            font-weight:
                760;
        }

        .modal-cultura h2 {
            margin:
                0 48px 7px 0;

            color:
                var(--text);

            font-size:
                clamp(
                    1.45rem,
                    4vw,
                    1.9rem
                );

            line-height:
                1.12;

            letter-spacing:
                -.03em;
        }

        .modal-cultura-intro {
            margin:
                0 0 20px;

            max-width:
                610px;

            color:
                var(--muted);

            font-size:
                .88rem;

            line-height:
                1.58;
        }

        .cultura-grid {
            display:
                grid;

            grid-template-columns:
                repeat(
                    3,
                    minmax(0, 1fr)
                );

            gap:
                10px;
        }

        .cultura-item {
            min-width:
                0;

            padding:
                15px;

            border:
                1px solid
                var(--border);

            border-radius:
                12px;

            background:
                rgba(255, 255, 255, .015);
        }

        .cultura-item-icone {
            width:
                42px;

            height:
                42px;

            display:
                flex;

            align-items:
                center;

            justify-content:
                center;

            margin-bottom:
                12px;

            border:
                1px solid
                var(--accent-border);

            border-radius:
                11px;

            background:
                var(--accent-soft);

            color:
                var(--accent);
        }

        .cultura-item-icone svg {
            width:
                23px;

            height:
                23px;

            fill:
                none;

            stroke:
                currentColor;

            stroke-width:
                1.7;

            stroke-linecap:
                round;

            stroke-linejoin:
                round;
        }

        .cultura-item strong {
            display:
                block;

            margin-bottom:
                7px;

            color:
                var(--text-soft);

            font-size:
                .88rem;
        }

        .cultura-item p {
            margin:
                0;

            color:
                var(--muted);

            font-size:
                .78rem;

            line-height:
                1.52;
        }

        body.modal-cultura-ativo {
            overflow:
                hidden;
        }


        @media (max-width: 760px) {

            .cultura-torres {
                margin:
                    34px 0 28px;

                padding:
                    15px;

                align-items:
                    stretch;

                flex-direction:
                    column;

                gap:
                    13px;
            }

            .cultura-torres-botao {
                width:
                    100%;
            }

            .modal-cultura {
                align-items:
                    flex-end;

                padding:
                    12px;
            }

            .modal-cultura-card {
                width:
                    100%;

                max-height:
                    calc(100vh - 24px);

                padding:
                    21px 17px 18px;

                border-radius:
                    15px;
            }

            .cultura-grid {
                grid-template-columns:
                    1fr;

                gap:
                    8px;
            }

            .cultura-item {
                display:
                    grid;

                grid-template-columns:
                    42px 1fr;

                column-gap:
                    12px;

                align-items:
                    start;

                padding:
                    13px;
            }

            .cultura-item-icone {
                grid-row:
                    1 / span 2;

                margin-bottom:
                    0;
            }
        }


        @media (prefers-reduced-motion: reduce) {

            .modal-cultura,
            .modal-cultura-card {
                transition:
                    none;
            }
        }

/* =========================================
   RODAPÉ INSTITUCIONAL
========================================= */

.rodape-institucional {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 12px 20px;

    margin-top: 18px;
    padding-top: 18px;

    border-top:
        1px solid
        var(--border);
}

.rodape-institucional-marca {
    color:
        var(--muted-2);

    font-size:
        .74rem;

    line-height:
        1.5;
}

.rodape-institucional-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap:
        8px 16px;
}

.rodape-institucional-links a {
    color:
        var(--muted);

    font-size:
        .74rem;

    font-weight:
        650;

    text-decoration:
        none;

    transition:
        color .18s ease;
}

.rodape-institucional-links a:hover,
.rodape-institucional-links a:focus-visible {
    color:
        var(--accent);

    text-decoration:
        underline;
}

@media (max-width: 620px) {

    .rodape-institucional {
        align-items:
            flex-start;

        flex-direction:
            column;
    }

    .rodape-institucional-links {
        gap:
            8px 14px;
    }
}



        
        /* =========================================
           TEMA ÚNICO RADARM2
           Todas as cidades usam a mesma identidade
           visual padrão do site (tema Torres).
        ========================================= */




        /* =========================================
           LOADER — SERRA / SÃO MARCOS
        ========================================= */

        .loader-serra {
            position: absolute;
            inset: 0;
            overflow: hidden;

            background:
                linear-gradient(
                    180deg,
                    var(--bg) 0%,
                    var(--card) 58%,
                    #e8f1ef 100%
                );
        }

        .loader-serra-brilho {
            position: absolute;

            width: 380px;
            height: 380px;

            left: 50%;
            top: -230px;

            transform: translateX(-50%);

            border-radius: 50%;

            background:
                radial-gradient(
                    circle,
                    rgba(164, 212, 175, .16),
                    transparent 68%
                );
        }

        .loader-serra-morro,
        .loader-serra-morro::before,
        .loader-serra-morro::after {
            position: absolute;
            content: "";
            bottom: 0;
        }

        .loader-serra-morro {
            left: -8%;
            width: 116%;
            height: 40%;

            background:
                linear-gradient(
                    180deg,
                    #263a32,
                    #18261f
                );

            clip-path:
                polygon(
                    0 80%,
                    9% 62%,
                    18% 70%,
                    29% 40%,
                    40% 60%,
                    52% 28%,
                    64% 57%,
                    75% 38%,
                    87% 65%,
                    100% 48%,
                    100% 100%,
                    0 100%
                );

            transform: translateY(45%);
            opacity: .9;

            animation:
                loaderSerraSubir 1.35s
                cubic-bezier(.22, .72, .22, 1)
                forwards;
        }

        .loader-serra-morro::before {
            left: 0;
            width: 100%;
            height: 65%;

            background: rgba(117, 155, 127, .14);

            clip-path:
                polygon(
                    0 100%,
                    16% 58%,
                    29% 78%,
                    46% 33%,
                    61% 72%,
                    78% 45%,
                    100% 78%,
                    100% 100%
                );
        }

        .loader-serra-neblina {
            position: absolute;

            left: 8%;
            bottom: 23%;

            width: 84%;
            height: 60px;

            border-radius: 50%;

            background:
                rgba(210, 222, 217, .06);

            filter: blur(15px);

            animation:
                loaderNeblina 3.4s
                ease-in-out
                infinite alternate;
        }

        .loader-serra-neblina::before,
        .loader-serra-neblina::after {
            content: "";

            position: absolute;

            height: 48px;

            border-radius: 50%;

            background:
                rgba(210, 222, 217, .045);

            filter: blur(9px);
        }

        .loader-serra-neblina::before {
            width: 65%;
            left: -20%;
            top: 17px;
        }

        .loader-serra-neblina::after {
            width: 62%;
            right: -18%;
            top: -12px;
        }

        @keyframes loaderSerraSubir {
            0% {
                transform: translateY(45%);
                opacity: .25;
            }

            100% {
                transform: translateY(0);
                opacity: .9;
            }
        }

        @keyframes loaderNeblina {
            0% {
                transform: translateX(-2%);
            }

            100% {
                transform: translateX(2%);
            }
        }

        @media (prefers-reduced-motion: reduce) {

            .loader-serra-morro,
            .loader-serra-neblina {
                animation: none !important;
            }

            .loader-serra-morro {
                transform: translateY(0);
            }
        }






        
        /* Caxias do Sul também usa o tema único RadarM2. */




        /* =========================================
           LOADER — CAXIAS DO SUL / URBANO
        ========================================= */

        .loader-caxias {
            position: absolute;
            inset: 0;
            overflow: hidden;

            background:
                linear-gradient(
                    180deg,
                    var(--bg) 0%,
                    var(--bg-soft) 55%,
                    var(--bg-soft) 100%
                );
        }

        .loader-caxias-brilho {
            position: absolute;

            width: 420px;
            height: 420px;

            left: 50%;
            top: -250px;

            transform:
                translateX(-50%);

            border-radius: 50%;

            background:
                radial-gradient(
                    circle,
                    rgba(8, 117, 109, .16),
                    transparent 68%
                );
        }

        .loader-caxias-cidade {
            position: absolute;

            left: 50%;
            bottom: 0;

            width: min(520px, 90%);
            height: 38%;

            display: flex;
            align-items: flex-end;
            justify-content: center;

            gap: 6px;

            transform:
                translateX(-50%);
        }

        .loader-caxias-cidade span {
            position: relative;

            display: block;

            width: 15%;
            min-width: 28px;

            border-radius:
                3px 3px 0 0;

            background:
                linear-gradient(
                    180deg,
                    #31514d,
                    #243b38
                );

            box-shadow:
                inset 0 1px 0
                rgba(255, 255, 255, .035);

            transform:
                translateY(100%);

            opacity: .15;

            animation:
                loaderCaxiasSubir
                .95s
                cubic-bezier(.22, .72, .22, 1)
                forwards;
        }

        .loader-caxias-cidade span:nth-child(1) {
            height: 42%;
            animation-delay: .04s;
        }

        .loader-caxias-cidade span:nth-child(2) {
            height: 68%;
            animation-delay: .10s;
        }

        .loader-caxias-cidade span:nth-child(3) {
            height: 52%;
            animation-delay: .16s;
        }

        .loader-caxias-cidade span:nth-child(4) {
            height: 82%;
            animation-delay: .22s;
        }

        .loader-caxias-cidade span:nth-child(5) {
            height: 59%;
            animation-delay: .28s;
        }

        .loader-caxias-cidade span:nth-child(6) {
            height: 46%;
            animation-delay: .34s;
        }

        .loader-caxias-cidade span::before {
            content: "";

            position: absolute;
            inset: 13px 8px;

            opacity: .32;

            background:
                repeating-linear-gradient(
                    180deg,
                    rgba(8, 117, 109, .72) 0 2px,
                    transparent 2px 12px
                );
        }

        .loader-caxias-cidade span::after {
            content: "";

            position: absolute;

            left: 0;
            right: 0;
            bottom: 0;

            height: 2px;

            background:
                rgba(8, 117, 109, .18);
        }

        @keyframes loaderCaxiasSubir {
            0% {
                transform:
                    translateY(100%);

                opacity: .15;
            }

            100% {
                transform:
                    translateY(0);

                opacity: .92;
            }
        }

        @media (max-width: 760px) {

            .loader-caxias-cidade {
                width: 96%;
                height: 34%;
                gap: 4px;
            }

            .loader-caxias-cidade span {
                min-width: 22px;
            }
        }

        @media (prefers-reduced-motion: reduce) {

            .loader-caxias-cidade span {
                animation: none !important;

                transform:
                    translateY(0);

                opacity: .92;
            }
        }


        /* =========================================
           REFINAMENTO VISUAL — INTERFACE MAIS LEVE
           Compatível com Torres e São Marcos
           ========================================= */

        /* Mantém toda a identidade por cidade através das variáveis
           --accent, --accent-soft e --accent-border já existentes. */

        .topo {
            margin-bottom: 26px;
        }

        .topo h1 {
            max-width: 820px;
        }

        .topo p {
            max-width: 720px;
        }

        /* Busca: menos aparência de painel pesado. */
        .filtros {
            background:
                linear-gradient(
                    135deg,
                    var(--accent-soft),
                    rgba(255, 255, 255, .012) 58%,
                    transparent
                ),
                var(--card);

            border-color: var(--accent-border);
            border-radius: 15px;
            box-shadow:
                0 10px 28px rgba(0, 0, 0, .12),
                inset 0 1px 0 rgba(255, 255, 255, .018);
        }

        .busca-cabecalho h2 {
            font-size: 1.22rem;
        }

        .busca-cabecalho .secao-descricao {
            max-width: 700px;
        }

        /* Campos continuam bem definidos, mas sem contraste excessivo. */
        input,
        select {
            border-color: var(--border);
            background: rgba(19, 28, 39, .88);
        }

        input:hover,
        select:hover {
            border-color: var(--border-strong);
        }

        /* Indicadores: menos caixas competindo com o conteúdo. */
        .indicadores {
            gap: 10px;
            margin-bottom: 38px;
        }

        .indicador {
            background: var(--card);
            border-color: rgba(58, 75, 95, .72);
            padding: 18px 19px;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .012);
        }

        .indicador::after {
            display: none;
        }

        .indicador-label {
            color: var(--muted-2);
        }

        /* Mais separação visual entre blocos sem adicionar mais bordas. */
        .secao {
            margin-bottom: 40px;
        }

        .secao-ranking {
            margin-top: 50px;
        }

        .toggle-graficos {
            background: var(--card);
            border-color: var(--border);
        }

        /* Menu desktop um pouco mais discreto. */
        .menu-site {
            border-color: var(--accent-border);
            box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
        }

        @media (max-width: 760px) {

            /* No mobile elimina a sensação de "caixa dentro de caixa":
               o container sticky fica invisível e somente a barra interna aparece. */
            .menu-site {
                top: 4px;
                padding: 0;
                border: 0;
                background: transparent;
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }

            /* Ao expandir, o menu ganha fundo quase opaco para manter
               a leitura clara sobre o conteúdo da página. */
            .menu-site.menu-aberto {
                top: 4px;
                padding: 0;
                border: 0;
                background: var(--bg);
                box-shadow: 0 12px 30px rgba(0, 0, 0, .22);
                backdrop-filter: blur(14px);
                -webkit-backdrop-filter: blur(14px);
            }

            .menu-mobile-cabecalho {
                min-height: 50px;
                border-color: var(--accent-border);
                border-radius: 12px;
                background:
                    linear-gradient(
                        135deg,
                        var(--accent-soft),
                        rgba(255, 255, 255, .012)
                    ),
                    var(--card);
                box-shadow: 0 8px 22px rgba(0, 0, 0, .16);
            }

            .menu-site.menu-aberto .menu-mobile-cabecalho {
                border-color: var(--accent-border);
                background:
                    linear-gradient(
                        135deg,
                        var(--accent-soft),
                        rgba(255, 255, 255, .018)
                    ),
                    var(--card);
            }

            /* Navegação móvel: uma superfície única, sem cartões concorrentes. */
            .menu-site.menu-aberto {
                background: var(--bg);
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }

            .menu-mobile-cabecalho,
            .menu-site.menu-aberto .menu-mobile-cabecalho {
                min-height: 46px;
                border-color: var(--border);
                background: var(--card);
                box-shadow: none;
            }

            .menu-mobile-beta {
                padding: 0;
                border: 0;
                background: transparent;
                color: var(--muted);
                font-weight: 680;
            }

            .menu-site-lista,
            .menu-site.menu-aberto .menu-site-lista {
                grid-template-columns: 1fr;
                gap: 0;
                margin-top: 6px;
                padding: 4px 10px;
                border: 1px solid var(--border);
                border-radius: 11px;
                background: var(--card);
            }

            .troca-cidade-mobile {
                min-height: 43px;
                padding: 0;
                border: 0;
                border-bottom: 1px solid var(--border);
                border-radius: 0;
                background: transparent;
            }

            .menu-site-lista a,
            .menu-site .menu-pro {
                min-height: 43px;
                padding: 0;
                border: 0;
                border-bottom: 1px solid var(--border);
                border-radius: 0;
                background: transparent;
                box-shadow: none;
            }

            .menu-site-lista li:last-child a {
                border-bottom: 0;
            }

            .topo {
                margin-bottom: 24px;
            }

            .topo h1 {
                font-size: 1.75rem;
                line-height: 1.1;
            }

            .topo p {
                font-size: .9rem;
                line-height: 1.48;
            }

            .filtros {
                padding: 14px;
                margin-bottom: 22px;
                border-radius: 14px;
                box-shadow: 0 8px 22px rgba(0, 0, 0, .10);
            }

            .busca-cabecalho {
                margin-bottom: 13px;
            }

            .busca-cabecalho h2 {
                font-size: 1.08rem;
            }

            .busca-cabecalho .secao-descricao {
                font-size: .82rem;
                line-height: 1.42;
            }

            .indicadores {
                gap: 7px;
                margin-bottom: 32px;
            }

            .indicador {
                padding: 12px 10px;
                border-radius: 11px;
                background: var(--card);
            }

            .secao {
                margin-bottom: 32px;
            }

            .secao-ranking {
                margin-top: 40px;
            }
        }

        @media (max-width: 390px) {
            .filtros {
                padding: 13px;
            }

            .indicador {
                padding: 11px 12px;
            }
        }

        /* Transicao de entrada das paginas de cidade: curta e discreta. */
        .loader-mar {
            background: var(--bg);
            transition: opacity .18s ease, visibility .18s ease;
        }

        .loader-conteudo {
            padding: 20px;
        }

        .loader-identidade {
            margin-bottom: 6px;
        }

        .loader-texto {
            font-size: .76rem;
        }

    
        /* =========================================
           TEMA ÚNICO DEFINITIVO — RADARM2
           São Marcos, Caxias do Sul, Torres e futuras
           cidades usam exatamente a mesma paleta.
        ========================================= */

        body.cidade-sao-marcos-rs,
        body.cidade-caxias-do-sul-rs {
            --accent: #08756d;
            --accent-rgb: 8, 117, 109;
            --accent-text: #08756d;
            --accent-soft: rgba(8, 117, 109, .08);
            --accent-border: rgba(8, 117, 109, .28);
        }

        body.cidade-sao-marcos-rs,
        body.cidade-caxias-do-sul-rs {
            background:
                radial-gradient(
                    circle at 15% 0%,
                    rgba(8, 117, 109, .06),
                    transparent 28%
                ),
                var(--bg);
        }

        body.cidade-sao-marcos-rs .marca-farol,
        body.cidade-caxias-do-sul-rs .marca-farol,
        body.cidade-sao-marcos-rs .beta,
        body.cidade-caxias-do-sul-rs .beta,
        body.cidade-sao-marcos-rs .cidade-seletor select,
        body.cidade-caxias-do-sul-rs .cidade-seletor select,
        body.cidade-sao-marcos-rs .menu-site a.ativo,
        body.cidade-caxias-do-sul-rs .menu-site a.ativo,
        body.cidade-sao-marcos-rs .valor-m2,
        body.cidade-caxias-do-sul-rs .valor-m2,
        body.cidade-sao-marcos-rs .link-original,
        body.cidade-caxias-do-sul-rs .link-original {
            color: var(--accent);
        }

        body.cidade-sao-marcos-rs .cidade-seletor select,
        body.cidade-caxias-do-sul-rs .cidade-seletor select {
            border-color: var(--accent-border);
            background: var(--accent-soft);
        }

        body.cidade-sao-marcos-rs .cidade-seletor::after,
        body.cidade-caxias-do-sul-rs .cidade-seletor::after {
            border-color: var(--accent);
        }

        body.cidade-sao-marcos-rs .indicador::after,
        body.cidade-caxias-do-sul-rs .indicador::after {
            background: var(--accent);
        }

        body.cidade-sao-marcos-rs .filtros,
        body.cidade-caxias-do-sul-rs .filtros {
            background:
                linear-gradient(
                    135deg,
                    rgba(8, 117, 109, .08),
                    rgba(8, 117, 109, .025) 55%,
                    transparent
                ),
                var(--card);
            border-color: var(--accent-border);
        }

        body.cidade-sao-marcos-rs .menu-site,
        body.cidade-caxias-do-sul-rs .menu-site {
            background:
                linear-gradient(
                    135deg,
                    rgba(8, 117, 109, .07),
                    rgba(8, 117, 109, .02) 58%,
                    transparent
                ),
                var(--bg);
            border-color: var(--accent-border);
        }