.elementor-5740 .elementor-element.elementor-element-9ca6714:not(.elementor-motion-effects-element-type-background), .elementor-5740 .elementor-element.elementor-element-9ca6714 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5740 .elementor-element.elementor-element-9ca6714{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5740 .elementor-element.elementor-element-9ca6714 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-a97dc25 */* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    /* Forçar o popup a ficar no topo */
.elementor-popup-modal {
    z-index: 9999 !important;
    position: fixed !important;
    top: 45px !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.elementor-popup-modal .dialog-widget-content {
    position: relative !important;
    z-index: 10000 !important;
}

    html, body {
        font-family: 'Arial', sans-serif;
        line-height: 1.6;
        color: #333;
        overflow-x: hidden !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 100vw;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    .grid-item {
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .grid-item img.fundo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .grid-item .texto {
        padding: 60px 40px;
    }

    .grid-item h2 {
        font-size: 3.5rem;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .grid-item p {
        font-size: 1.4rem;
        line-height: 1.7;
        text-align: justify;
    }

    .lazer {
        justify-content: center;
    }

    .lazer .texto {
        background-color: #fff;
    }

    .lazer h2 {
        color: #2a803e;
    }

    .lazer p {
        color: #424242;
    }

    .localizacao {
        background-color: #2b8342;
        justify-content: flex-start;
        background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .localizacao .texto {
        position: relative;
        padding: 40px;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .localizacao .barra-amarela {
        width: 100%;
        height: auto;
        display: block;
    }

    .localizacao h2, .localizacao p {
        color: white;
    }

    .mobilidade {
        justify-content: center;
        background-color: #f5f5f5;
    }

    .mobilidade h2 {
        color: #2a803e;
    }

    .mobilidade p {
        color: #424242;
    }

    .seguranca {
        justify-content: center;
        background-color: #fff;
    }

    .seguranca h2 {
        color: #2a803e;
    }

    .seguranca p {
        color: #424242;
    }

    .camera-container {
        padding: 0;
    }

    .camera-img {
        width: 100%;
        flex-grow: 1;
        object-fit: cover;
        min-height: 0;
    }

    .saude {
        justify-content: center;
        background-color: #f5f5f5;
    }

    .saude h2 {
        color: #2a803e;
    }

    .saude p {
        color: #424242;
    }

    .educacao {
        justify-content: center;
        background-color: #2b8342;
        background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .educacao h2, .educacao p {
        color: white;
    }

    .esporte-container {
        padding: 0;
    }

    .esporte-img {
        width: 100%;
        flex-grow: 1;
        object-fit: cover;
        min-height: 0;
    }

    .esporte {
        justify-content: center;
        background-color: #2b8342;
        background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .esporte h2, .esporte p {
        color: white;
    }

    .comercio {
        justify-content: center;
        background-color: #fff;
    }

    .comercio h2 {
        color: #2a803e;
    }

    .comercio p {
        color: #424242;
    }

    .sustentabilidade-container {
        padding: 0;
    }

    .sustentabilidade {
        flex-grow: 1;
        background-color: #2b8342;
        background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .sustentabilidade h2, .sustentabilidade p {
        color: white;
    }

    /* MOBILE RESPONSIVO */
    @media screen and (max-width: 768px) {
        .grid-container,
        .grid-container *,
        .grid-item,
        .grid-item * {
            max-width: 100% !important;
            box-sizing: border-box !important;
        }
        
        html, body {
            overflow-x: hidden !important;
            width: 100% !important;
        }
                .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
            padding: 0 !important;
        }


        /* Garantir que menus mobile tenham prioridade */
        .elementor-menu-toggle,
        .elementor-nav-menu,
        .elementor-nav-menu--dropdown,
        [class*="menu"],
        [class*="nav"] {
            z-index: 999999 !important;
        }
        /* Container principal em coluna única */
        .grid-container {
            display: grid !important;
            grid-template-columns: 1fr !important;
            width: 100% !important;
            max-width: 100vw !important;
            overflow: hidden !important;
            position: relative !important;
            z-index: 1 !important;
        }

        /* Reset de todos os grid-items */
        .grid-item {
            display: block !important;
            width: 100% !important;
            max-width: 100vw !important;
            height: 25vh !important;
            min-height: 25vh !important;
            position: relative !important;
            overflow: hidden !important;
        }

        /* Imagens de fundo com altura reduzida */
        .grid-item img.fundo,
        .camera-img,
        .esporte-img {
            width: 100% !important;
            height: 25vh !important;
            object-fit: cover !important;
            display: block !important;
        }

        /* Seções de texto */
        .grid-item .texto {
            height: 25vh !important;
            padding: 15px !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            align-items: flex-start !important;
            box-sizing: border-box !important;
        }

        /* Tipografia mobile */
        .grid-item h2 {
            font-size: 1.6rem !important;
            margin-bottom: 12px !important;
            font-weight: bold !important;
        }

        .grid-item p {
            font-size: 0.85rem !important;
            line-height: 1.3 !important;
            text-align: left !important;
        }

        /* Seção Lazer - barra amarela vertical na lateral esquerda */
        .lazer {
            display: flex !important;
            flex-direction: row !important;
            justify-content: flex-start !important;
            height: 25vh !important;
            position: relative !important;
        }

        .lazer::before {
            content: '' !important;
            position: absolute !important;
            left: 0 !important;
            top: 0 !important;
            width: 8px !important;
            height: 100% !important;
            background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Rectangle-58.png') !important;
            background-size: cover !important;
        }

        .lazer .texto {
            margin-left: 23px !important;
            margin-right: 0 !important;
            padding-right: 15px !important;
        }

        /* Seções com fundo verde - sem barra amarela */
        .localizacao {
            display: flex !important;
            flex-direction: column !important;
            position: relative !important;
            height: 25vh !important;
            grid-row: 4 !important;
        }

        .localizacao .barra-amarela {
            display: none !important;
        }

        .localizacao .texto {
            flex-grow: 1 !important;
            padding: 15px !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            box-sizing: border-box !important;
        }

        .imagem-mapa {
            grid-row: 3 !important;
        }

        .educacao {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            height: 25vh !important;
            grid-row: 12 !important;
        }

        .imagem-escola {
            grid-row: 11 !important;
        }

        .esporte {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            height: 25vh !important;
            grid-row: 14 !important;
        }

        .esporte-container {
            grid-row: 13 !important;
        }

        .esporte-container .barra-amarela {
            display: none !important;
        }



        /* Containers especiais com barra amarela na parte inferior */
        .camera-container {
            position: relative !important;
            height: 25vh !important;
        }

        .camera-container .camera-img {
            height: calc(25vh - 20px) !important;
        }

        .camera-container .barra-amarela {
            width: 100% !important;
            height: 20px !important;
            object-fit: cover !important;
            display: block !important;
            position: absolute !important;
            bottom: 0 !important;
            left: 0 !important;
        }

        .esporte-container {
            position: relative !important;
            height: 25vh !important;
        }

        .esporte-container .esporte-img {
            height: 25vh !important;
        }

        .esporte-container .barra-amarela {
            display: none !important;
        }

        /* Sustentabilidade - barra amarela vertical na direita */
        .sustentabilidade-container {
            display: flex !important;
            flex-direction: row !important;
            position: relative !important;
            height: 25vh !important;
            background-color: #2b8342 !important;
            background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png') !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        .sustentabilidade {
            flex-grow: 1 !important;
            padding: 15px !important;
            padding-right: 23px !important;
            margin: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            box-sizing: border-box !important;
            background: transparent !important;
        }

        .sustentabilidade h2, .sustentabilidade p {
            color: white !important;
        }

        .sustentabilidade-container .barra-amarela {
            width: 8px !important;
            height: 100% !important;
            object-fit: cover !important;
            display: block !important;
            flex-shrink: 0 !important;
            order: 1 !important;
        }

        /* Seções com fundo branco/cinza */
        
        .mobilidade,
        .saude {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            height: 25vh !important;
        }

        .comercio {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            height: 25vh !important;
            grid-row: 16 !important;
        }

        .imagem-comercio {
            grid-row: 15 !important;
        }

        .seguranca {
            display: flex !important;
            flex-direction: column !important;
            justify-content: center !important;
            height: 25vh !important;
            grid-row: 8 !important;
            background-color: #2b8342 !important;
            background-image: url('https://reservadoparquebrasilia.com.br/wp-content/uploads/2025/06/Ativo-3@2x-8-1-1.png') !important;
            background-size: cover !important;
            background-position: center !important;
            background-repeat: no-repeat !important;
        }

        .seguranca h2, .seguranca p {
            color: white !important;
        }

        .camera-container {
            grid-row: 7 !important;
        }
    }/* End custom CSS */