/* * CONFIGURAÇÕES GERAIS E VARIÁVEIS DE COR */
        :root {
            --cor-primaria: #4B2E2A;      /* Marrom escuro (Logos/Títulos) */
            --cor-secundaria: #C08A4B;    /* Caramelo (Destaques/Botões) */
            --cor-fundo: #F6EDE4;         /* Bege suave (Fundo geral) */
            --cor-texto: #6B6B6B;         /* Cinza (Textos corridos) */
            --cor-branco: #FFFFFF;
            --fonte-titulo: "Georgia", "Times New Roman", serif;
            --fonte-texto: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
            --transicao: all 0.3s ease;
			
			--radius: 12px;
            --sombra: 0 10px 30px rgba(0,0,0,0.08);
       
            
            /* Altura do header desktop */
            --header-height: 140px; 
            /* Altura base de padding das seções - REDUZIDO PARA 40PX */
            --section-padding-y: 40px; 
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: var(--fonte-texto);
            background-color: var(--cor-fundo);
            color: var(--cor-texto);
            line-height: 1.6;
            overflow-x: hidden;
        }

        /* TYPOGRAPHY */
        h1, h2, h3, h4 {
            font-family: var(--fonte-titulo);
            color: var(--cor-primaria);
            margin-bottom: 1rem; /* Padrão de 1rem (16px) */
        }
        
        /* AJUSTE DE ESPAÇAMENTO PARA H2s ESPECÍFICOS */
        #produtos-destaque h2, #cerrado h2, #sobre h2 {
            margin-bottom: 0; /* Remove o margin-bottom padrão de 1rem */
        }

        /* NOVO ESTILO PARA O ANO NO TÍTULO DE HISTÓRIA */
        .ano-historia {
            font-size: 1.5rem;
            color: var(--cor-secundaria);
            font-weight: bold;
            margin-left: 10px;
            display: inline-block;
            transform: translateY(-5px); /* Ajuste fino */
        }
        
        /* NOVO ESTILO PARA DESTAQUE DO NOME NA HISTÓRIA */
        .destaque-nome-cafe {
            font-size: 1.25rem; /* Fonte um pouco maior que o padrão */
            font-weight: 700;
            color: var(--cor-primaria);
            display: inline;
        }


        a {
            text-decoration: none;
            color: inherit;
            transition: var(--transicao);
        }

        ul { list-style: none; }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }
		
		.p_titulos {
    font-size: clamp(1.05rem, 1.6vw, 1.35rem) !important;

 
 
}

        /* UTILITÁRIOS */
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 15px;
        }

        /* CLASSE DE PADDING REDUZIDA PARA 40px */
        .section-padding { padding: var(--section-padding-y) 0; } 
        
        .text-center { text-align: center; }
        
        .btn {
            display: inline-block;
            padding: 10px 25px;
            background-color: var(--cor-secundaria);
            color: var(--cor-branco);
            font-weight: 600;
            border-radius: 4px;
            border: 2px solid var(--cor-secundaria);
            text-transform: uppercase;
            font-size: 0.85rem;
            cursor: pointer;
            white-space: nowrap;
        }

        .btn:hover {
            background-color: transparent;
            color: var(--cor-secundaria);
        }

        .btn-outline {
            background-color: transparent;
            border: 2px solid var(--cor-secundaria);
            color: var(--cor-secundaria);
        }

        .btn-outline:hover {
            background-color: var(--cor-secundaria);
            color: var(--cor-branco);
        }

        /* =========================================
           HEADER
           ========================================= */
        header {
            position: fixed;
            top: 0;
            width: 100%;
            background-color: rgba(75, 46, 42, 0.98);
            height: var(--header-height);
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            display: flex;
            flex-direction: column;
            justify-content: center;
            backdrop-filter: blur(5px);
            transition: height 0.3s ease;
        }

        /* Linha Superior: Logo Centralizada */
        .header-top {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px 0 5px 0;
            height: 80px; /* Altura reservada para a logo */
        }

        .logo-img {
            height: 80px; /* Logo maior conforme solicitado */
            width: auto;
            transition: height 0.3s ease;
        }

        .logo-text {
            font-family: var(--fonte-titulo);
            color: var(--cor-branco);
            font-size: 1.5rem;
            font-weight: bold;
            letter-spacing: 1px;
            text-transform: uppercase;
            display: none; 
        }
        .logo span { color: var(--cor-secundaria); }

        /* Linha Inferior: Redes (Esq) - Menu (Centro) - Botão (Dir) */
        .header-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 50px;
            padding-bottom: 10px;
        }

        /* Redes Sociais no Desktop */
        .header-socials {
            flex: 1;
            display: flex;
            gap: 15px;
            justify-content: flex-start;
        }
        .header-socials a svg {
            width: 18px;
            height: 18px;
            fill: rgba(255,255,255,0.7);
            transition: var(--transicao);
        }
        .header-socials a:hover svg { fill: var(--cor-secundaria); }

        .nav-links {
            flex: 2;
            display: flex;
            justify-content: center;
            gap: 25px;
        }
        .nav-links a {
            color: rgba(255,255,255,0.9);
            font-size: 0.9rem;
            font-weight: 500;
            position: relative;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .nav-links a:hover, .nav-links a.active { color: var(--cor-secundaria); }
        .nav-links a::after {
            content: ''; position: absolute; width: 0; height: 2px; bottom: -3px; left: 0;
            background-color: var(--cor-secundaria); transition: var(--transicao);
        }
        .nav-links a:hover::after, .nav-links a.active::after { width: 100%; }

        .header-cta {
            flex: 1;
            display: flex;
            justify-content: flex-end;
        }
        .btn-header {
            padding: 8px 20px;
            font-size: 0.8rem;
            background-color: var(--cor-secundaria);
            color: #fff;
            border: none;
        }
        .btn-header:hover {
            background-color: #fff;
            color: var(--cor-primaria);
        }
        
        /* Esconder elementos Mobile no Desktop */
        .mobile-cta-item, .mobile-social-links { display: none; }

        /* HAMBURGER */
        .hamburger {
            display: none;
            cursor: pointer;
            width: 30px; height: 20px; position: relative; z-index: 1001;
        }
        .hamburger span {
            display: block; position: absolute; height: 3px; width: 100%;
            background: var(--cor-branco); border-radius: 3px; transition: .25s ease-in-out;
        }
        .hamburger span:nth-child(1) { top: 0px; }
        .hamburger span:nth-child(2) { top: 9px; }
        .hamburger span:nth-child(3) { top: 18px; }


        /* SEÇÃO HERO (#inicio) */
        #inicio {
            /* Reduzido de 100vh para 70vh para não ocupar a tela toda */
            min-height: 70vh; 
            margin-top: 0; 
            padding-top: calc(var(--header-height) + 20px);
            padding-bottom: 40px;
            
            background-color: var(--cor-primaria);
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            color: var(--cor-branco);
        }

        .hero-bg {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            object-fit: cover; opacity: 0.6; z-index: 0;
        }

        .hero-content {
            position: relative; z-index: 1; max-width: 800px; padding: 20px;
            animation: fadeIn Up 1s ease;
        }

        .hero-content h1 {
            font-size: 2.2rem; 
            color: var(--cor-branco); margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
        }

        .hero-content p { font-size: 1.1rem; margin-bottom: 1.5rem; color: #f0f0f0; }

        /* === SEÇÃO: PRODUTOS DESTAQUE === */
        #produtos-destaque {
            background-color: #ffffff;
            /* AJUSTE: Redução do padding */
            padding: 30px 0 40px 0; 
            position: relative;
            /* Sombra suave para separar do Hero */
            box-shadow: 0 4px 20px rgba(0,0,0,0.05); 
            z-index: 10;
        }

        .produtos-grid {
            display: flex;
            justify-content: center;
            gap: 40px;
            flex-wrap: wrap;
            margin-top: 40px;
        }

        .produto-card {
            background: #fff;
            border-radius: 12px;
            /* Sombra mais forte para dar profundidade */
            box-shadow: 0 10px 30px rgba(75, 46, 42, 0.15); 
            /* AJUSTE: Redução do padding interno do card */
            padding: 5px; 
            text-align: center;
            flex: 1;
            min-width: 300px;
            max-width: 450px;
            transition: all 0.3s ease;
            border: 2px solid transparent;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-decoration: none;
        }

        .produto-card:hover {
            transform: translateY(-10px); /* Efeito de levitação */
            border-color: var(--cor-secundaria);
            box-shadow: 0 15px 40px rgba(192, 138, 75, 0.3);
        }

        .produto-img {
            /* AJUSTE: Aumento da altura da imagem */
            height: 250px; 
            width: auto;
            object-fit: contain;
            margin-bottom: 5px;
            transition: transform 0.3s ease;
			padding:0px;
			margin:0px;
        }

        .produto-card:hover .produto-img {
            transform: scale(1.00); /* Zoom suave na imagem */
        }

        .produto-titulo {
            font-family: var(--fonte-titulo);
            font-size: 1.4rem;
            color: var(--cor-primaria);
            margin-bottom: 10px;
            font-weight: bold;
            text-transform: uppercase;
            line-height: 1.3;
        }

        .produto-desc {
            font-size: 1rem;
            color: var(--cor-texto);
            margin-bottom: 20px;
            font-style: italic;
        }

        .produto-cta {
            margin-top: auto; /* Botão sempre no rodapé do card */
            display: inline-block;
            padding: 10px 20px;
            background-color: var(--cor-secundaria);
            color: #fff;
            border-radius: 30px;
            font-weight: 600;
            font-size: 0.9rem;
            transition: background 0.3s;
			margin-bottom:10px;
        }

        .produto-card:hover .produto-cta {
            background-color: var(--cor-primaria);
        }

        /* SOBRE */
        #sobre { 
            background-color: var(--cor-branco); 
            /* Ajuste do scroll no desktop */
            scroll-margin-top: 180px; 
        }

        /* AJUSTE: CONTAINER DE TÍTULO PARA CENTRALIZAR O NOVO H2 */
        .sobre-header-center {
            margin-bottom: 40px; /* Espaço entre o título e a grade de conteúdo */
        }

        .sobre-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; }
        .sobre-img-wrapper {
            position: relative; height: 400px; border-radius: 8px;
            overflow: hidden; box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .sobre-img-wrapper img { width: 100%; height: 100%; object-fit: cover; }
        /* .destaque-ano removido pois foi incorporado ao título H2 */
        
        /* Ajuste do layout de texto da história */
        .sobre-texto p {
            margin-bottom: 1.5rem; /* Aumenta o espaço entre os parágrafos */
        }
        .sobre-texto br {
            display: none; /* Remove <br> duplicados se existirem */
        }


        /* ORIGEM */
        #origem { background-color: var(--cor-fundo); }
        .origem-content { display: flex; flex-direction: column; gap: 40px; }
        .mapa-terroir { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; align-items: start; }
        
        /* CERRADO */
        #cerrado {
            background-color: var(--cor-primaria); color: var(--cor-branco);
            /* AJUSTE: Uso da nova variável de padding (40px) */
            padding: var(--section-padding-y) 0;
        }
        
        .cerrado-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        #cerrado h2 { 
            color: var(--cor-secundaria); 
            margin-bottom: 0; /* REMOVENDO MARGIN PADRÃO */
            font-size: 2.2rem;
        }
        
        .cerrado-resumo {
            color: #e0e0e0; 
            max-width: 800px; 
            margin: 0 auto 30px auto; 
            font-size: 1.1rem; 
            line-height: 1.7;
        }
        
        /* Estilos Conteúdo Modal Cerrado */
        .modal-cerrado-body h3 {
            color: var(--cor-secundaria);
            margin-top: 25px;
            margin-bottom: 10px;
            border-bottom: 1px solid rgba(192, 138, 75, 0.3);
            padding-bottom: 5px;
        }
        
        .modal-cerrado-body p {
            margin-bottom: 15px;
            color: var(--cor-texto);
            line-height: 1.7;
        }
        .modal-cerrado-body ul {
            list-style: disc;
            margin: 10px 0 20px 25px;
            color: var(--cor-texto);
        }

        /* REPRESENTANTES */
        #representantes { background-color: var(--cor-branco); }
        .reps-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-bottom: 30px; }
        .rep-card { border: 1px solid #eee; padding: 20px; border-radius: 6px; background: #fff; text-align:center;  box-shadow: 0px 4px 12px rgba(0,0,0,0.15);}
        .rep-card h3 { margin-bottom: 5px; color: var(--cor-primaria); }
        .rep-city { color: var(--cor-secundaria); font-weight: bold; font-size: 0.9rem; margin-bottom: 10px; display: block; }
        .rep-contact { font-size: 0.9rem; }

        /* MODAL */
        .modal {
            display: none; position: fixed; z-index: 2000; left: 0; top: 0;
            width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.8); backdrop-filter: blur(3px);
        }
        .modal-content {
            background-color: #fefefe; margin: 10% auto; padding: 30px; border: 1px solid #888;
            width: 80%; max-width: 800px; border-radius: 8px; position: relative;
            max-height: 80vh; overflow-y: auto;
        }
        .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
        .close:hover { color: var(--cor-primaria); }

        /* FOOTER */
        footer { 
            background-color: var(--cor-primaria); 
            color: #ddd; 
            /* AJUSTE: Redução do padding top de 60px para 40px (mantido do último pedido) */
            padding-top: 40px; 
        }
        .footer-grid {
            display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 40px; 
            padding-bottom: 40px; 
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .footer-col h3 { color: var(--cor-secundaria); margin-bottom: 20px; }
        .footer-contact p { margin-bottom: 10px; display: flex; align-items: center; gap: 10px; }
        .footer-contact svg { width: 18px; height: 18px; fill: var(--cor-secundaria); }
        .social-links { display: flex; gap: 15px; margin-top: 20px; }
        .social-links a { 
            width: 40px; height: 40px; background: rgba(255,255,255,0.1); 
            display: flex; justify-content: center; align-items: center; border-radius: 50%;
        }
        .social-links a:hover { background: var(--cor-secundaria); color: #fff; }
        .social-links svg { width: 20px; height: 20px; fill: #fff; }
        .copyright { 
            padding: 10px 0; 
            text-align: center; 
            font-size: 0.85rem; 
            background-color: rgba(0,0,0,0.2);
        }

        section { scroll-margin-top: var(--header-height); } 
        
        .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; }
        .fade-in.visible { opacity: 1; transform: translateY(0); }

        /* =========================================
           RESPONSIVIDADE / MOBILE
           ========================================= */
        @media (max-width: 1024px) {
            :root { --header-height: 90px; } /* Header mobile */
            
            header { 
                flex-direction: row; 
                justify-content: space-between; 
                align-items: center;
                padding: 0 15px; 
            }
            
            .header-top { 
                width: auto; 
                height: 100%; 
                padding: 0; 
                justify-content: flex-start; 
                flex-grow: 1;
            }
            
            .logo-img { height: 60px; } 

            .header-bottom {
                position: static;
                height: 0;
                padding: 0;
                width: 0;
            }

            .header-socials, .header-cta { display: none; }

            .hamburger { display: block; z-index: 1001; }

            .nav-links {
                position: fixed; 
                top: var(--header-height); 
                right: -100%; 
                width: 45%; 
                min-width: 200px;
                height: calc(100vh - var(--header-height));
                background-color: var(--cor-primaria); 
                flex-direction: column;
                align-items: center; 
                justify-content: flex-start; 
                padding: 15px 0; 
                gap: 12px; 
                transition: 0.4s; 
                box-shadow: -2px 0 5px rgba(0,0,0,0.1); 
                display: flex; 
                z-index: 999;
            }
            .nav-links.active { right: 0; }
            
            /* Botão de Ação no Mobile */
            .mobile-cta-item {
                display: block; 
                width: 100%;
                text-align: center;
                margin-top: 15px; 
                padding-top: 15px; 
                border-top: 1px solid rgba(255,255,255,0.1); 
                margin-bottom: 10px; 
            }
            
            .btn-mobile-cta {
                display: inline-block; 
                background-color: var(--cor-secundaria);
                color: var(--cor-branco);
                font-weight: 600;
                border-radius: 4px;
                border: 2px solid var(--cor-secundaria);
                text-transform: uppercase;
                font-size: 0.85rem;
                cursor: pointer;
                white-space: nowrap;
                padding: 10px 40px; 
                width: auto; 
            }
            
            .btn-mobile-cta:hover {
                background-color: transparent;
                color: var(--cor-secundaria);
            }
            
            /* Ícones mobile */
            .mobile-social-links {
                display: flex; 
                gap: 20px;
                justify-content: center;
                width: 100%;
                padding: 10px 0;
            }
            
            .mobile-social-links a svg {
                width: 20px;
                height: 20px;
                fill: rgba(255,255,255,0.7);
                transition: var(--transicao);
            }
            .mobile-social-links a:hover svg { fill: var(--cor-secundaria); }

            /* AJUSTE HERO MOBILE */
            #inicio {
                min-height: auto; 
                padding-top: calc(var(--header-height) + 30px); 
                padding-bottom: 50px; 
                height: auto;
            }

            .hero-content h1 { font-size: 1.8rem; }
            
            .sobre-grid, .mapa-terroir { grid-template-columns: 1fr; }
            .sobre-img-wrapper { height: 300px; order: -1; }
            /* .destaque-ano removido */

            /* CORREÇÃO SCROLL MOBILE (Pula imagem e header) */
            #sobre {
                scroll-margin-top: 450px; 
            }
        }
		
		
		
		
		
		
		
		
		
		  /* ==========================================================================
           VARIÁVEIS DE COR
           ========================================================================== */
        :root {
            --sc-primary: #5c3a21;      /* Cor principal (ex: Marrom do café) */
            --sc-secondary: #d4a373;    /* Cor secundária (ex: Caramelo) */
            --sc-bg-section: #fdfbf7;   /* Fundo da seção (bege bem claro) */
            --sc-bg-card: #ffffff;      /* Fundo do card */
            --sc-text-dark: #333333;    /* Texto principal */
            --sc-text-light: #666666;   /* Texto secundário/mutado */
            --sc-verified: #20b2aa;     /* Cor do selo de verificado */
            --sc-border: #eaeaea;       /* Cor das bordas sutis */
        }

        /* Garantia de centralização e controle de largura */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* ==========================================================================
           ESTILOS DA SEÇÃO DE DEPOIMENTOS
           ========================================================================== */
        .sc-testimonials-section {
            background-color: var(--sc-bg-section);
            padding: 3rem 1.5rem;
			padding-top:10px;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            color: var(--sc-text-dark);
            overflow-x: hidden;
            width: 100%;
            display: flex;
            justify-content: center;
        }

        .sc-container {
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
        }

        /* --- Estilização do Início da Seção --- */
        .sc-testimonials-header {
            text-align: center;
            margin-bottom: 2rem;
        }

        .sc-coffee-divider {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-bottom: 1rem;
        }

        .sc-coffee-divider span {
            height: 1px;
            width: 50px;
            background-color: var(--sc-secondary);
            opacity: 0.5;
        }

        .sc-coffee-icon {
            width: 24px;
            height: 24px;
            color: var(--sc-primary);
        }

        .sc-testimonials-header h2 {
            font-size: 2.5rem;
            color: var(--sc-primary);
            margin-bottom: 0.5rem;
            font-weight: 700;
        }

        .sc-testimonials-header p {
            
            color: var(--sc-text-light);
             
            margin: 0 auto;
        }

        /* Ajuste do Grid para centralização total em mobile */
        .sc-testimonials-grid {
            display: grid;
            /* Reduzi o minmax para 280px para que o card caiba e centralize em qualquer celular */
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
            width: 100%;
        }

        .sc-testimonial-card {
            background-color: var(--sc-bg-card);
            border-radius: 12px;
            padding: 1.6rem;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
            border: 1px solid var(--sc-border);
            position: relative;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: none; 
            flex-direction: column;
            width: 100%; /* Garante que o card ocupe a coluna inteira do grid */
        }

        .sc-testimonial-card.show {
            display: flex;
        }

        .sc-testimonial-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
        }

        .sc-quote-icon {
            position: absolute;
            top: 1.5rem;
            right: 1.5rem;
            width: 40px;
            height: 40px;
            opacity: 0.05;
            color: var(--sc-primary);
        }

        /* --- Avatar com Iniciais --- */
        .sc-card-header {
            display: flex;
            align-items: center;
            margin-bottom: 1.2rem;
            gap: 1rem;
        }

        .sc-avatar-initials {
            width: 55px;
            height: 55px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            font-weight: 700;
            font-size: 1.2rem;
            color: #ffffff;
            text-transform: uppercase;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }

        .bg-color-1 { background-color: #d4a373; }
        .bg-color-2 { background-color: #5c3a21; }
        .bg-color-3 { background-color: #8b5e3c; }
        .bg-color-4 { background-color: #a67c52; }

        .sc-user-info {
            display: flex;
            flex-direction: column;
        }

        .sc-name-wrapper {
            display: flex;
            align-items: center;
            gap: 0.4rem;
        }

        .sc-user-name {
            font-weight: 700;
            font-size: 1.1rem;
            margin: 0;
            color: var(--sc-text-dark);
        }

        .sc-verified-icon {
            width: 16px;
            height: 16px;
            color: var(--sc-verified);
            flex-shrink: 0;
        }

        .sc-user-handle {
            font-size: 0.85rem;
            color: var(--sc-primary);
            font-weight: 600;
            margin: 0.1rem 0;
        }

        .sc-user-location {
            font-size: 0.8rem;
            color: var(--sc-text-light);
            display: flex;
            align-items: center;
            gap: 0.2rem;
        }

        .sc-card-body {
            flex-grow: 1;
        }

        .sc-comment {
            font-size: 1rem;
            line-height: 1.6;
            color: var(--sc-text-light);
            font-style: italic;
            margin: 0;
        }

        /* --- Botão Ver Mais --- */
        .sc-load-more-container {
            text-align: center;
            margin-bottom: 1.5rem;
        }

        .sc-btn-load-more {
            background-color: transparent;
            border: 2px solid var(--sc-primary);
            color: var(--sc-primary);
            padding: 0.8rem 2rem;
            border-radius: 50px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
            font-size: 1rem;
        }

        .sc-btn-load-more:hover {
            background-color: var(--sc-primary);
            color: white;
        }

        /* --- Rodapé --- */
        .sc-testimonials-footer {
            text-align: center;
            background-color: var(--sc-bg-card);
            padding: 2.5rem 1.5rem;
            border-radius: 12px;
            border: 1px solid var(--sc-border);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
            width: 100%;
        }

        .sc-footer-title {
            font-size: 1.2rem;
            font-weight: 600;
            color: var(--sc-text-dark);
            margin-bottom: 0.5rem;
        }

        .sc-footer-text {
            color: var(--sc-text-light);
            margin-bottom: 1.5rem;
            font-size: 0.95rem;
        }

        .sc-cta-links {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            width: 100%;
        }

        .sc-cta-link {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.6rem 1.2rem;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            font-size: 0.9rem;
            transition: all 0.2s ease;
            white-space: nowrap;
        }

        .sc-cta-email { background-color: var(--sc-primary); color: white; }
        .sc-cta-instagram { background-color: #fdf5f0; color: #d62976; border: 1px solid #fce2d5; }
        .sc-cta-google { background-color: #f4f8fb; color: #4285F4; border: 1px solid #e1ecf4; }

        .sc-cta-link svg { width: 18px; height: 18px; flex-shrink: 0; }

        /* Media Query para centralização e ajuste mobile */
        @media (max-width: 768px) {
            .sc-testimonials-header h2 { font-size: 2rem; }
            .sc-testimonials-section { 
                padding: 2rem 1rem; /* Padding lateral fixo e igual nos dois lados */
            }
            
            .sc-testimonials-grid {
                gap: 1.5rem;
                /* Garante que o grid ocupe 100% sem sobras laterais */
                grid-template-columns: 1fr; 
            }

            .sc-cta-links { 
                flex-direction: column; 
                width: 100%; 
                align-items: stretch; 
            }
            .sc-cta-link { 
                width: 100%; 
                justify-content: center; 
                padding: 0.8rem 1rem; 
            }
        }
		
		
		
		
		
.container_ {
  padding-left: clamp(4px, 5vw, 50px);
  padding-right: clamp(4px, 5vw, 50px);
  padding-top: 0;
  padding-bottom: 0;
}
        .section-intro {
            padding: 40px 0 40px;
            text-align: center;
        }

        .section-intro .badge {
            display: inline-block;
            background: rgba(166, 124, 82, 0.1);
            color: var(--cor-secundaria);
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .section-intro h2 {
            font-family: var(--fonte-titulo);
            font-size: clamp(2.2rem, 4vw, 2.5rem);
            color: var(--cor-primaria);
            margin-bottom: 10px;
            position: relative;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            padding-bottom: 0px;
        }

        .section-intro h2 svg {
            color: var(--cor-secundaria);
            width: clamp(30px, 4vw, 45px);
        }


        

        /* GRID PRINCIPAL */
        .instagram-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
            gap: 30px;
            margin-bottom: 40px;
        }

        /* DESIGN DO CARD */
        .insta-card {
            background: var(--cor-branco);
            border-radius: var(--radius);
            overflow: hidden;
            display: flex;
            height: 220px;
            box-shadow: var(--sombra);
            transition: var(--transicao);
            cursor: pointer;
            border: 1px solid rgba(0,0,0,0.03);
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInCard 0.6s ease forwards;
        }

        @keyframes fadeInCard {
            to { opacity: 1; transform: translateY(0); }
        }

        .insta-card:hover { transform: translateY(-8px); }

        .insta-thumb { flex: 0 0 140px; background: #eee; overflow: hidden; position: relative; }
        .insta-thumb img { width: 100%; height: 100%; object-fit: cover; transition: var(--transicao); }
        .insta-card:hover .insta-thumb img { transform: scale(1.1); }

        /* Ícone de vídeo no card */
        .video-indicator {
            position: absolute;
            top: 10px;
            right: 10px;
            background: rgba(0, 0, 0, 0.6);
            color: white;
            border-radius: 50%;
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            backdrop-filter: blur(4px);
            z-index: 2;
        }
        .video-indicator svg { width: 14px; height: 14px; fill: currentColor; margin-left: 2px; }

        .insta-info { flex: 1; padding: 20px; display: flex; flex-direction: column; justify-content: center; }
        .insta-user { font-size: 0.75rem; font-weight: 700; color: var(--cor-secundaria); margin-bottom: 4px; }
        .insta-info h3 { font-family: var(--fonte-titulo); font-size: 1.1rem; color: var(--cor-primaria); margin-bottom: 6px; }
        .insta-info p { font-size: 0.85rem; color: #777; margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

        .insta-footer { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 10px; border-top: 1px solid rgba(0,0,0,0.05); }
        .insta-link { font-size: 0.7rem; font-weight: 600; color: var(--cor-secundaria); text-transform: uppercase; letter-spacing: 1px; }
        .insta-icons { display: flex; align-items: center; }
        .insta-icons svg { width: 18px; height: 18px; color: var(--cor-secundaria); opacity: 0.8; transition: var(--transicao); }
        .insta-card:hover .insta-icons svg { opacity: 1; transform: scale(1.1); }

        /* BOTÃO VER MAIS */
        .load-more-container {
            text-align: center;
            margin-bottom: 0px;
        }

        .btn-load-more {
            background-color: transparent;
            color: var(--cor-primaria);
            border: 2px solid var(--cor-primaria);
            padding: 14px 40px;
            border-radius: 50px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            cursor: pointer;
            transition: var(--transicao);
            font-size: 0.9rem;
            display: inline-flex;
            align-items: center;
            gap: 12px;
        }

        .btn-load-more svg {
            width: 20px;
            height: 20px;
            transition: var(--transicao);
        }

        .btn-load-more:hover {
            background-color: var(--cor-primaria);
            color: var(--cor-branco);
        }
        
        .btn-load-more:hover svg {
            transform: translateX(3px) scale(1.1);
        }

        /* MODAL POPUP */
        .modal {
            display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(29, 18, 16, 0.98); z-index: 9999; justify-content: center; align-items: center;
            flex-direction: column; padding: 10px;
        }

        .js-modal-part {
            width: 100%;
            transition: max-width 0.6s cubic-bezier(0.19, 1, 0.22, 1), 
                        opacity 0.4s ease-in-out;
            will-change: max-width, opacity;
            opacity: 1;
        }

        .js-modal-part.is-hidden {
            opacity: 0 !important;
            transition: none !important;
        }

        .modal-header {
            background: var(--cor-primaria);
            padding: 8px 20px;
            border-radius: 20px 20px 0 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        .modal-container {
            background: #000;
            height: 75vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        /* Estilos para o iFrame (Instagram) e Vídeo Nativo */
        .modal-iframe, .modal-video {
            border: none;
            display: block;
            position: absolute;
            transform-origin: center center;
            transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .modal-video {
            width: 100%;
            height: 100%;
            object-fit: contain; /* Garante que o vídeo se ajuste sem cortar */
            background: #000;
        }

        .modal.vertical .modal-iframe { width: 500px; height: 700px; background: #fff; }
        .modal.horizontal .modal-iframe { width: 800px; height: 600px; background: #fff; }

        .modal-header h4 {
            font-family: var(--fonte-titulo);
            color: var(--cor-branco);
            font-size: 1.1rem;
            letter-spacing: 0.5px;
        }

        .modal-close-btn {
            background: none;
            border: none;
            font-size: 24px;
            color: var(--cor-branco);
            cursor: pointer;
            line-height: 1;
            transition: var(--transicao);
            opacity: 0.8;
            padding: 5px;
        }
        .modal-close-btn:hover { opacity: 1; color: var(--cor-secundaria); }

        .modal-nav-bar {
            background: var(--cor-primaria);
            padding: 5px;


			border-radius: 0 0 20px 20px;
            display: flex; align-items: center; justify-content: space-between;
            color: white; font-size: 0.9rem;
            border-top: 1px solid rgba(255,255,255,0.1);
        }

        .modal-info-text { font-weight: 600; text-align: center; flex: 1; padding: 0px; }
        .modal-info-text span { font-weight: 400; opacity: 0.8; margin-left: 8px; }

        .modal-arrow {
            background: none; border: 1px solid rgba(255,255,255,0.3);
            color: white; cursor: pointer; padding: 8px 15px; border-radius: 50px;
            display: flex; align-items: center; gap: 8px; transition: 0.3s;
            font-weight: 600;
        }
        .modal-arrow:hover { background: var(--cor-secundaria); border-color: var(--cor-secundaria); }

        @media (max-width: 768px) {
            .instagram-grid { grid-template-columns: 1fr; }
            .modal-header, .modal-container, .modal-nav-bar {  }
            .modal-container { height: 60vh; }
        }
		
		
		
.modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal-header h4 {
    margin: 0;
}

.modal-close-btn {
    margin-left: auto;
}

.modal-nav-bar{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:3px;
}

.modal-user{
    font-size:14px;
    font-weight:600;
}

.modal-nav-bottom{
    display:flex;
    align-items:center;
    gap:15px;
}

.modal-info-text{
    text-align:center;
}


#videoContainer{
    width:100%;
    text-align:center;
}

#meuVideo{
    max-width:100%;
    display:block;
    margin:auto;
}