:root { --azul: #003366; --amarelo: #FFD700; --cinza: #f4f4f4; }
        
        body { 
            font-family: 'Roboto', sans-serif; 
            background: #fff; 
            margin: 0; 
            padding: 0; 
            overflow-x: hidden;
            color: #333;
        }

        /* --- HEADER IGUAL AO DO SITE --- */
        header { background: #fff; padding: 15px 0; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .nav-box { display: flex; justify-content: space-between; align-items: center; }
        .logo-img { height: 60px; transition: 0.3s; }
        
        /* Efeito na Logo */
        .logo-img:hover {
            filter: drop-shadow(0 0 10px #FFD700) drop-shadow(0 0 20px #FFD700);
            transform: scale(1.05);
        }

        .header-actions { display: flex; gap: 10px; }
        .btn-top-cta { background: var(--amarelo); color: var(--azul); padding: 10px 20px; text-decoration: none; font-weight: bold; border-radius: 5px; font-size: 0.8rem; text-transform: uppercase; transition: 0.3s; }
        .btn-top-consultor { border: 2px solid var(--amarelo); color: var(--azul); padding: 8px 20px; text-decoration: none; font-weight: bold; border-radius: 5px; font-size: 0.8rem; text-transform: uppercase; transition: 0.3s; }
        .btn-top-cta:hover { transform: scale(1.05); box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3); }
        .btn-top-consultor:hover { background: var(--amarelo); }

        /* --- HERO SECTION DO SOBRE --- */
        .page-header {
            background: linear-gradient(rgba(0,51,102,0.9), rgba(0,51,102,0.8)), url('img/fundo-logistica.jpg');
            background-size: cover;
            background-position: center;
            padding: 80px 0;
            text-align: center;
            color: #fff;
        }
        .page-header h1 { font-family: 'Oswald', sans-serif; font-size: 3rem; margin-bottom: 10px; color: var(--amarelo); }
        .page-header p { font-size: 1.2rem; max-width: 800px; margin: 0 auto; opacity: 0.9; }

        /* --- CONTEÚDO PRINCIPAL --- */
        .content-section { padding: 60px 0; }
        .section-title { font-family: 'Oswald', sans-serif; color: var(--azul); font-size: 2rem; margin-bottom: 20px; border-left: 5px solid var(--amarelo); padding-left: 15px; }
        p { line-height: 1.8; margin-bottom: 20px; font-size: 1.05rem; }
        
        .destaque-box { background: var(--cinza); padding: 30px; border-radius: 15px; margin: 30px 0; border-left: 5px solid var(--azul); }
        
        ul.check-list { list-style: none; padding: 0; }
        ul.check-list li { margin-bottom: 15px; display: flex; align-items: center; gap: 10px; font-size: 1.1rem; }
        ul.check-list li i { color: var(--amarelo); background: var(--azul); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 0.8rem; }

        /* --- CTA FINAL --- */
        .cta-box { background: var(--azul); color: #fff; padding: 50px; text-align: center; border-radius: 20px; margin-top: 40px; }
        .cta-box h3 { font-family: 'Oswald', sans-serif; color: var(--amarelo); font-size: 2rem; margin-bottom: 20px; }
        .btn-whatsapp-large { background: #25d366; color: #fff; padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: bold; font-size: 1.2rem; display: inline-flex; align-items: center; gap: 10px; margin-top: 20px; transition: 0.3s; }
        .btn-whatsapp-large:hover { transform: scale(1.05); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }

        /* --- FOOTER --- */
        footer { background: var(--azul); color: #fff; padding: 40px 0 20px; border-top: 4px solid var(--amarelo); margin-top: 60px; }
        footer h4 { color: var(--amarelo); font-family: 'Oswald', sans-serif; margin-bottom: 20px; }
        footer a { color: #fff; text-decoration: none; opacity: 0.8; }
        footer a:hover { opacity: 1; color: var(--amarelo); }

        @media (max-width: 768px) {
            .nav-box { flex-direction: column; gap: 15px; }
            .header-actions { flex-wrap: wrap; justify-content: center; }
            .page-header h1 { font-size: 2rem; }
        }