@media (max-width: 991.98px) {
        .loader-wrap {
            display: none !important;
        }


    }


     .header-slider h1{font-size: 90px; font-weight: 900;}

            .laranja{color: #FE7F32}
            .bg-branco{background-color: #FFF;}
            .valores{background-color: #FFF; color: #000;}
            


            .rotate-text {
            -webkit-animation: rotateText 20s linear infinite;
            animation: rotateText 20s linear infinite;
            font-weight: 300;
            text-transform: uppercase;
            position: absolute;
            left: 0;
            border-radius: 50%;
            color: #fff;
            border: 1px solid #fff2;
            font-size: 25px;
        }

           .valores h2{color: #000;}
        .valores .line {color: #000;}
        
         .tc-promocoes-light {
        background-color: #ffffff; /* Alterado para branco */
        font-family: sans-serif;
        padding: 80px 0;
    }
    .tc-promocoes-light .img-col img {
        width: 100%;
        height: auto;
        display: block;
    }
    .tc-promocoes-light .content-col {
        padding: 40px 60px;
        color: #000000; /* Alterado para preto */
    }
    .tc-promocoes-light .section-title {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        color: #fd7a02; /* Laranja (mantido) */
        text-transform: uppercase;
        font-size: 2.8rem;
        margin-bottom: 30px;
    }
    .tc-promocoes-light .promo-item {
        display: flex;
        align-items: flex-end;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .tc-promocoes-light .promo-item:last-child {
        border-bottom: none;
    }
    .tc-promocoes-light .promo-item .info {
        flex-shrink: 0;
    }
    .tc-promocoes-light .meal-tag {
        display: inline-block;
        background-color: #fd7a02;
        color: #fff;
        padding: 2px 10px;
        border-radius: 4px;
        font-size: 0.8rem;
        font-weight: bold;
        text-transform: uppercase;
    }
    .tc-promocoes-light .item-title {
        font-size: 1.25rem;
        font-weight: bold;
        margin-top: 8px;
        margin-bottom: 5px;
        color: #000; /* Garante que o título seja preto */
    }
    .tc-promocoes-light .item-description {
        font-size: 0.9rem;
        color: #666; /* Alterado para cinza escuro */
        margin: 0;
        max-width: 350px;
    }
    .tc-promocoes-light .dotted-line {
        flex-grow: 1;
        border-bottom: 2px dotted #ccc; /* Alterado para cinza claro */
        margin: 0 15px;
        transform: translateY(-8px);
    }
    .tc-promocoes-light .item-price {
        font-size: 1.5rem;
        font-weight: bold;
        white-space: nowrap;
        color: #000; /* Alterado para preto */
    }

    /* Ajustes para telas menores */
    @media (max-width: 991.98px) {
        .tc-promocoes-light .content-col {
            padding: 40px 20px;
        }
    }

     /* =================================================
      ESTILOS PARA MELHORAR A GALERIA DE FOTOS
    ================================================= */

    .tc-products-st4 .products-slider {
        padding-bottom: 100px; /* Aumenta o espaço para a navegação */
    }

    /* Ajusta o card da galeria */
    .tc-products-st4 .product-card .img {
        height: 400px; /* AUMENTA A ALTURA DA FOTO */
        background-color: #000; /* Fundo preto caso a imagem não carregue */
        border-radius: 10px; /* Adiciona bordas arredondadas */
        overflow: hidden;
    }

    /* Faz a imagem preencher todo o espaço */
    .tc-products-st4 .product-card .img img {
        object-fit: cover; /* ESSA É A PROPRIEDADE MAIS IMPORTANTE */
        height: 100%;
        width: 100%;
    }

    /* Garante que os controles do slider fiquem visíveis */
    .tc-products-st4 .slider-controls {
        bottom: 20px; /* Posiciona os controles mais para baixo */
    }

     /* Garante que as bolinhas da paginação apareçam */
    .tc-products-st4 .swiper-pagination-bullet {
        background-color: #fd7a02 !important; /* Cor laranja para as bolinhas */
        opacity: 0.5;
    }

    .tc-products-st4 .swiper-pagination-bullet-active {
        opacity: 1;
    }


    /* --- Start Location Styles --- */
.tc-location-st1 {
    background-color: #FFF; /* Cor de fundo que combina com seu site */
    position: relative;
    overflow: hidden;
}

.tc-location-st1 .location-title {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fd7a02; /* Laranja do seu site */
    text-transform: uppercase;
    font-size: 50px; /* Alinhado com outros títulos como "ALMOÇO" */
    margin-bottom: 20px;
}

.tc-location-st1 .location-description {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
    color: #000; /* Cor suave para o texto */
    line-height: 1.6;
}

.tc-location-st1 .info-list {
    list-style: none;
    padding: 0;
    margin-top: 30px;
    color: #000;
}

.tc-location-st1 .info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 16px;
}

.tc-location-st1 .info-icon {
    color: #fd7a02; /* Laranja do seu site */
    font-size: 24px;
    margin-right: 15px;
    width: 30px;
    text-align: center;
}

.tc-location-st1 .map-image {
    border-radius: 8px;
    object-fit: cover;
    height: 100%;
    min-height: 450px;
}
/* --- End Location Styles --- */

 .bt-evento{    padding-left: 2rem;padding-right: 2rem;}
     .tc-events-st1 {
         background-color: #1a1a1a; /* Match your background */
     }
 
     .tc-events-st1 .event-card {
         display: block;
         border-radius: 10px;
         overflow: hidden;
         position: relative;
         transition: transform 0.3s ease;
     }
 
     .tc-events-st1 .event-card:hover {
         transform: scale(1.05);
     }
 
     .tc-events-st1 .event-image {
         position: relative;
         overflow: hidden;
     }
 
     .tc-events-st1 .event-image img {
         width: 100%;
         display: block;
         transition: transform 0.3s ease;
         height: auto; /* Maintain aspect ratio */
         min-height: 200px; /* Ensure a reasonable minimum height */
         object-fit: cover; /* Cover the container, may crop */
     }
 
     .tc-events-st1 .event-card:hover .event-image img {
         transform: scale(1.1);
     }
 
     .tc-events-st1 .event-title {
         position: absolute;
         bottom: 15px;
         left: 15px;
         color: #fff;
         z-index: 2;
         text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
     }
 
     .tc-events-st1 .event-title h5 {
         margin-bottom: 0;
         font-family: 'Oswald', sans-serif;
         font-weight: 700;
         text-transform: uppercase;
     }

     .ifood{text-align: right; margin-bottom: 60px;}
     .ifood img{width: 200px;}

     .tc-faq-st4 .accordion .accordion-item .accordion-body .text {color: #FFF;}


     .tc-faq-st4 {
        padding-inline-start: 0 !important;
    }

    .tc-faq-st4 .info {padding: 0;}

    section.tc-faq-st4 .row {
        align-items: flex-start !important;
    }

    .faq-light-background {
        background-color:#1a1a1a; /* Fundo cinza claro como na referência */
        padding-top: 100px;
        padding-bottom: 100px;
        overflow: hidden; /* Evita barras de rolagem indesejadas */
    }

    .faq-title {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 50px;
        color: #fd7a02; /* Laranja padrão do site */
        text-transform: uppercase;
    }

    .faq-light-background .accordion-item {
        border: none;
        border-bottom: 1px solid #e0e0e0; /* Apenas uma linha fina para separar */
        background-color: transparent;
        border-radius: 0;
    }

    .faq-light-background .accordion-button {
        background-color: transparent;
        color: #FFF; /* Preto suave */
        font-weight: 600;
        padding: 1.25rem 0.25rem; /* Ajusta o espaçamento */
        font-size: 1.1rem;
    }

    /* Remove a sombra do botão */
    .faq-light-background .accordion-button:focus {
        box-shadow: none;
    }
    
    .faq-light-background .accordion-button:not(.collapsed) {
        color: #fd7a02; /* Cor laranja quando aberto */
        background-color: transparent;
    }

    .faq-light-background .accordion-body {
        color: #FFF;
        padding: 0.25rem 0.25rem 1.25rem;
    }

    /* Estilo e cor da seta do accordion */
    .faq-light-background .accordion-button::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23343a40'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        transition: transform .2s ease-in-out;
    }
    .faq-light-background .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fd7a02'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    }

      .tc-dishes-st4 .cir-wrapper::after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, var(--cr-brown1)));
    background: linear-gradient(to right, transparent 50%, #bebebe 50%);
    background-size: 16px 2px, 100% 2px;
}

.tc-dishes-st4 .rotate-text svg .text-white {
        fill: #ffffff !important; /* Usamos 'fill' para textos em SVG */
    }

    
    .midia-info-col{  min-height: 600px; /* Aumentado de 500px. Você pode usar outro valor se preferir. */
}
       .midia-video-col {
        position: relative;
        min-height: 600px;
        overflow: hidden;
        background-color: #000; /* Adiciona um fundo preto para o caso de o vídeo demorar a carregar */
    }

    /* Regra mais específica para forçar o vídeo a preencher o container */
    section.na-midia-section .midia-video-col video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 600px;
        object-fit: cover !important; /* Força o vídeo a cobrir o espaço, sem distorcer */
    }
    

   .midia-video-col video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Faz o vídeo cobrir todo o espaço, sem distorcer */
    }
    .na-midia-section {
        overflow: hidden; /* Garante que nada vaze da seção */
    }
    
    .na-midia-section .text-orange {
        color: #fd7a02; /* Cor laranja padrão do seu site */
    }

    /* Coluna da Esquerda */
.midia-info-col {
        background-color: #fff;
        color: #1a1a1a;
        padding: 60px 40px;
        height: 100%;
        display: flex;
        flex-direction: column;
        /* --- ALTERAÇÕES AQUI --- */
        justify-content: center; /* Centraliza o conteúdo na VERTICAL */
        align-items: center;     /* Centraliza o conteúdo na HORIZONTAL */
        text-align: center;      /* Centraliza o TEXTO dentro de cada elemento */
    }
    .midia-title, .social-title {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        text-transform: uppercase;
    }

    .midia-title {
        font-size: 50px;
        line-height: 1.1;
    }

    .midia-info-col p {
        font-size: 16px;
        color: #555;
        margin-top: 15px;
    }
    
    .social-title {
        font-size: 24px;
        margin-top: 40px;
    }

    .social-icons {
        margin-top: 15px;
    }

    .social-icons .icon-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        color: #fff;
        font-size: 22px;
        text-decoration: none;
        margin-right: 10px;
        transition: transform 0.2s ease;
    }

    .social-icons .icon-link:hover {
        transform: scale(1.1);
    }

    .social-icons .instagram {
        background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #bc1888);
    }
    .social-icons .facebook {
        background: #3b5998;
    }

    /* Colunas de Mídia (Meio e Direita) */
    .midia-video-col, .midia-article-col {
        position: relative;
        min-height: 600px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .video-background {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: transform 0.4s ease;
    }
    
    .midia-video-col:hover .video-background,
    .midia-article-col:hover .video-background {
        transform: scale(1.05); /* Efeito de zoom sutil no hover */
    }

    .play-icon-overlay {
        width: 80px;
        height: 80px;
        background-color: rgba(0, 0, 0, 0.2);
        border: 2px solid #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #fff;
        z-index: 2;
        transition: background-color 0.3s ease;
    }
    
    .midia-video-col:hover .play-icon-overlay {
        background-color: rgba(253, 122, 2, 0.8);
    }

    /* Coluna da Direita (Artigo) */
    .dark-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9); /* Sobreposição escura */
        z-index: 1;
    }

    .article-content {
        position: relative;
        z-index: 2;
        color: #fff;
        text-align: center;
        padding: 40px;
    }
    
    .logo-gazeta .logo-char {
        font-family: 'Oswald', sans-serif;
        font-weight: 900;
        font-size: 100px;
        line-height: 0.9;
    }

    .logo-gazeta .logo-text {
        display: block;
        font-size: 14px;
        letter-spacing: 2px;
        margin-bottom: 25px;
    }

    .article-headline {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 1.25;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    }

    .btn-materia {
        display: inline-block;
        background-color: #fd7a02;
        color: #fff;
        padding: 12px 35px;
        border-radius: 50px;
        font-weight: bold;
        text-decoration: none;
        margin-top: 30px;
        transition: background-color 0.3s ease;
    }

    .btn-materia:hover {
        background-color: #d16600; /* Laranja mais escuro no hover */
        color: #fff;
    }



    /* ==========================================================
       AJUSTES PARA O BANNER NA VERSÃO MOBILE
    ========================================================== */

    /* Aplica as regras em telas com largura máxima de 767px (celulares) */
    @media (max-width: 767.98px) {

        .home-st4 br {display: block;}

        /* 1. Ajusta a altura do banner */
        .tc-header-st4 .header-slider,
        .tc-header-st4 .header-slider .img {
            height: 650px; /* Reduz a altura total do banner */
        }

        /* 2. Diminui o tamanho do título principal */
        .tc-header-st4 h1 {
            font-size: 38px !important; /* Tamanho mais adequado para celular */
            line-height: 1.2; /* Melhora o espaçamento entre as linhas */
        }

        /* 3. Ajusta o texto de descrição */
        .tc-header-st4 .info .text {
            font-size: 16px;
            margin-top: 1.5rem !important;
            margin-bottom: 2rem !important; /* Reduz o espaçamento vertical */
        }
        
        /* Remove quebras de linha forçadas que não fazem sentido no mobile */
        .tc-header-st4 .info .text br {
            display: none;
        }

        /* 4. Ajusta os botões para ficarem empilhados */
        .tc-header-st4 .btns {
            display: flex;
            flex-direction: column; /* Coloca um botão embaixo do outro */
            align-items: center;   /* Centraliza os botões */
            width: 100%;
        }

        .tc-header-st4 .btns .butn {
            margin: 8px 0 !important; /* Adiciona um espaço vertical entre eles */
            width: 90%;             /* Faz os botões ocuparem mais espaço na largura */
            text-align: center;
        }

        /* Oculta as setas de navegação laterais no mobile para um visual mais limpo */
        .tc-header-st4 .swiper-button-next,
        .tc-header-st4 .swiper-button-prev {
            display: none;
        }

     /* ==========================================================
       AJUSTES PARA A SEÇÃO 'SOBRE NÓS' NA VERSÃO MOBILE
    ========================================================== */

        /* 1. Reduz o espaçamento geral da seção */
        .tc-about-st5 {
            margin-top: 80px !important;
            margin-bottom: 80px !important;
        }

        /* 2. Diminui o tamanho do título principal */
        .tc-about-st5 .title h2 {
            font-size: 42px !important; /* Tamanho mais apropriado para celular */
            line-height: 1.2;
        }
        
        /* 3. Ajusta a altura das imagens */
        .tc-about-st5 .img.th-300,
        .tc-about-st5 .img.th-380 {
            height: 280px; /* Define uma altura mais adequada para as imagens no mobile */
            margin-top: 30px !important;
        }
        
        /* 4. Reduz o espaçamento do botão "Saiba Mais" */
        .tc-about-st5 .butn {
            
            margin: 30px 0 8px 0 !important; /* Adiciona um espaço vertical entre eles */
            width: 90%;             /* Faz os botões ocuparem mais espaço na largura */
            text-align: center;
        }
        /* 5. Adiciona um espaço quando a coluna da direita empilhar */
        .tc-about-st5 > .container > .row > .col-lg-3 {
            margin-top: 50px;
        }

        /* 6. Ajusta o espaçamento da lista de ícones */
        .tc-about-st5 .icon-list {
            margin-top: 30px !important;
        }

           /* Estilo para a paginação do carrossel mobile 'Sobre Nós' */
        .about-us-carousel-mobile .swiper-pagination-bullet {
            background-color: #a9a9a9; /* Cor da bolinha inativa */
        }
        .about-us-carousel-mobile .swiper-pagination-bullet-active {
            background-color: #fd7a02; /* Cor laranja da bolinha ativa */
        }

 /* Estilos para o novo carrossel de serviços mobile */


    .mobile-service-card {
        position: relative;
        overflow: hidden;
        min-height: 450px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-service-card .slide-bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .mobile-service-card .slide-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        z-index: 1;
    }

    .mobile-service-card .slide-content {
        position: relative;
        z-index: 2;
        text-align: center;
        padding: 30px;
    }
    
    .mobile-service-card .icon {
        margin-bottom: 20px;
    }

    .mobile-service-card .icon img {
        height: 60px;
    }

    .mobile-service-card .slide-title {
        font-family: 'Oswald', sans-serif;
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 15px;
    }

    .mobile-service-card .slide-text {
        font-size: 1rem;
        color: #eee;
    }
    
    /* Estilo das bolinhas de navegação */
    .tc-services-mobile-st1 .swiper-pagination {
        position: static; /* Coloca a paginação abaixo do slide */
        margin-top: 30px;
    }

    .tc-services-mobile-st1 .swiper-pagination-bullet {
        background-color: #a9a9a9;
    }

    .tc-services-mobile-st1 .swiper-pagination-bullet-active {
        background-color: #fd7a02;
    }

 /* ==========================================================
       AJUSTES PARA A GALERIA DE FOTOS NA VERSÃO MOBILE
    ========================================================== */


        /* 1. Reduz o espaçamento vertical de toda a seção */
        .tc-products-st4 {
            padding-top: 80px;
            padding-bottom: 80px;
        }

        /* 2. Diminui a margem acima do título */
        .tc-products-st4 .title .mt-15 {
            margin-top: 0 !important;
        }

        /* 3. Deixa o botão maior, seguindo o padrão do banner */
        .tc-products-st4 .text-center .butn {
            width: 90%; /* Ocupa 90% da largura da tela */
            max-width: 350px; /* Limita a largura máxima em telas um pouco maiores */
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 1rem;
        }

        /* 4. Reduz o espaçamento acima do botão */
        .tc-products-st4 .text-center a.mt-40 {
            margin-top: 30px !important;
        }
    
 /* ==========================================================
       AJUSTE PARA A SEÇÃO 'LOCALIZAÇÃO' NA VERSÃO MOBILE
    ========================================================== */


        /* Centraliza o título da seção de localização */
        .tc-location-st1 .location-title {
            text-align: center;
        }
    

 /* ==========================================================
       AJUSTES PARA A SEÇÃO 'EVENTOS' NA VERSÃO MOBILE
    ========================================================== */

    .tc-restaurant-mobile-st1 {padding: 80px 15px;}

        /* 1. Reduz o espaçamento vertical da seção */
        .tc-events-st1 {
            margin-top: 80px !important;
            padding-top: 40px !important;
            padding-bottom: 80px !important;
        }

        /* 2. Diminui a margem acima e abaixo do título */
        .tc-events-st1 .title {
            margin-top: 0 !important;
            margin-bottom: 40px !important;
        }
        
        /* 3. Ajusta o título para mobile */
        .tc-events-st1 .title h2 {
            font-size: 38px !important;
        }

        /* 4. Deixa o botão maior, no padrão do site */
        .tc-events-st1 .text-center .bt-evento {
            width: 90%;
            max-width: 400px;
            padding-top: 14px;
            padding-bottom: 14px;
            font-size: 1rem;
        }

        /* 5. Estilo das bolinhas de navegação do carrossel */
        .events-carousel-mobile .swiper-pagination {
            position: static;
            margin-top: 30px;
        }
        .events-carousel-mobile .swiper-pagination-bullet {
            background-color: #000000;
        }
        .events-carousel-mobile .swiper-pagination-bullet-active {
            background-color: #fd7a02;
        }


    .ifood-logo-mobile {
        margin-bottom: 40px;
    }
    .ifood-logo-mobile img {
        max-width: 200px;
    }

    .info-mobile h2 {
        font-size: 38px !important;
    }
    .info-mobile h3 {
        font-size: 28px !important;
    }

    .btns-mobile {
        margin-top: 30px;
        margin-bottom: 40px;
    }

    .btns-mobile .butn {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 1rem;
        text-align: center;
    }



      /* ==========================================================
       AJUSTES PARA A SEÇÃO 'DEPOIMENTOS' NA VERSÃO MOBILE
    ========================================================== */



        /* 1. Muda o fundo da seção para branco e ajusta espaçamentos */
        .tc-testimonials-st4 {
            background-color: #ffffff;
            padding: 80px 15px;
            border-bottom: none; /* Remove a borda inferior no mobile */
        }

        /* 2. Altera a cor dos textos para serem legíveis no fundo branco */
        .tc-testimonials-st4 .title h2,
        .tc-testimonials-st4 .title h5,
        .tc-testimonials-st4 .testi-card .user-inf h6 {
            color: #000000;
        }

        .tc-testimonials-st4 .testi-card .main-text {
            color: #333;
            font-size: 1.1rem; /* Opcional: Aumenta um pouco a fonte para leitura */
            line-height: 1.6;
        }

        .tc-testimonials-st4 .testi-card .user-inf p {
            color: #666;
        }

        /* 3. Centraliza o conteúdo de cada card de depoimento */
        .tc-testimonials-st4 .testi-card {
            text-align: center;
        }

        /* 4. Ajusta a cor dos controles do slider (setas e bolinhas) */
        .tc-testimonials-st4 .slider-controls .swiper-prev,
        .tc-testimonials-st4 .slider-controls .swiper-next {
            color: #000000;
        }

        .tc-testimonials-st4 .swiper-pagination-bullet {
            background-color: #ccc; /* Cor da bolinha inativa */
        }

        .tc-testimonials-st4 .swiper-pagination-bullet-active {
            background-color: #fd7a02; /* Cor da bolinha ativa */
        }
    
 /* Centraliza o bloco com o nome do usuário no depoimento */
        .tc-testimonials-st4 .testi-card .user-inf {
            justify-content: center;
        }


    /* ==========================================================
       AJUSTES PARA O RODAPÉ NA VERSÃO MOBILE
    ========================================================== */


        /* 1. Centraliza todo o conteúdo dentro de cada grupo de links */
        .tc-footer-st1 .links-group {
            text-align: center;
            margin-bottom: 40px; /* Adiciona um espaço quando as colunas empilham */
        }

        /* Remove a margem do último grupo para não criar espaço extra no final */
        .tc-footer-st1 .links-group:last-of-type {
            margin-bottom: 0;
        }

        /* 2. Aumenta o tamanho da fonte e o espaçamento dos links para facilitar o toque */
        .tc-footer-st1 .links li {
            padding: 8px 0; /* Adiciona espaçamento vertical, aumentando a área de clique */
            font-size: 1.1rem; /* Aumenta a fonte */
        }

        /* Garante que o texto dentro dos links também fique maior */
        .tc-footer-st1 .links li a {
            font-size: 1.1rem;
        }

        /* 3. Ajusta o alinhamento dos ícones para o centro */
        .tc-footer-st1 .links .info-icon {
            margin-right: 8px; /* Mantém um pequeno espaço entre o ícone e o texto */
        }
        
        /* 4. Ajusta o espaçamento do título de cada coluna */
        .tc-footer-st1 .links-group h6 {
            margin-bottom: 15px !important;
        }

        /* 5. Ajusta o parágrafo de direitos autorais */
        .tc-footer-st1 .foot p {
            font-size: 0.9rem;
        }

        .tc-footer-st1 .footer-links {
            padding: 0
        }

        .redes .fa-brands{
            font-size: 40px;
            padding: 20px;
        }

        .tc-footer-st1 {
            /* Adiciona um padding na parte de baixo do rodapé, empurrando o conteúdo para cima */
            padding-bottom: 100px; /* A altura pode ser ajustada, mas 80px é um bom valor */
        }



    }


 /* ==========================================================
       ESTILOS PARA O BOTÃO WHATSAPP (DESKTOP E MOBILE)
    ========================================================== */

    /* Estilo para o Botão Flutuante (DESKTOP) */
    .whatsapp-float {
        position: fixed;
        bottom: 25px;
        right: 25px;
        width: 60px;
        height: 60px;
        background-color: #25D366;
        color: #FFF;
        border-radius: 50px;
        text-align: center;
        font-size: 30px;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
        z-index: 100;
        /* Para centralizar o ícone */
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease;
    }

    .whatsapp-float:hover {
        transform: scale(1.1);
        color: #fff;
    }


    /* Estilo para a Faixa Fixa (MOBILE) */
    .whatsapp-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #19bf56;
        color: #FFF;
        padding: 12px 0;
        text-align: center;
        z-index: 100;
        font-size: 1.1rem;
        font-weight: bold;
        text-decoration: none;
        /* Para alinhar ícone e texto */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .whatsapp-bar:hover {
        color: #fff;
    }

    .whatsapp-bar i {
        margin-right: 10px;
        font-size: 1.5rem;
    }

    
    /* ==========================================================
       SOLUÇÃO DEFINITIVA PARA O BANNER E SOBREPOSIÇÃO
    ========================================================== */

    /* 1. O CONTAINER PRINCIPAL DO BANNER */
    .page-header-st1 {
        position: relative; /* Essencial para o posicionamento das camadas internas */
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 450px;
        padding: 222px 30px 60px;
        overflow: hidden;
    }

    /* 2. A IMAGEM DE FUNDO */
    .page-header-st1 .img-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* Camada 1 (a mais baixa) */
    }
    
    /* 3. A SOBREPOSIÇÃO ESCURA */
    .page-header-st1::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7); /* << CONTROLE A OPACIDADE AQUI */
        z-index: 2; /* Camada 2 (entre a imagem e o texto) */
    }

    /* 4. O CONTEÚDO DE TEXTO */
 .page-header-st1 .info {
        /* Anula qualquer animação de entrada que esteja sendo aplicada */
        animation-name: none !important;
        
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !
    }

    .page-header-st1 .page-title {
        font-family: 'Oswald', sans-serif;
        font-size: 3.5rem;
        font-weight: 700;
        text-transform: uppercase;
        line-height: 1.3;
        max-width: 800px;
        margin: 0 auto;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
    }

    .page-header-st1 .laranja {
        color: #fd7a02;
    }
    
    /* AJUSTES PARA MOBILE */
    @media (max-width: 767.98px) {
        .page-header-st1 {
            min-height: 170px;
            padding: 20px 30px 60px
        }

        .page-header-st1 .page-title {
            font-size: 2.2rem; /* Fonte um pouco menor no mobile */
        }
    }

    /* Estilos para o carrossel da seção 'Sobre Nós' */
    .about-us-slider {
        position: relative;
        width: 100%;
        height: 500px;
        border-radius: 0.375rem;
        overflow: hidden;
    }
    .about-us-slider .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .about-us-slider .swiper-pagination-bullet {
        background: rgba(255, 255, 255, 0.8);
    }
    .about-us-slider .swiper-pagination-bullet-active {
        background: #fd7a02;
    }

    /* Ajustes de responsividade para a seção */
    @media (max-width: 991.98px) {
        .banner_canvas{display:none;}
        .tc-about-st5 {
            margin-top: 80px !important;
            margin-bottom: 80px !important;
        }
        .tc-about-st5 .title h2 {
            font-size: 42px !important;
        }
        .about-us-slider {
            height: 350px; /* Altura menor para o carrossel no mobile */
        }
    }

    /* Corrige a cor dos textos na seção 'Por que escolher a No Carvão?' */
    .tc-features h2,
    .tc-features h4 {
        color: #1a1a1a; /* Cor preta/cinza escuro para os títulos */
    }

    .tc-features p {
        color: #555; /* Cor cinza escuro para os parágrafos */
    }