.elementor-9 .elementor-element.elementor-element-41531e5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-7a896fd *//* =========================================================
           📱 RESPONSIVIDADE
        ========================================================= */
        
        /* Desktop Extra Large (1600px+) */
        @media (min-width: 1600px) {
            .container {
                max-width: 1400px;
            }

            .hero {
                gap: 60px;
            }

            h1 {
                font-size: 3.5rem;
            }

            .experiencia {
                max-width: 1400px;
                gap: 80px;
            }

            .experiencia-texto h2 {
                font-size: 3rem;
            }

            .experiencia-imagem img {
                max-width: 500px;
            }
        }

        /* Desktop Large (1200px - 1599px) */
        @media (min-width: 1200px) and (max-width: 1599px) {
            .hero {
                gap: 50px;
            }

            .experiencia {
                gap: 60px;
            }
        }

        /* Desktop Medium (920px - 1199px) */
        @media (min-width: 920px) and (max-width: 1199px) {
            .container {
                max-width: 1000px;
            }

            .hero {
                gap: 40px;
            }

            h1 {
                font-size: 2.5rem;
            }

            .experiencia {
                gap: 40px;
            }

            .experiencia-texto h2 {
                font-size: 2.2rem;
            }
        }

        /* Tablet e telas médias (900px ou menos) */
        @media (max-width: 900px) {
            .hero {
                grid-template-columns: 1fr;
            }
            
            .experiencia {
                grid-template-columns: 1fr;
                text-align: center;
            }

            .experiencia-texto h2 {
                font-size: 2rem;
                text-align: center;
            }

            .experiencia-texto p {
                text-align: center;
            }

            .experiencia-imagem img {
                margin: 0 auto;
            }

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

        @media (max-width: 920px) {
            .grid-3 {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 600px) {
            h1 {
                font-size: 2rem;
            }

            .banner-animado {
                font-size: 0.8rem;
                padding: 6px 0;
            }

            body {
                padding-top: 35px;
            }
        }

        @media (max-width: 420px) {
            .bg-left, .bg-right {
                display: none;
            }
        }/* End custom CSS */