/* Reset */
        #custon-page {
            scroll-snap-type: y mandatory;
            overflow-y: scroll;
        }

        #custon-page.scroll-section {
            scroll-snap-align: start;
        }

        #custon-page h1, p, a, h2 {
            font-family: 'Poppins', Arial, Helvetica, sans-serif;
        }

        #custon-page h1 {
            font-size: 20px;
            font-weight: 700;
        }

        #custon-page h2 {
            font-size: 16px;
            font-weight: 600;
        }

        #custon-page p {
            font-size: 14px;
            font-weight: 400;
        }

        #custon-page img {
            border-radius: 32px;
            width: 100%; /* Garante que a imagem se ajuste ao contêiner */
            padding: 0;
            margin: 0;
            transform: scale(1);
            transition: 0.2s ease-in-out;
        }

        
        .banners-header{
        width: 100%;
        margin: 0 auto;
    
        height: auto;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        }
        .cp-banner-desk{display: block;}
        .cp-banner-mob{display: none;}

        .ajust-title {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        #custon-page .controller-width {
            width: 100%;
            max-width: 1280px;
            height: auto;
            padding: 0 16px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
        }

        #custon-page .content-page {
            width: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            height: auto;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }

        #custon-page::-webkit-scrollbar {
            width: 0;
        }

        .slide-section-1{
            background-image: url("https://static.ecosweb.com.br/public/produtos/moda-feminina/blusa-manga-longa/blusa-branco-em-crepe-plano_375406_1000_4.webp");
            height: 768px;
            position: relative;
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            border-radius: 32px;
            animation: slideshow 10s infinite; /* 3 segundos por slide, ciclo infinito */
            
        }

        


        a.button-inferior {
            width: 100%;
            max-width: 100%;
            background-color: #f1e5d7;
            border-radius: 8px;
            color: #000000;
            text-decoration: none;
            padding: 16px;
            margin: 16px 0;
            cursor: pointer;
        }

        #custon-page img:hover{
            opacity: 0.7;
            transition: 0.2s ease-in-out;
            transform: scale(1.020);
        }

        /* Ajuste Mobile */
        @media screen and (max-width: 720px) {
            
            #custon-page img{
                border-radius: 16px;
            }

            .cp-banner-desk{display: none;}
            .cp-banner-mob{display: block;}

        
        }
        
          .carrossel-wrapper {
            width: 100%;
            max-width: 1280px;
            margin: 0 auto; /* Centraliza na tela */
          
            
        }

          .big-carrossel-cp {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            width: 100%;
            max-width: 1280px; /* Mantém dentro do wrapper */
            margin: 0 auto;
            justify-content: start; /* Mantém os itens alinhados */
            object-fit: contain;
        }
          
       

          .big-carrossel-cp .item {
            flex: 0 0 auto;
            width: 100%;
            max-width: 320px;
            height: auto;
            scroll-snap-align: center;
            margin: 8px;
            transition: 0.2s ease-in-out;
            object-fit: contain;

            
            
          }

        
        
          .big-carrossel-cp .item a img{
            border-radius: 16px;
            width: 100%;
            height: auto;
            object-fit: contain;
          }
          
          .carrossel-wrapper .big-carrossel-cp .item img {
            width: 100%; /* Garante que a imagem ocupe 100% da largura disponível */
            height: auto; /* Ajusta a altura proporcionalmente */
            object-fit: contain; /* Garante que a imagem não seja cortada */
        }
        

          
          .big-carrossel-cp::-webkit-scrollbar {
           height: 8px;
           background-color: #ffffff;
           border-radius: 8px;
        
          }
        
          .big-carrossel-cp::-webkit-scrollbar-thumb {
            background-color: #5070E3; /* Cor do polegar */
            border-radius: 5px; /* Raio das bordas do polegar */
            
          }
          
          /* Muda a cor do polegar quando hover */
          .big-carrossel-cp::-webkit-scrollbar-thumb:hover {
            background-color: var(#ffffff);
          }

          .item-description{
            color: var(343436);
            margin: 8px 0;
            font-size: 14px;
          }
          .item-description p{font-size: 14px!important;}

          .scroll-h-icon {
            display: flex; /* Usa o Flexbox para o alinhamento */
            justify-content: center; /* Centraliza o conteúdo horizontalmente */
            align-items: center; /* Centraliza o conteúdo verticalmente */
            gap: 8px; /* Espaçamento entre o ícone e o texto */
            width: 100%; /* Faz a div ocupar toda a largura do contêiner */
            height: auto; /* Ajuste a altura conforme necessário */
        }
        
        /* Ajuste no tamanho do ícone */
        .scroll-h-icon img {
          border-radius: 0% !important;
          max-width: 40px; /* Ajuste o tamanho do ícone */
          height: auto; /* Mantém a proporção da imagem */
        }