/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.4
	Stable tag: 3.4.4
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/


                body {
                    font-family: "Poppins", sans-serif;
                }

                .font-archivo {
                    font-family: "Archivo Black", sans-serif !important;
                    letter-spacing: -0.5px;
                }

                /* Ensure main headings use Archivo Black and body uses Poppins */
                h1, h2 {
                    font-family: "Archivo Black", 'Poppins', sans-serif !important;
                }

                /* Footer specific styles to guarantee white text */
                .matisa-footer,
                .matisa-footer p,
                .matisa-footer a,
                .matisa-footer h1,
                .matisa-footer h2,
                .matisa-footer h3,
                .matisa-footer h4,
                .matisa-footer h5,
                .matisa-footer h6 {
                    color: #ffffff !important;
                    font-family: 'Poppins', sans-serif !important;
                }

                .matisa-footer a { opacity: .85; }
                .matisa-footer a:hover { opacity: 1 !important; }

                /* ====================== */
                /* HEADER BASE (DESKTOP) */
                /* ====================== */

                .matisa-header {
                    position: relative;
                    width: 100%;
                    padding: 25px 0;
                    z-index: 20;
                    background: #3E3E3F;
                    margin-bottom: 0;
                }

                body.home .matisa-header {
                    position: absolute;
                    background: transparent;
                }

                .header-flex {
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                }

                .header-left {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                }

                .matisa-logo img {
                    height: 42px;
                }

                .tagline-img {
                    height: 40px;
                    margin-left: 10px;
                    margin-top: 15px;
                }

                .matisa-menu {
                    display: flex;
                    align-items: center;
                    gap: 20px;
                }

                .matisa-menu a {
                    font-weight: 600;
                    color: #ffffff !important;
                    text-decoration: none;
                    font-size: 15px;
                    font-family: 'Poppins', sans-serif;
                }

                .matisa-menu a:hover {
                    color: #25d366 !important;
                }

                .btn-whatsapp-icon {
                    font-size: 22px;
                    background-color: #238346;
                    color: #ffffff !important;
                    width: 35px;
                    height: 35px;
                    border-radius: 8px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    transition: .2s;
                }

                .btn-whatsapp-icon:hover {
                    background: #075E54;
                }

                /* ====================== */
                /* HERO */
                /* ====================== */

                .hero-section {
                    position: relative;
                    background: #3E3E3F;
                    overflow: hidden;
                    height: 90vh;
                    min-height: 650px;
                    padding-top: 50px;
                    display: flex;
                    align-items: center;
                }

                .hero-section::before,
                .hero-section::after {
                    content: "";
                    position: absolute;
                    background: rgba(255, 255, 255, 0.03);
                    width: 900px;
                    height: 900px;
                    transform: rotate(45deg);
                    z-index: 1;
                }

                .hero-section::before { top: -250px; right: -350px; }
                .hero-section::after { bottom: -250px; right: 150px; }

                .hero-content { position: relative; z-index: 5; }

                .hero-section h1 { line-height: 1.1; }
                
                .hero-text h1 { color: white !important; }
                .hero-text p { color: white !important; }
                .hero-section p { color: white !important; }

                .hero-machine img {
                    max-width: 135%;
                    position: relative;
                    z-index: 5;
                    transform: translate(150px, 60px);
                }

                /* Botões da home section */
                .hero-text .btn {
                    color: white !important;
                    font-weight: 600;
                    font-family: 'Poppins', sans-serif;
                }

                .hero-text .btn-success {
                    background-color: #0FA958 !important;
                    border: none !important;
                }

                .hero-text .btn-success:hover {
                    background-color: #0c8b46 !important;
                }

                .hero-text .btn-saiba {
                    color: white !important;
                    font-weight: 600;
                    font-family: 'Poppins', sans-serif;
                }

                /* ====================== */
                /* FAIXA VERMELHA */
                /* ====================== */

                .vantagens-section {
                    background-color: #a61a28;
                    color: white;
                    padding: 38px 0;
                }

                .vantagem-box {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 14px;
                }

                .vantagens-texto {
                    text-align: left;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 1.15;
                    letter-spacing: 0.4px;
                }

                .vantagens-icone {
                    height: 42px;
                }

                .vantagem-col { position: relative; }

                .vantagem-col:not(:last-child)::after {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%);
                    height: 60%;
                    width: 1px;
                    background: rgba(255, 255, 255, 0.25);
                }

                /* ====================== */
                /* VANTAGENS MOBILE */
                /* ====================== */
                @media (max-width: 768px) {
                    .vantagens-section {
                        padding: 30px 0;
                    }

                    .vantagens-section .row {
                        margin: 0;
                    }

                    .vantagem-col {
                        padding: 20px 15px !important;
                        margin: 0;
                    }

                    /* Remove todas as linhas divisórias verticais no mobile */
                    .vantagem-col::after {
                        display: none !important;
                    }

                    /* Ajusta o box para ficar bem alinhado e centralizado */
                    .vantagem-box {
                        flex-direction: column;
                        gap: 12px;
                        padding: 0;
                        align-items: center;
                        justify-content: center;
                    }

                    .vantagens-texto {
                        text-align: center;
                        font-size: 13px;
                        line-height: 1.3;
                    }

                    .vantagens-icone {
                        height: 40px;
                        width: auto;
                    }
                }

                /* ====================== */
                /* EQUIPAMENTOS */
                /* ====================== */

                .equip-img-wrapper {
                    position: relative;
                    width: 100%;
                }

                .cards-sobrepostos {
                    position: relative;
                    z-index: 10;
                    margin-top: -120px;
                }

                .equip-card {
                    background: #ffffff;
                    padding: 28px 10px;
                    border-radius: 16px;
                    border: 1px solid #E6E6E6;
                    box-shadow: 0px 6px 20px rgba(0,0,0,0.06);
                    transition: .2s ease;
                }

                .equip-card:hover {
                    transform: translateY(-4px);
                    box-shadow: 0px 10px 26px rgba(0,0,0,0.10);
                }

                .equip-icon { height: 48px; margin-bottom: 18px; }
                .equip-title {
                    font-size: 14px;
                    font-weight: 700;
                    color: #2E2E2E;
                    letter-spacing: 0.7px;
                }

                /* ====================== */
                /* PRODUTOS EM DESTAQUE */
                /* ====================== */

                .produtos-destaque-section {
                    background:#F3F4F6;
                    padding:80px 0;
                }

                .prod-card {
                    background:#ffffff;
                    border-radius:16px;
                    padding:22px;
                    border:1px solid #E6E6E6;
                    width:260px;
                    min-height:340px;
                    box-shadow:0px 6px 20px rgba(0,0,0,0.05);
                    transition:.2s ease;
                }

                .prod-card:hover {
                    transform:translateY(-4px);
                    box-shadow:0px 10px 26px rgba(0,0,0,0.08);
                }

                .prod-img { max-height:170px; object-fit:contain; width:100%; }
                .prod-cat { font-size:13px; color:#6e6e6e; margin-top:12px; }
                .prod-title { font-size:16px; font-weight:700; color:#2B2B2B; margin-top:4px; }

                .prod-carousel-wrapper { display:flex; align-items:center; gap:18px; }

                .prod-carousel {
                    display:flex;
                    overflow-x:auto;
                    gap:24px;
                    scroll-behavior:smooth;
                    padding-bottom:10px;
                }

                .prod-carousel::-webkit-scrollbar { display:none; }

                .prod-btn {
                    width:42px;
                    height:42px;
                    background:#ffffff;
                    border:1px solid #d8d8d8;
                    border-radius:50%;
                    display:flex;
                    justify-content:center;
                    align-items:center;
                    cursor:pointer;
                    transition:.2s ease;
                }

                .prod-btn:hover { background:#efefef; }

                .swiper-nav-btn {
                    cursor:pointer;
                    width:36px;
                    height:36px;
                    border-radius:50%;
                    background:#4A4F55;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    border:1px solid #3D4146;
                    color:#fff;
                    transition:background .2s ease, transform .2s ease;
                }

                .swiper-nav-btn:hover {
                    background:#5B6168;
                    transform:scale(1.06);
                }

                /* ====================== */
                /* MENU HAMBÚRGUER MOBILE */
                /* ====================== */

                .hamburger-menu {
                    display: none;
                    flex-direction: column;
                    gap: 5px;
                    cursor: pointer;
                    padding: 8px;
                    z-index: 1001;
                    transition: all 0.3s ease;
                }

                .hamburger-menu span {
                    width: 26px;
                    height: 3px;
                    background: #ffffff;
                    border-radius: 3px;
                    transition: all 0.3s ease;
                }

                /* Animação do X quando aberto */
                .hamburger-menu.active span:nth-child(1) {
                    transform: rotate(45deg) translate(7px, 7px);
                }

                .hamburger-menu.active span:nth-child(2) {
                    opacity: 0;
                }

                .hamburger-menu.active span:nth-child(3) {
                    transform: rotate(-45deg) translate(7px, -7px);
                }

                /* Menu Mobile Dropdown - Desktop: oculto */
                .mobile-menu-dropdown {
                    display: none;
                }

                .mobile-menu-dropdown a {
                    color: #ffffff !important;
                    text-decoration: none;
                    font-size: 18px;
                    font-weight: 500;
                    padding: 18px 0;
                    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                    transition: all 0.3s ease;
                    display: flex !important;
                    align-items: center;
                    gap: 12px;
                    visibility: visible !important;
                    opacity: 1 !important;
                }

                .mobile-menu-dropdown a:hover {
                    color: #25d366 !important;
                    padding-left: 10px;
                }

                .mobile-menu-dropdown a i {
                    font-size: 20px;
                }

                .mobile-menu-dropdown .btn-whatsapp-mobile {
                    margin-top: 20px;
                    background: #25d366;
                    color: #ffffff !important;
                    padding: 14px 24px;
                    border-radius: 12px;
                    text-align: center;
                    font-weight: 600;
                    border: none;
                    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
                }

                .mobile-menu-dropdown .btn-whatsapp-mobile:hover {
                    background: #1faa52;
                    transform: translateY(-2px);
                    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
                }


                /* ====================== */
                /* RESPONSIVIDADE DO HEADER */
                /* ====================== */

                @media (max-width: 992px) {
                    .tagline-img { height: 28px; margin-top: 8px; }
                    .matisa-menu a { font-size: 14px; }
                    .btn-whatsapp-icon { width: 32px; height: 32px; font-size: 20px; }
                }

                @media (max-width: 768px) {
                    .matisa-header {
                        padding: 16px 0;
                        background: #3E3E3F !important;
                    }

                    .header-flex {
                        flex-direction: row !important;
                        justify-content: space-between;
                        align-items: center;
                        gap: 0;
                    }

                    .header-left {
                        justify-content: flex-start;
                    }

                    .matisa-logo img {
                        height: 38px;
                    }

                    /* Esconde tagline e menu desktop */
                    .tagline-img,
                    .matisa-menu {
                        display: none !important;
                    }

                    /* Mostra hambúrguer */
                    .hamburger-menu {
                        display: flex;
                    }
                    
                    /* Header precisa ter position relative para o menu descer */
                    .matisa-header {
                        position: relative;
                    }
                    
                    /* Menu Mobile Dropdown - Desce do header */
                    .mobile-menu-dropdown {
                        position: absolute;
                        top: 100%;
                        left: 0;
                        right: 0;
                        width: 100%;
                        background: #3E3E3F;
                        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
                        padding: 20px 0;
                        z-index: 1000;
                        display: flex;
                        flex-direction: column;
                        gap: 0;
                        max-height: 0;
                        overflow: hidden;
                        opacity: 0;
                        transform: translateY(-20px);
                        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                    }
                    
                    .mobile-menu-dropdown.active {
                        max-height: 500px;
                        opacity: 1;
                        transform: translateY(0);
                    }
                    
                    .mobile-menu-dropdown a {
                        color: #ffffff !important;
                        text-decoration: none;
                        font-size: 18px;
                        font-weight: 500;
                        padding: 18px 30px;
                        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                        transition: all 0.3s ease;
                        display: flex !important;
                        align-items: center;
                        gap: 12px;
                    }
                    
                    .mobile-menu-dropdown a:hover {
                        color: #25d366 !important;
                        padding-left: 35px;
                        background: rgba(255, 255, 255, 0.05);
                    }
                    
                    .mobile-menu-dropdown a i {
                        font-size: 20px;
                    }
                    
                    .mobile-menu-dropdown .btn-whatsapp-mobile {
                        margin: 20px 30px 0;
                        background: #25d366;
                        color: #ffffff !important;
                        padding: 14px 24px;
                        border-radius: 12px;
                        text-align: center;
                        font-weight: 600;
                        border: none;
                        box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
                        justify-content: center;
                    }
                    
                    .mobile-menu-dropdown .btn-whatsapp-mobile:hover {
                        background: #1faa52;
                        transform: translateY(-2px);
                        box-shadow: 0 6px 16px rgba(37, 211, 102, 0.4);
                        padding-left: 24px;
                    }
                    
                    /* Header precisa ter position relative para o menu descer */
                    .matisa-header {
                        position: relative;
                    }
                }

                @media (max-width: 480px) {
                    .matisa-logo img {
                        height: 34px;
                    }

                    .mobile-menu-dropdown a {
                        font-size: 17px;
                        padding: 16px 25px;
                    }
                    
                    .mobile-menu-dropdown .btn-whatsapp-mobile {
                        margin: 20px 25px 0;
                    }
                }

                /* ====================== */
                /* HERO RESPONSIVO */
                /* ====================== */

                @media (min-width: 1200px) {
                    .hero-text {
                        margin-top: 120px !important;
                    }
                }

                @media (max-width: 768px) {

                    .hero-section {
                        padding-top: 130px !important;
                    }

                    .hero-text {
                        margin-top: 40px !important;
                    }

                    .hero-machine img {
                        max-width: 90%;
                        transform: none !important;
                        margin: 0 auto !important;
                        display: block;
                    }
                }

                /* =============================================== */
/* CORREÇÕES DO HERO PARA MOBILE (≤768px)          */
/* =============================================== */

@media (max-width: 768px) {

    /* 1) Empurrar o texto mais para baixo */
    .hero-text {
        margin-top: -60px !important; /* antes 40px */
    }

    /* 2) Botão principal ocupar largura total */
    .hero-text .btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    /* 3) Jogar o "Saiba mais" para baixo */
    .hero-text .btn-saiba {
        display: block;
        width: 100%;
        margin-top: 12px;
        text-align: center;
    }

    /* 4) Ajustar container dos botões */
    .hero-text .d-flex {
        flex-direction: column;
        align-items: stretch;
        gap: 12px !important;
    }

    /* 5) Corrigir máquina centralizada */
    .hero-machine img {
        max-width: 100%;
        transform: none !important;
        margin: 30px auto 0 !important;
        display: block;
    }

    /* 6) Garantir altura adequada do hero */
    .hero-section {
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 60px !important;
        padding-top: 100px !important; /* reduzido para diminuir distância do header */
    }
}

    @media (max-width: 768px) {
        .no-break-mobile br {
            display: none !important;
        }
        
        /* Esconde <br> no mobile */
        .hide-br-mobile {
            display: none;
        }
    }

/* ========================================== */
/* RESPONSIVIDADE — SECTION EQUIPAMENTOS FIXO */
/* ========================================== */

@media (max-width: 768px) {

    /* Deixar altura fixa e padronizada */
    .equip-card {
        height: 170px !important;     /* <<< altura fixa */
        min-height: 170px !important; /* garante que não mude */
        max-height: 170px !important;

        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

        padding: 20px 12px !important;
        text-align: center;
    }

    /* Ícones iguais, sem esticar */
    .equip-icon {
        width: 65px !important;
        height: auto !important;
        max-width: 65px !important;
        object-fit: contain !important;
        margin-bottom: 10px !important;
    }

    .equip-title {
        font-size: 13px !important;
        line-height: 1.25 !important;
        margin-top: 4px !important;
        height: 32px !important; /* <<< caixa fixa do texto */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* 2 colunas garantidas */
    .equipamentos-section .col-6 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 10px !important;
    }
}

/* MOBILE MINI */
@media (max-width: 450px) {

    .equip-card {
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
    }

    .equip-icon {
        width: 55px !important;
        max-width: 55px !important;
    }

    .equip-title {
        font-size: 12px !important;
        height: 30px !important;
    }
}
/* ========================================== */
/* IMPEDIR QUE OS CARDS INVADEM A IMAGEM — MOBILE */
/* ========================================== */

@media (max-width: 768px) {

    /* Remove totalmente o comportamento de cards sobrepostos */
    .cards-sobrepostos {
        margin-top: 35px !important;  /* distância segura da imagem */
        padding: 0 15px !important;
        position: relative;
        z-index: 2;
    }

    /* Reduz levemente a imagem e adiciona margem */
    .equip-img-wrapper img {
        margin-bottom: 10px !important;
        border-radius: 14px;
    }
}

/* MOBILE MINI */
@media (max-width: 450px) {

    .cards-sobrepostos {
        margin-top: 28px !important;
    }
}

/* ======================================= */
/* PRODUTOS EM DESTAQUE — MOBILE FIX REAL  */
/* ======================================= */
@media (max-width: 768px) {

    /* Evita padding exagerado do container */
    .produtos-destaque-section .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* TITULO + LINK ORGANIZADOS */
    .produtos-destaque-section .d-flex.gap-4 {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding-left: 0 !important;
        gap: 6px !important;
        margin-bottom: 16px !important;
    }

    /* SETAS separadas do topo */
    .produtos-destaque-section .d-flex.gap-3 {
        padding-right: 0 !important;

        position: relative;
        right: 18px;
        top: 20px;

        transform: scale(0.9);
        z-index: 20;
    }

    /* Título menor e sem padding lateral */
    .produtos-destaque-section h2 {
        font-size: 28px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        line-height: 1.15 !important;
    }

    /* ========================= */
    /* SWIPER — o mais importante */
    /* ========================= */

    .produtos-destaque-section .swiper {
        width: 100% !important;
        overflow: hidden;
        padding-right: 10px !important; /* evita corte no final */
    }

    /* Cada slide ocupa 85% da largura no mobile */
    .produtos-destaque-section .swiper-slide {
        width: 85% !important;
        max-width: 85% !important;
        margin-right: 20px !important;
    }

    /* CARD — Ajustado */
    .produto-card {
        padding: 22px !important;
        border-radius: 18px !important;
        box-shadow: 0 6px 20px rgba(0,0,0,0.10) !important;
        min-height: 330px !important; /* mantém proporção bonita */
    }

    /* IMAGEM DO CARD */
    .produto-card img {
        width: 100% !important;
        height: auto !important;
        max-height: 220px !important;
        object-fit: cover;
        border-radius: 12px;
        margin-bottom: 12px !important;
    }
}

/* Remove qualquer tentativa de scrollbar */
.produtosSwiper::-webkit-scrollbar,
.produtosSwiper *::-webkit-scrollbar {
    display: none !important;
}

/* Força largura correta dos slides no mobile */
@media (max-width: 768px) {
    .produtosSwiper .swiper-slide {
        width: 78% !important;      /* Tamanho ideal para carrossel bonito */
        max-width: 320px !important;
        margin-right: 22px !important;
    }
}

/* Mobile super pequeno (≤480px) */
@media (max-width: 480px) {
    .produtosSwiper .swiper-slide {
        width: 88% !important;
        margin-right: 18px !important;
    }
}

/* =========================== */
/* PRODUTOS EM DESTAQUE (SWIPER) */
/* =========================== */

/* CARD */
.produto-card {
    background:#fff;
    border-radius:20px;
    border:1px solid #eee;
    padding:26px;
    height:100%;
    box-shadow:0 6px 20px rgba(0,0,0,0.06);
    transition:transform .18s ease, box-shadow .18s ease;
}

/* Hover (somente desktop) */
@media (min-width: 992px) {
    .produto-card:hover {
        transform:scale(1.025);
        box-shadow:0 12px 28px rgba(0,0,0,0.12);
    }
}

/* Categoria fininha */
.prod-cat-thin {
    font-size:13px;
    font-weight:500;
    color:#777;
    margin-bottom:6px;
    display:block;
}

/* Wrapper do Swiper */
.produtosSwiper {
    padding-left: 10px;
}

/* --- MOBILE --- */
@media (max-width: 768px) {
    .produtosSwiper .swiper-slide {
        width: 78% !important;
        max-width: 320px !important;
        margin-right: 22px !important;
    }
}

@media (max-width: 480px) {
    .produtosSwiper .swiper-slide {
        width: 88% !important;
        margin-right: 18px !important;
    }
}

/* Media Query para telas menores que 768px (Mobile e Tablets) */
@media (max-width: 767.98px) {

    /* 1. Ajuste da Seção Principal */
    .position-relative {
        /* Reduz o padding para que o conteúdo não fique espremido */
        padding: 60px 0 120px 0 !important;
    }

    /* 2. Ajuste dos Títulos */
    .position-relative .font-archivo {
        /* Reduz o tamanho da fonte para mobile */
        font-size: 28px !important;
    }

    /* 3. Ajuste das Logos */
    .d-flex.flex-wrap.justify-content-between.gap-5.align-items-center.mb-5 {
        /* Centraliza as logos no celular */
        justify-content: center !important;
        /* Reduz o espaço entre elas */
        gap: 30px !important; 
    }

    .d-flex.flex-wrap.justify-content-between.gap-5.align-items-center.mb-5 img {
        /* Reduz o tamanho da altura das imagens para 40px no mobile */
        height: 40px !important;
    }

    /* 4. Ajuste do Vídeo "Invasor" */
    
    /* Regras para o div que envolve o iframe (o container do vídeo) */
    .position-relative > div:last-child {
        /* Reduz o afastamento do fundo para que o vídeo suba um pouco */
        bottom: -100px !important; 
        /* Reduz a largura para caber na tela do celular */
        width: 90% !important; 
    }
    
    /* Regras para o iframe (o próprio vídeo) */
    .position-relative > div:last-child iframe {
        /* Reduz a altura do vídeo para que ele não ocupe a tela toda */
        height: 200px !important; 
    }
}

    /* Media Query para telas menores que 768px (Mobile e Tablets) */
    @media (max-width: 767.98px) {
        /* Seleciona a div espaçadora com o estilo inline específico para garantir a prioridade */
        div[style="height:380px;"] {
            display: none !important;
        }
    }

    .header-bg-gray {
    background: #F3F4F6; /* mesmo cinza da HOME */
    padding-bottom: 80px; /* empurra o conteúdo igual a home */
}
.header-bg-gray .matisa-header {
    position: relative; /* muda de absolute para relative */
    background: transparent !important; /* fundo transparente */
    padding-top: 20px;
    padding-bottom: 20px;
}

/* Correção para o conteúdo não ficar escondido atrás do header fixo no mobile */
@media (max-width: 575.98px) {
    .hero-section {
        /* Define o espaçamento para que o conteúdo comece logo abaixo do header */
        padding-top: 60px !important; 
        /* Ou, alternativamente: margin-top: 60px !important; */
    }
}