/* ===== RESET BÁSICO E VARIÁVEIS DE DESIGN (Mesmo do site principal) ===== */
        :root {
            --brand-verde: #1E2F23;
            --brand-laranja: #C55B2C;
            --brand-areia: #E9E4D4;
            --brand-text-dark: #222222;
            --bg-light: #F9F9F9;
            --font-sans: 'Inter', sans-serif;
            --font-serif: 'Playfair Display', serif;
        }

        @font-face {
            font-family: 'Inter';
            src: url('/fonts/Inter-Regular.woff2') format('woff2');
            font-weight: 400; font-style: normal; font-display: swap;
        }
        @font-face {
            font-family: 'Inter';
            src: url('/fonts/Inter-Bold.woff2') format('woff2');
            font-weight: 700; font-style: normal; font-display: swap;
        }
        @font-face {
            font-family: 'Playfair Display';
            src: url('/fonts/PlayfairDisplay-Bold.woff2') format('woff2');
            font-weight: 700; font-style: normal; font-display: swap;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }
        body {
            font-family: var(--font-sans);
            background-color: white;
            color: var(--brand-text-dark);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        h1, h2, h3, h4 { font-family: var(--font-serif); }
        .container {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            padding-left: 1.5rem;
            padding-right: 1.5rem;
        }
        @media (min-width: 640px) { .container { max-width: 640px; } }
        @media (min-width: 768px) { .container { max-width: 768px; } }
        @media (min-width: 1024px) { .container { max-width: 1024px; } }
        @media (min-width: 1280px) { .container { max-width: 1280px; } }

        /* ===== HEADER ===== */
        .main-header { background-color: rgba(30, 47, 35, 0.8); backdrop-filter: blur(4px); position: sticky; top: 0; z-index: 50; border-bottom: 1px solid #e5e7eb; }
        .main-header .container { display: flex; justify-content: space-between; align-items: center;}
        .logo { font-size: 1.5rem; font-family: var(--font-serif); font-weight: 700; color: var(--brand-areia); text-decoration: none; }
        .main-nav { display: none; }
        .main-nav a, .dropdown-trigger {
            color: var(--brand-areia);
            text-decoration: none;
            transition: color 0.3s ease;
            cursor: pointer;
        }
        .main-nav a:hover, .dropdown-trigger:hover { color: var(--brand-laranja); }
        .main-nav a[aria-current="page"] {
            color: var(--brand-laranja);
            font-weight: 700;
            cursor: default;
        }

        .dropdown { position: relative; display: inline-block; height: 100%; padding-top: 16px;}
        .dropdown-menu {
            display: none;
            position: absolute;
            background-color: var(--brand-verde);
            min-width: 220px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            margin-top: 15px;
        }
        .dropdown-menu a {
            color: var(--brand-areia);
            padding: 0.75rem 1rem;
            text-decoration: none;
            display: block;
            text-align: left;
        }
        .dropdown-menu a:hover { background-color: var(--brand-laranja); color: white; }
        .dropdown:hover .dropdown-menu { display: block; }
        
        .header-cta { display: none; }
        .mobile-menu-button { display: block; background: none; border: none; cursor: pointer; color: var(--brand-areia); }
        .mobile-menu { display: none; background-color: var(--brand-areia); padding: 1rem 1.5rem 1.5rem; }
        .mobile-menu.active { display: block; }
        .mobile-menu a { display: block; margin-bottom: 1rem; color: var(--brand-text-dark); text-decoration: none; }
        .mobile-menu a[aria-current="page"] { color: var(--brand-laranja); font-weight: 700; }
        .mobile-menu .menu-category { color: var(--brand-verde); font-weight: 700; display: block; margin-bottom: 0.5rem; padding-top: 0.5rem; }
        .mobile-menu .submenu-item { padding-left: 1rem; }
        .mobile-menu .submenu-item:last-of-type { margin-bottom: 1rem; }
        .mobile-menu .mobile-cta { display: block; width: 100%; text-align: center; background-color: var(--brand-laranja); color: white; font-weight: 700; padding: 0.5rem 1.25rem; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); text-decoration: none; }
        /* ===== SEÇÕES GERAIS ===== */
        .section-hero { padding: 6rem 0; background-color: var(--brand-areia); text-align: center; }
        .section-hero h1 { font-size: 2.5rem; font-weight: 700; color: var(--brand-verde); line-height: 1.2; }
        .section-hero p { margin-top: 1.5rem; font-size: 1.125rem; max-width: 56rem; margin-left: auto; margin-right: auto; color: rgba(34, 34, 34, 0.8); }
        .hero-cta { margin-top: 2.5rem; display: inline-block; background-color: var(--brand-laranja); color: white; font-weight: 700; padding: 1rem 2rem; border-radius: 0.5rem; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transition: all 0.3s ease; }
        .hero-cta:hover { background-color: #a94a1f; transform: scale(1.05); }

        .trust-banner { padding: 3rem 0; background-color: var(--brand-verde); }
        .trust-banner p { text-align: center; font-size: 1rem; color: var(--brand-areia); margin-bottom: 2rem; font-weight: 500; }
        .logos-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.5rem; }
        /* Transforma os logos em branco para contraste no fundo escuro */
        .logo-grayscale { height: 2rem; filter: grayscale(100%) brightness(0) invert(1); opacity: 0.6; transition: opacity 0.3s ease; }
        .logo-grayscale:hover { opacity: 1; }

        .section-header { text-align: center; max-width: 56rem; margin: auto; }
        .section-header h2 {
            font-size: 1.875rem;
            color: var(--brand-verde);
            position: relative;
            padding-bottom: 1rem;
            margin-bottom: 1rem;
        }
        .section-header h2::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 50px;
            height: 3px;
            background-color: var(--brand-laranja);
            border-radius: 2px;
        }
        .section-header .description { margin-top: 1rem; font-size: 1.125rem; color: rgba(34, 34, 34, 0.8); }

        .section-problem-solution { padding: 6rem 0; background-color: white; }
        .problem-solution-grid { display: grid; gap: 3rem; margin-top: 4rem; text-align: center; }
        .problem-solution-grid h3 { font-size: 1.25rem; font-weight: 700; color: var(--brand-verde); }
        .problem-solution-grid .solution h3 { color: var(--brand-laranja); }
        .problem-solution-grid p { margin-top: 0.5rem; color: rgba(34, 34, 34, 0.8); }
        
        .section-methodology { padding: 6rem 0; background-color: var(--brand-areia); border-top: 1px solid #dcd8ca; }
        .methodology-grid { display: grid; gap: 2rem; margin-top: 4rem; }
        .methodology-card { background-color: white; padding: 2rem; border-radius: 0.5rem; border: 1px solid #e5e7eb; }
        .methodology-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--brand-verde); }
        .methodology-card p { margin-top: 1rem; color: rgba(34, 34, 34, 0.8); line-height: 1.6; }
        .methodology-card.highlight { background-color: var(--brand-verde); color: white; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); transform: scale(1.02); }
        .methodology-card.highlight h3 { color: var(--brand-areia); }
        .methodology-card.highlight p { color: #d1d5db; }

        .section-services { padding: 6rem 0; background-color: white; border-bottom: 1px solid #e5e7eb; }
        .services-grid { display: grid; gap: 2rem; margin-top: 4rem; }
        .service-card { background-color: var(--brand-areia); padding: 2rem; border-radius: 0.5rem; border: 1px solid #dcd8ca; text-align: center;}
        .service-card h3 { font-size: 1.5rem; font-weight: 700; color: var(--brand-verde); }
        .service-card p { margin-top: 1rem; color: rgba(34, 34, 34, 0.8); }
        .service-card a { margin-top: 1.5rem; display: inline-block; font-weight: 700; color: var(--brand-laranja); text-decoration: none; }
        .service-card a:hover { text-decoration: underline; }
        .service-card.highlight { background-color: var(--brand-verde); color: white; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1); }
        .service-card.highlight h3 { color: white; }
        .service-card.highlight p { color: #d1d5db; }

        .full-width-card-container { margin-top: 2rem; }
        .full-width-card {
            padding: 1.5rem 2rem;
            text-align: center;
        }
        .full-width-card p { margin-top: 0.5rem; }

        .section-expertise { padding: 6rem 0; background-color: var(--bg-light); }
        .expertise-grid { display: grid; gap: 3rem; align-items: center; margin-top: 4rem; }
        .expertise-grid img { border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); width: 100%; height: auto; }
        .expertise-grid h2 { font-size: 1.875rem; color: var(--brand-verde); }
        .expertise-grid p { margin-top: 1.5rem; font-size: 1.125rem; color: rgba(34, 34, 34, 0.8); }
        .expertise-grid a { margin-top: 2rem; display: inline-block; font-weight: 700; color: var(--brand-laranja); text-decoration: none; }
        .expertise-grid a:hover { text-decoration: underline; }

        .section-final-cta { background-color: var(--brand-verde); color: white; padding: 6rem 0; text-align: center; }
        .section-final-cta h2 { font-size: 1.875rem; }
        .section-final-cta p { margin-top: 1rem; font-size: 1.125rem; max-width: 42rem; margin-left: auto; margin-right: auto; color: #d1d5db; }
        .final-cta-button { margin-top: 2.5rem; display: inline-block; background-color: var(--brand-laranja); color: white; font-weight: 700; padding: 1rem 2rem; border-radius: 0.5rem; text-decoration: none; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); transition: all 0.3s ease; }
        .final-cta-button:hover { background-color: var(--brand-areia); color: var(--brand-laranja); transform: scale(1.05); }

        .main-footer { background-color: var(--brand-areia); border-top: 1px solid #dcd8ca; }
        .main-footer .container { padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .footer-info p { font-size: 0.875rem; color: #6b7280; margin-top: 0.5rem; }
        .footer-links { margin-top: 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
        .footer-links a { font-size: 0.875rem; color: #6b7280; text-decoration: none; }
        .footer-links a:hover { text-decoration: underline; }
        .footer-links .social-icon { color: #6b7280; }
        .footer-links .social-icon:hover { color: var(--brand-text-dark); }
        
        /* ===== FOOTER ===== */
        .main-footer { background-color: var(--brand-areia); border-top: 1px solid #dcd8ca; }
        .main-footer .container { padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: column; align-items: center; text-align: center; }
        .footer-info p { font-size: 0.875rem; color: #6b7280; margin-top: 0.5rem; }
        .footer-links { margin-top: 1.5rem; display: flex; align-items: center; gap: 1.5rem; }
        .footer-links a { font-size: 0.875rem; color: #6b7280; text-decoration: none; }
        .footer-links a:hover { text-decoration: underline; }
        .footer-links .social-icon { color: #6b7280; }
        .footer-links .social-icon:hover { color: var(--brand-text-dark); }
        
        /* ===== RESPONSIVIDADE ===== */
        @media (min-width: 768px) {
            .main-nav { display: flex; align-items: center; gap: 2rem; height: 50px;}
            .header-cta { display: inline-block; background-color: var(--brand-laranja); color: white; font-weight: 700; padding: 0.5rem 1.25rem; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); text-decoration: none; transition: all 0.3s ease; }
            .header-cta:hover { background-color: var(--brand-areia); color: var(--brand-laranja); transform: scale(1.05); }
            .mobile-menu-button { display: none; }
            .main-footer .container { flex-direction: row; justify-content: space-between; text-align: left; }
            .footer-links { margin-top: 0; }
        }

        @media (min-width: 1024px) {
            .contact-grid { grid-template-columns: repeat(2, 1fr); align-items: flex-start; }
            .contact-info { margin-top: 2rem; }
        }