:root { 
    --verde-principal: #166e36; 
    --verde-escuro: #0e4722; 
    --grafite: #333333; 
    --fundo: #f4f7f6; 
    --branco: #FFFFFF; 
    --borda: #e5e5e5; 
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
body { background-color: var(--fundo); color: #444; }

header { background: var(--verde-principal); padding: 12px 5%; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 1000;}
.logo-container { display: flex; align-items: center; gap: 10px; text-decoration: none; margin: 0 auto;}
.logo-img { height: 45px; border-radius: 4px; border: 2px solid rgba(255,255,255,0.7); background: white; padding: 2px; }
.logo-texto { color: white; font-size: 1.5em; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; }

.banner-sobre { background: linear-gradient(rgba(14,71,34,0.9), rgba(22,110,54,0.9)), url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiMwMDM5MTUiIGZpbGwtb3BhY2l0eT0iMC4yMiI+PHBhdGggZD0iTTAgMGg0MHY0MEgwVjB6bTIwIDIwaDIwdjIwSDIWMjB6TTAgMjBoMjB2MjBIMFYyMHoyMCAwaDIwdjIwSDIwVjB6Ii8+PC9nPjwvZz48L3N2Zz4='); padding: 80px 20px; text-align: center; color: white; border-bottom: 5px solid var(--verde-principal);}
.banner-sobre h1 { font-size: 3.5em; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.banner-sobre p { font-size: 1.3em; max-width: 700px; margin: 0 auto; opacity: 0.9;}

.container { max-width: 900px; margin: 60px auto; background: white; padding: 60px; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); }
.btn-voltar { display: inline-flex; align-items: center; gap: 10px; background: white; color: var(--grafite); text-decoration: none; padding: 10px 20px; border-radius: 4px; font-weight: bold; border: 1px solid var(--borda); transition: 0.3s; text-transform: uppercase; font-size: 0.9em; margin-bottom: 40px;}
.btn-voltar:hover { background: var(--fundo); border-color: var(--verde-principal); color: var(--verde-principal); }

.texto-historia h2 { color: var(--verde-principal); font-size: 2em; margin-bottom: 20px; border-left: 5px solid var(--verde-principal); padding-left: 15px;}
.texto-historia p { font-size: 1.2em; line-height: 1.8; margin-bottom: 25px; color: #555;}

footer { background: var(--verde-escuro); color: white; padding: 70px 20px 40px; text-align: center; margin-top: 50px;}
.social-links { display: flex; justify-content: center; gap: 20px; margin: 30px 0; }
.social-links a { color: var(--verde-escuro); background: white; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; text-decoration: none; font-size: 1.4em; transition: 0.3s;}
.social-links a:hover { transform: translateY(-5px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); color: #1ebe5d;}
.linha-rodape { height: 1px; background: rgba(255,255,255,0.1); margin: 30px auto; max-width: 800px; }