.elementor-713 .elementor-element.elementor-element-33e592f{--display:flex;--min-height:0px;--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;}.elementor-713 .elementor-element.elementor-element-0ee27f1{--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;}.elementor-713 .elementor-element.elementor-element-773a176{--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;}.elementor-713 .elementor-element.elementor-element-1978b50{--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;}@media(max-width:767px){.elementor-713 .elementor-element.elementor-element-33e592f{--width:1600px;--min-height:0px;}}@media(min-width:768px){.elementor-713 .elementor-element.elementor-element-33e592f{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-68eabd4 *//* --- MOBILE (Até 767px) --- */
    @media (max-width: 767px) {
        .hero-responsive {
            height: 65vh; /* Altura */
            
            /* AQUI ESTÁ A CORREÇÃO: Força bruta para ocupar a tela toda no celular */
            width: 100vw;
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            
            /* Garante que não tenha borda branca em cima */
            top: 0;
            margin-top: -20px; 
        }

        .hero-img-layer img {
            /* Foco no rosto */
            object-position: 65% 15%; 
        }

        /* Degradê otimizado para leitura no celular */
        .hero-gradient {
            background: linear-gradient(180deg, 
                rgba(0,0,0,0.2) 0%, 
                rgba(0,0,0,0.1) 40%, 
                rgba(0,0,0,0.9) 100%);
        }

        .hero-content {
            padding: 0 20px;
            text-align: center;
            /* Empurra o texto para baixo para não cobrir o rosto */
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 100%;
            padding-bottom: 60px; /* Espaço embaixo */
        }

        .hero-title {
            font-size: 3.2rem;
            margin-bottom: 15px;
        }

        .hero-gold-bar {
            margin: 0 auto;
        }
    }/* End custom CSS */