.city-secondary-title {
    font: inherit;
}

.city-banner-col {
            flex: 0 0 400px;
            width: 400px;
            max-width: 400px;
            min-height: 148px;
        }

        .city-banners-row {
            margin-left: -1.5px;
            margin-right: -1.5px;
            min-height: 148px;
        }

        .city-banners-row > .city-banner-col {
            padding-left: 1.5px;
            padding-right: 1.5px;
        }

        .city-banners-row .card {
            margin-bottom: 3px !important;
            min-height: 145px;
        }

        .col-destaque .card {
            margin-bottom: 3px !important;
            min-height: 220px;
        }

        .city-banner-image {
            width: 100%;
            height: 145px;
            object-fit: cover;
            display: block;
        }

        .image-ads {
            width: 120px;
            height: 100px;
            max-width: 100%;
            aspect-ratio: 6 / 5;
            object-fit: cover;
            border-radius: 0;
        }

        .city-ad-item {
            min-height: 116px;
        }

        .city-ad-card {
            height: 100px;
            min-height: 100px;
            max-height: 100px;
            overflow: hidden;
            contain: layout paint;
            transition: transform 160ms ease, box-shadow 160ms ease;
        }

        .city-ad-card:hover,
        .city-ad-card:focus-within,
        .city-banner-col .card:hover,
        .city-banner-col .card:focus-within,
        .col-destaque .card:hover,
        .col-destaque .card:focus-within {
            box-shadow: 0 0.45rem 1rem rgba(0, 0, 0, 0.18);
            transform: translateY(-2px);
        }

        .city-profile-link:focus-visible::after {
            outline: 3px solid #ff8c00;
            outline-offset: -3px;
            border-radius: 0.2rem;
        }

        @media (prefers-reduced-motion: reduce) {
            .city-ad-card,
            .city-banner-col .card,
            .col-destaque .card {
                transition: none;
            }
        }

        .city-ad-card > .row {
            height: 100px;
            min-height: 100px;
        }

        .city-ad-media {
            height: 100px;
            min-height: 100px;
            overflow: hidden;
        }

        .text-truncate-virtual {
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            line-height: 1.35em;
            max-height: 4.05em;
            word-break: break-word;
        }

        .city-page-hero {
            min-height: 108px;
            display: flex;
            align-items: center;
        }

        .city-hero-panel {
            width: 100%;
            max-width: 980px;
            margin: 0 auto;
            padding: 1.1rem 1.4rem;
            border: 1px solid rgba(255, 255, 255, 0.18);
            border-radius: 1rem;
        }

        .city-page-shell {
            padding-bottom: 1rem !important;
        }

        .city-banner-media {
            display: block;
            height: 145px;
            aspect-ratio: 400 / 145;
            background: linear-gradient(135deg, #201a1a, #3a2a2a);
            overflow: hidden;
        }

        .city-spotlights-row {
            min-height: 223px;
        }

        .fonteNome {
            font-size: 0.9rem;
        }

        .fonte_cidades {
            font-weight: 300;
            line-height: 1.02;
            font-size: clamp(0.72rem, 1.05vw, 1.05rem);
            letter-spacing: -0.03em;
            margin-bottom: 0;
            max-width: 100%;
            overflow: hidden;
        }

        .city-title-main {
            display: block;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .city-header-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            padding-right: 0;
            color: #fff;
        }

        .city-title-text {
            min-width: 0;
            max-width: 100%;
        }

        .city-title-meta {
            font-size: 0.6rem;
            line-height: 1.1;
            font-weight: 300;
            letter-spacing: -0.01em;
        }

        .city-filter-toggle {
            display: flex;
            align-items: flex-start;
            gap: 0.85rem;
            width: 100%;
            min-height: 58px;
            margin-top: 1rem;
            padding: 0.75rem 1.1rem;
            border: 0;
            border-radius: 0.85rem;
            background: #fff;
            color: #111;
            font-size: 1rem;
            font-weight: 400;
            text-align: left;
            box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
        }

        .city-filter-toggle:hover,
        .city-filter-toggle:focus {
            color: #111;
            text-decoration: none;
            outline: none;
        }

        .city-filter-toggle__icon {
            flex: 0 0 auto;
            font-size: 1.35rem;
        }

        .city-filter-toggle__content {
            flex: 1 1 auto;
            min-width: 0;
        }

        .city-filter-toggle__text {
            display: block;
        }

        .city-filter-active-list {
            display: flex;
            flex-wrap: wrap;
            gap: 0.35rem;
            margin-top: 0.45rem;
        }

        .city-filter-chip {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            padding: 0.22rem 0.55rem;
            border: 1px solid #e4e7ec;
            border-radius: 999px;
            background: #f8f9fa;
            color: #344054;
            font-size: 0.82rem;
            font-weight: 400;
            line-height: 1.25;
            white-space: nowrap;
        }

        .city-filter-chip--active {
            border-color: #ffd1bf;
            background: #fff4ee;
            color: #d94100;
        }
.city-hero-filters {
            margin-top: 0.75rem;
            padding: 0.9rem;
            border-radius: 0.9rem;
            background: rgba(255, 255, 255, 0.98);
            color: #151515;
            text-align: left;
            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
        }

        .city-filter-panel {
            display: grid;
            gap: 0.85rem;
        }

        .city-filter-card {
            margin: 0;
            padding: 0;
        }

        .city-filter-card + .city-filter-card {
            padding-top: 0.85rem;
            border-top: 1px solid #eceff3;
        }

        .city-filter-title {
            display: block;
            margin-bottom: 0.55rem;
            font-size: 0.9rem;
            font-weight: 400;
            letter-spacing: 0;
            color: #344054;
        }

        .city-filter-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.4fr) minmax(118px, 0.7fr) auto;
            gap: 0.65rem;
            align-items: end;
        }

        .city-filter-grid--refine {
            grid-template-columns: minmax(0, 1.25fr) minmax(160px, 0.75fr) auto auto;
        }

        .city-filter-field {
            display: grid;
            gap: 0.28rem;
            min-width: 0;
            margin: 0;
        }

        .city-filter-label {
            margin: 0;
            font-size: 0.9rem;
            font-weight: 400;
            color: #344054;
        }

        .city-filter-control {
            width: 100%;
            min-height: 46px;
            border: 1px solid #d0d5dd;
            border-radius: 0.7rem;
            background: #fff;
            color: #101828;
            padding: 0.55rem 0.75rem;
            font-size: 0.9rem;
            line-height: 1.2;
            box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
        }

        .city-filter-control:focus {
            border-color: #ff6b35;
            outline: none;
            box-shadow: 0 0 0 3px rgba(255, 107, 53, 0.18);
        }

        .city-filter-autocomplete {
            position: relative;
        }

        .city-filter-suggestions {
            position: absolute;
            top: calc(100% + 4px);
            right: 0;
            left: 0;
            z-index: 30;
            display: none;
            overflow-y: auto;
            max-height: 260px;
            border: 1px solid #d9dde3;
            border-radius: 8px;
            background: #fff;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
        }

        .city-filter-suggestions.show {
            display: block;
        }

        .city-filter-suggestions .dropdown-item {
            white-space: normal;
        }

        .city-filter-submit,
        .city-filter-clear {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.4rem;
            min-height: 46px;
            border-radius: 0.7rem;
            padding: 0.55rem 0.95rem;
            font-size: 0.9rem;
            font-weight: 400;
            white-space: nowrap;
            text-decoration: none;
        }

        .city-filter-submit {
            border: 1px solid #ff4d00;
            background: #ff4d00;
            color: #fff;
        }

        .city-filter-clear {
            border: 1px solid #e4e7ec;
            background: #fff;
            color: #344054;
        }

        .city-video-toggle {
            position: relative;
            display: flex;
            align-items: center;
            gap: 0.6rem;
            min-height: 46px;
            margin: 0;
            padding: 0.55rem 0.75rem;
            border: 1px solid #d0d5dd;
            border-radius: 0.7rem;
            background: #fff;
            cursor: pointer;
        }

        .city-video-toggle input {
            position: absolute;
            opacity: 0;
            pointer-events: none;
        }

        .city-video-toggle__switch {
            position: relative;
            flex: 0 0 auto;
            width: 42px;
            height: 24px;
            border-radius: 999px;
            background: #e4e7ec;
            transition: opacity 0.2s ease;
        }

        .city-video-toggle__switch::after {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #fff;
            box-shadow: 0 1px 3px rgba(16, 24, 40, 0.25);
            transition: transform 0.2s ease;
        }

        .city-video-toggle input:checked + .city-video-toggle__switch {
            background: #ff4d00;
        }

        .city-video-toggle input:checked + .city-video-toggle__switch::after {
            transform: translateX(18px);
        }

        .city-video-toggle__text {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            min-width: 0;
            color: #101828;
            font-size: 0.9rem;
            font-weight: 400;
            white-space: nowrap;
        }

        .city-filter-panel #formSearch select[name="city_id"],
        .city-filter-panel #formSearch select[name="type"] {
            max-width: none !important;
            min-height: 46px;
            flex: initial !important;
        }

        .intro-local-seo {
            font-size: 0.82rem;
            line-height: 1.35;
        }

        .intro-local-seo p {
            margin-bottom: 0.5rem;
        }

        .city-community-links { display:flex;flex-wrap:nowrap;align-items:center;gap:16px;width:100%;padding:2px 12px;border:1px solid #dee2e6;border-radius:8px; }
        .city-community-links__title { font-size:14px;white-space:nowrap; }
        .city-community-links a { display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;white-space:nowrap; }
        .city-community-links svg { flex:0 0 20px;width:20px;height:20px; }
        @media (max-width:767px) {
            .city-community-links { gap:8px;padding:2px 8px; }
            .city-community-links__title, .city-community-links a { font-size:13px; }
            .city-community-links a { gap:4px; }
        }
        .city-virtual-online { background:#176b38;color:#fff!important; }

        .icon-demo-examples {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 4px 8px;
            font-size: 0.9rem;
            padding: 6px 8px !important;
            line-height: 1;
        }

        .icon-demo-examples a {
            display: inline-flex;
            align-items: center;
            line-height: 1;
            margin-right: 0;
        }

        .icon-demo-examples .compact-icon,
        .icon-demo-examples img,
        .icon-demo-examples svg {
            flex: 0 0 auto;
            width: 22px;
            height: 22px;
        }

        .icon-demo-examples img {
            margin: 0 !important;
            display: block;
        }

        .stories-shell {
            position: relative;
            height: 120px;
            min-height: 120px;
            max-height: 120px;
            overflow: hidden;
            contain: layout paint;
        }

        .stories-shell::before {
            content: "";
            position: absolute;
            inset: 12px 0 auto;
            height: 92px;
            border-radius: 18px;
            background:
                radial-gradient(circle at 32px 46px, rgba(245, 245, 245, 0.96) 0 25px, transparent 26px),
                radial-gradient(circle at 104px 46px, rgba(245, 245, 245, 0.96) 0 25px, transparent 26px),
                radial-gradient(circle at 176px 46px, rgba(245, 245, 245, 0.96) 0 25px, transparent 26px),
                radial-gradient(circle at 248px 46px, rgba(245, 245, 245, 0.96) 0 25px, transparent 26px),
                radial-gradient(circle at 320px 46px, rgba(245, 245, 245, 0.96) 0 25px, transparent 26px),
                linear-gradient(180deg, rgba(250, 250, 250, 0.98), rgba(243, 243, 243, 0.98));
            pointer-events: none;
        }

        .stories-shell.is-ready::before {
            display: none;
        }

        .stories-shell.is-ready,
        .stories-shell.is-ready .zuck-container,
        .stories-shell.is-ready .zuck-stories,
        .stories-shell.is-ready #stories {
            height: 120px;
            min-height: 120px;
            max-height: 120px;
        }

        .stories-shell.is-ready {
            margin-bottom: 10px !important;
        }

        .zuck-container,
        .zuck-stories,
        #stories {
            height: 120px;
            min-height: 120px;
            max-height: 120px;
        }

        #formSearch .input-group {
            min-height: 42px;
            gap: 4px;
            align-items: stretch;
            flex-wrap: nowrap;
        }

        #formSearch .input-group-append {
            flex: 0 0 90px;
            margin-left: 0;
        }

        #formSearch .input-group-append .btn {
            width: 90px;
            white-space: nowrap;
            min-height: 42px;
            padding: 0.35rem 0.65rem;
            font-size: 0.9rem;
            line-height: 1.15;
            border-radius: 0.35rem !important;
        }

        #formSearch .city-search-select,
        #formSearch .form-control {
            min-height: 42px;
        }

        #formSearch .city-search-select {
            border: 1px solid #ced4da;
            border-radius: 0.35rem;
            background-color: #fff;
            padding: 0.25rem 1.75rem 0.25rem 0.6rem;
            font-size: 0.88rem;
            font-weight: 400;
            line-height: 1.1;
        }

        #formSearch select[name="city_id"] {
            flex: 1 1 auto;
            min-width: 0;
            max-width: none;
        }

        #formSearch select[name="type"] {
            flex: 0 0 98px;
            max-width: 98px;
        }

        [data-listing-sentinel] {
            min-height: 1px;
            height: 1px;
            margin: 0;
            padding: 0;
        }

        .city-listing-controls { min-height: 0; }
        .city-listing-controls [hidden] { display: none !important; }
        .city-listing-controls [role="status"] { min-height: 24px; margin-bottom: 8px; }
        .city-listing-controls [role="status"].sr-only {
            position: absolute;
            width: 1px;
            height: 1px;
            min-height: 0;
            margin: -1px;
            padding: 0;
            overflow: hidden;
            clip: rect(0, 0, 0, 0);
            white-space: nowrap;
            border: 0;
        }
        .city-listing-controls .btn { border: 1px solid #6c757d; border-radius: 6px; padding: 10px 16px; min-height: 44px; font-weight: 600; }
        .city-listing-controls .btn:hover { background: #f0f0f0; color: #212529; }
        .city-listing-controls .btn:focus-visible { outline: 2px solid #9c4510; outline-offset: 3px; }

        .deferred-section.is-loading {
            opacity: 0.75;
        }

        .deferred-section.is-empty {
            display: none;
        }

        .deferred-render-section {
            content-visibility: auto;
            contain-intrinsic-size: 1px 420px;
        }

        .seo-support-section {
            content-visibility: auto;
            contain-intrinsic-size: auto 1340px;
        }

        body.city-page-body > footer.footer {
            content-visibility: auto;
            contain-intrinsic-size: auto 1040px;
        }

        .city-neighborhood-filter {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 0.5rem;
            margin: 0 0 1rem;
            padding: 0.75rem;
            border: 1px solid #eceff3;
            border-radius: 0.5rem;
            background: #fff;
        }

        .city-neighborhood-filter__label {
            margin: 0;
            font-size: 0.86rem;
            font-weight: 700;
            color: #344054;
        }

        .city-neighborhood-filter__select {
            min-width: min(100%, 280px);
            min-height: 40px;
            border: 1px solid #ced4da;
            border-radius: 0.35rem;
            padding: 0.35rem 0.6rem;
            background: #fff;
            font-size: 0.9rem;
        }

        .stories-shell:not(.is-ready) {
            background: linear-gradient(90deg, rgba(244, 244, 244, 0.9), rgba(250, 250, 250, 0.95));
            border-radius: 999px;
        }

        #zuck-modal .story-viewer .close,
        #zuck-modal .story-viewer .close-story,
        #zuck-modal .story-viewer [data-action="close"] {
            color: transparent !important;
            font-size: 0 !important;
            position: relative;
            width: 34px !important;
            height: 34px !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
        }

        #zuck-modal .story-viewer .close::before,
        #zuck-modal .story-viewer .close::after,
        #zuck-modal .story-viewer .close-story::before,
        #zuck-modal .story-viewer .close-story::after,
        #zuck-modal .story-viewer [data-action="close"]::before,
        #zuck-modal .story-viewer [data-action="close"]::after {
            content: "";
            position: absolute;
            width: 20px;
            height: 2px;
            border-radius: 999px;
            background: #fff;
            top: 50%;
            left: 50%;
            margin-left: -10px;
            margin-top: -1px;
        }

        #zuck-modal .story-viewer .close::before,
        #zuck-modal .story-viewer .close-story::before,
        #zuck-modal .story-viewer [data-action="close"]::before {
            transform: rotate(45deg);
        }

        #zuck-modal .story-viewer .close::after,
        #zuck-modal .story-viewer .close-story::after,
        #zuck-modal .story-viewer [data-action="close"]::after {
            transform: rotate(-45deg);
        }

        .seo-support-section {
            border-top: 1px solid #e9ecef;
            padding-top: 1.5rem;
            margin-bottom: 0;
        }

        .city-evergreen-content {
            max-width: 920px;
            color: #343a40;
            font-size: 1rem;
            line-height: 1.7;
        }

        .city-evergreen-content p {
            margin-bottom: 0.9rem;
        }

        .city-evergreen-content p:last-child {
            margin-bottom: 0;
        }

        .seo-support-section h2,
        .seo-support-section h3 {
            font-size: 1.05rem;
            margin-bottom: 0.75rem;
        }

        .premium-seo-block {
            background: #fff8ef;
            border: 1px solid #ffd8ad;
            border-radius: 0.75rem;
        }

        .premium-seo-block h2 {
            font-size: 1.05rem;
            line-height: 1.15;
            margin-bottom: 0.45rem;
        }

        .premium-seo-block p {
            margin-bottom: 0;
        }

        .premium-seo-block p + p {
            margin-top: 0.35rem;
        }

        .premium-neighborhood-group + .premium-neighborhood-group {
            margin-top: 1.5rem;
        }

        .seo-link-card {
            height: 100%;
            padding: 1rem 1rem 0.9rem;
            border: 1px solid #e9ecef;
            border-radius: 0.85rem;
            background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
        }

        .seo-link-card h3 {
            margin-bottom: 0.85rem;
        }

        .seo-support-section .row.mt-4 > .col-12.mb-4,
        .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 {
            display: flex;
        }

        .seo-support-section .row.mt-4 > .col-12.mb-4 > h3,
        .seo-support-section .row.mt-4 > .col-12.mb-4 > ul,
        .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 > h3,
        .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 > ul {
            width: 100%;
        }

        .seo-support-section .row.mt-4 > .col-12.mb-4,
        .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 {
            padding: 1rem 1rem 0.9rem;
            border: 1px solid #e9ecef;
            border-radius: 0.85rem;
            background: linear-gradient(180deg, #ffffff 0%, #fbfbfb 100%);
            flex-direction: column;
        }

        .seo-support-section .row.mt-4 > .col-12.mb-4 > h3,
        .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 > h3 {
            margin-bottom: 0.85rem;
        }

        .seo-link-list {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.55rem;
            padding-left: 0;
            list-style: none;
            margin-bottom: 0;
        }

        .seo-link-list li {
            min-width: 0;
        }

        .seo-link-list a {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.65rem;
            min-height: 100%;
            padding: 0.65rem 0.8rem;
            border-radius: 0.75rem;
            background: #fff8ef;
            border: 1px solid #ffd8ad;
            color: #495057;
            font-size: 0.9rem;
            line-height: 1.25;
            text-decoration: none;
            transition: transform 0.2s ease, opacity 0.2s ease;
        }

        .seo-link-list a:hover {
            text-decoration: none;
            background: #fff1dc;
            border-color: #ffc078;
            color: #212529;
        }

        .seo-link-distance {
            flex: 0 0 auto;
            color: #545b62;
            font-size: 0.78rem;
            white-space: nowrap;
        }

        .city-location-discovery {
            margin: 1rem 0;
            padding: 1rem;
            border: 1px solid #e9ecef;
            border-radius: 0.85rem;
            background: #fff;
        }

        .city-location-discovery__heading {
            margin-bottom: 0.25rem;
            font-size: 1.05rem;
        }

        .city-location-discovery__intro {
            margin-bottom: 0.85rem;
            color: #6c757d;
            font-size: 0.88rem;
        }

        @media (max-width: 767.98px) {
            .city-location-discovery .seo-link-list {
                grid-template-columns: 1fr;
            }
        }

        .seo-faq-item + .seo-faq-item {
            margin-top: 0.9rem;
        }

        .seo-faq-item p:last-child {
            margin-bottom: 0;
        }

        .maya-city-cta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            margin-bottom: 1rem;
            padding: 0.85rem 1rem;
            border: 1px solid #ffd2ad;
            border-radius: 0.8rem;
            background: #fff8ef;
        }

        .maya-city-cta p {
            margin: 0;
            color: #343a40;
            font-size: 0.92rem;
        }

        .maya-city-cta a {
            flex: 0 0 auto;
            padding: 0.55rem 0.85rem;
            border-radius: 999px;
            background: #9e3000;
            color: #fff;
            font-size: 0.85rem;
            font-weight: 700;
            text-decoration: none;
        }

        .maya-city-cta a:hover,
        .maya-city-cta a:focus {
            background: #7d2600;
            color: #fff;
            text-decoration: none;
        }

        .breadcrumb-item.active {
            color: #545b62;
        }

        body.city-page-body .badge-danger {
            color: #fff;
            background-color: #b92329;
        }

        body.city-page-body .city-ad-card .text-danger {
            color: #b92329 !important;
        }

        body.city-page-body .footer .text-muted {
            color: #aab1bb !important;
        }

        #stories .item-preview img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            aspect-ratio: 1;
        }

        @media (max-width: 767.98px) {
            .fonte_cidades {
                font-size: clamp(0.78rem, 3.65vw, 1.12rem);
                line-height: 1.02;
                letter-spacing: -0.03em;
            }

            .city-hero-panel {
                padding: 0.95rem;
                border-radius: 0.8rem;
            }

            .city-header-title {
                gap: 0.45rem;
            }

            .city-title-text {
                max-width: 100%;
            }
            .city-filter-toggle {
                min-height: 48px;
                padding: 0.55rem 0.7rem;
                gap: 0.45rem;
                align-items: center;
                font-size: 0.82rem;
            }

            .city-filter-toggle__text {
                white-space: nowrap;
            }

            .city-filter-chip {
                max-width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .city-filter-grid,
            .city-filter-grid--refine {
                grid-template-columns: 1fr;
            }

            .city-filter-submit,
            .city-filter-clear {
                width: 100%;
            }

            .city-title-meta {
                font-size: calc(0.72rem + 3px);
                line-height: 1.05;
                margin-top: 0.25rem !important;
            }

            .stories-shell,
            .zuck-container,
            .zuck-stories,
            #stories,
            .stories-shell.is-ready,
            .stories-shell.is-ready .zuck-container,
            .stories-shell.is-ready .zuck-stories,
            .stories-shell.is-ready #stories {
                height: 120px;
                min-height: 120px;
                max-height: 120px;
            }

            .city-banner-col {
                width: 100% !important;
                max-width: 100%;
                flex: 0 0 100%;
            }

            .city-banner-col .card {
                width: 100%;
            }

            .city-banners-row {
                min-height: 148px;
            }

            .city-spotlights-row {
                min-height: 223px;
            }

            .city-page-hero {
                min-height: 108px;
            }

            #formSearch .input-group {
                gap: 3px;
            }

            #formSearch select[name="city_id"] {
                flex: 1 1 auto;
                max-width: none;
            }

            #formSearch select[name="type"] {
                flex: 0 0 92px;
                max-width: 92px;
            }

            #formSearch .input-group-append {
                flex: 0 0 86px;
            }

            #formSearch .input-group-append .btn {
                width: 86px;
                font-size: 0.86rem;
            }

            .seo-link-card {
                padding: 0.9rem;
            }

            .seo-link-list {
                grid-template-columns: 1fr;
            }

            .seo-support-section .row.mt-4 > .col-12.mb-4,
            .seo-support-section .row.mt-4 > .col-12.col-md-6.mb-4 {
                padding: 0.9rem;
            }

            .maya-city-cta {
                align-items: stretch;
                flex-direction: column;
            }

            .maya-city-cta a {
                text-align: center;
            }
        }

        @media (min-width: 768px) {
            /* Duas colunas ocupam a largura do conteúdo; a proporção reserva espaço antes da imagem. */
            .city-page-shell > .icon-demo-examples {
                display: grid;
                grid-template-columns: repeat(3, auto minmax(0, 1fr));
                width: 100%;
            }

            .city-banners-row > .city-banner-col {
                flex: 0 0 50%;
                width: 50%;
                max-width: 50%;
                min-height: 0;
            }

            .city-banners-row .card {
                width: 100%;
                min-height: 0;
            }

            .city-banners-row .city-banner-media {
                height: auto;
                aspect-ratio: 400 / 145;
            }

            .city-banners-row .city-banner-image {
                height: 100%;
                position: absolute;
                inset: 0;
            }

            .seo-support-section {
                contain-intrinsic-size: auto 720px;
            }

            body.city-page-body > footer.footer {
                contain-intrinsic-size: auto 360px;
            }
        }