/* ============================================
   FIX SCROLL HORIZONTAL MOBILE - VERSÃO 3
   ============================================ */

/* Reset básico */
* {
    box-sizing: border-box;
}

/* Prevenir scroll horizontal apenas */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

/* Container principal */
main {
    max-width: 100%;
}

/* Fundo cinza mais escuro para todo o site */
body {
    background: linear-gradient(180deg, #dee2e6 0%, #ced4da 100%);
    min-height: 100vh;
}

/* Seções brancas alternadas com cinza */
section:nth-child(odd) {
    background: #ffffff;
}

section:nth-child(even) {
    background: #dee2e6;
}

/* Hero Carousel - conter na tela */
.hero-carousel {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
}

/* Mobile: ajustar altura do hero */
@media (max-width: 768px) {
    .hero-carousel {
        min-height: 400px !important;
        height: 400px !important;
    }
}

/* Imagens responsivas */
img {
    max-width: 100%;
    height: auto;
}

/* Remover min-width de inputs em mobile */
@media (max-width: 768px) {
    input, textarea, select {
        min-width: auto !important;
    }
    
    /* Ajustar carrossel */
    .gallery-slide {
        width: 200px !important;
        height: 280px !important;
    }
}

/* Carrosséis não podem estourar */
.gallery-slider-wrapper,
.tv-slider-wrapper {
    max-width: 100vw;
    overflow: hidden;
}