/* ==============================================
    1. ESTILOS GERAIS DA HOME (CARROSSEL E ESTRUTURA)
    ================================================*/
    /* Garante que o wrapper principal não tenha fundo branco aparecendo */
    .hero-diferenciais-wrapper {
        position: relative;
        overflow: hidden;
        background-color: #000; /* Fundo preto para sumir com qualquer fresta branca */
        width: 100%;
    }

    /* Unificando o container: Remova a outra declaração .hero-slider-container que estava solta */
    .hero-slider-container.hero-new {
        position: relative;
        width: 100%;
        height: 100vh; /* Ocupa a tela inteira */
        min-height: 600px;
        overflow: hidden;
        background-color: #000;
    }

    /* Localize esta parte no seu css\home.css */
    .hero-slide {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        transition: opacity 0.8s ease-in-out;
        z-index: 1;
        overflow: hidden;
        display: none; 

        /* INSIRA AS LINHAS ABAIXO AQUI */
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .hero-slide.active {
        display: block;
        opacity: 1;
        z-index: 2;
    }