.elementor-134 .elementor-element.elementor-element-3502778{--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(min-width:768px){.elementor-134 .elementor-element.elementor-element-3502778{--content-width:1200px;}}/* Start custom CSS *//* 2. FONTES E RESET DE LARGURA */
    @import url('https://googleapis.com');

    html, body { 
        overflow-x: hidden !important; 
        width: 100% !important; 
        margin: 0 !important; 
        padding: 0 !important;
    }

    /* FORÇAR LARGURA TOTAL (FULL WIDTH HACK) */
    .vg-full-screen {
        width: 100vw !important;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw !important;
        margin-right: -50vw !important;
        background: #fff;
        box-sizing: border-box;
    }

    /* 3. BANNER HERO */
    .vg-hero {
        background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), 
                    url('https://vgmarmoraria.com.br/wp-content/uploads/2026/04/WhatsApp-Image-2026-04-07-at-07.36.52.jpeg');
        background-size: cover;
        background-position: center;
        height: 400px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .vg-hero h1 { 
        font-family: 'Cinzel', serif;
        font-size: clamp(32px, 5vw, 56px);
        color: #fff;
        letter-spacing: 8px;
        text-transform: uppercase;
        text-shadow: 2px 4px 15px rgba(0,0,0,0.6);
        margin: 0;
    }

    /* 4. CONTAINER DO CONTEÚDO */
    .vg-container {
        padding: 80px 4%;
        width: 100%;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    .vg-title-section { text-align: center; margin-bottom: 50px; }
    .vg-title-section h2 { font-family: 'Cinzel', serif; font-size: 36px; color: #111; margin: 0; }
    .vg-title-section p { font-family: 'Montserrat', sans-serif; color: #888; letter-spacing: 2px; text-transform: uppercase; font-size: 12px; }

    /* 5. ESTILO DOS CARDS DO SLIDE */
    .swiper { width: 100%; padding-bottom: 80px !important; }

    .vg-card { text-decoration: none; display: block; outline: none; }

    .vg-img-box {
        width: 100%;
        height: 550px; /* Altura fixa para todas as fotos no PC */
        overflow: hidden;
        border: 1px solid #eee;
        box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    .vg-img-box img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; /* Não deixa a foto esticar/achatar */
        transition: 1.2s ease;
    }

    .vg-card:hover .vg-img-box img { transform: scale(1.1); }

    .vg-info { margin-top: 20px; text-align: center; }
    .vg-info h3 { font-family: 'Cinzel', serif; font-size: 19px; color: #1a1a1a; margin: 0; }
    .vg-info span { color: #F2CB05; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; }

    /* 6. SETAS E PAGINAÇÃO */
    .swiper-button-next, .swiper-button-prev { color: #111 !important; background: rgba(255,255,255,0.9); width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
    .swiper-button-next:after, .swiper-button-prev:after { font-size: 16px; font-weight: bold; }
    .swiper-pagination-bullet-active { background: #F2CB05 !important; }

    /* AJUSTE PARA CELULAR */
    @media (max-width: 768px) {
        .vg-img-box { height: 400px; }
        .vg-hero { height: 300px; }
    }/* End custom CSS */