/* --- RESET E CONFIGURAÇÕES GLOBAIS --- */
:root {
    --azul-escuro: #0e3d71;
    --azul-medio: #045ebf;
    --dourado: #f6b401;
    --verde-inovacao: #3BAF63;
    --texto-claro: #ffffff;
    --texto-escuro: #333333;
    --fundo-claro: #f8fafc;
    --fundo-rodape: #1f2937; /* Cinza-Azulado Escuro */
}
body, html { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: var(--texto-escuro); background-color: var(--fundo-claro); }
.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }
img { max-width: 100%; height: auto; }
h1, h2, h3 { color: var(--azul-escuro); }

/* --- CABEÇALHO FIXO --- */
.main-header { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.98); backdrop-filter: blur(8px); padding: 10px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); z-index: 1000; }
.main-header .container { display: flex; align-items: center; }
.main-header .logo { height: 50px; width: auto; }

/* --- CONTEÚDO PRINCIPAL --- */
main { padding-top: 80px; }

/* Seção Hero */
.hero-section { background-color: var(--azul-escuro); color: var(--texto-claro); padding: 80px 0; text-align: center; }
.hero-section h1 { font-size: 2.8em; font-weight: bold; margin-bottom: 10px; color: var(--texto-claro); }
.hero-section h2 { font-size: 1.3em; font-weight: normal; margin-bottom: 40px; color: #dddddd; }
.cta-button { background-color: var(--dourado); color: var(--azul-escuro); padding: 20px 40px; border-radius: 10px; text-decoration: none; font-weight: bold; font-size: 1.5em; border: none; cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 20px rgba(0,0,0,0.2); }
.cta-button:hover { transform: scale(1.05); box-shadow: 0 6px 25px rgba(0,0,0,0.3); }

/* Seções de Conteúdo Genéricas */
.services-section, .brands-section, .about-section { padding: 60px 0; text-align: center; }
.services-section { background-color: #ffffff; }
section h2 { font-size: 2.2em; font-weight: bold; margin-bottom: 20px; }
section p { max-width: 800px; margin: 0 auto 20px auto; }

/* Grid de Serviços */
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; text-align: left; margin-top: 40px; }
.services-grid h3 { font-size: 1.4em; color: var(--azul-medio); margin-bottom: 10px; }
.services-grid ul { list-style: none; padding: 0; }
.services-grid li { margin-bottom: 5px; }

/* Seção Marcas */
.brands-section { background-color: var(--azul-medio); color: var(--texto-claro); }
.brands-section h2 { color: var(--texto-claro); }

/* Seção Quem Somos (About) */
.about-section { 
    background-color: var(--verde-inovacao); 
    color: var(--texto-claro);
}
.about-section h2 {
    color: var(--texto-claro);
}

/* --- RODAPÉ --- */
.main-footer { 
    background-color: var(--fundo-rodape); 
    color: var(--texto-claro); 
    padding: 50px 0 20px 0; 
    text-align: center; 
}
.main-footer .footer-logo { height: 60px; width: auto; margin-bottom: 15px; }
.main-footer .slogan { color: #dddddd; margin-bottom: 25px; font-style: italic; }
.main-footer .contatos a { color: var(--dourado); text-decoration: none; font-weight: bold; }
.main-footer .social-links { margin-top: 25px; }
.main-footer .social-links a { color: #ffffff; text-decoration: none; margin: 0 10px; font-weight: bold; }
.main-footer .copyright { margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.2); font-size: 0.9em; color: #bbbbbb; }