:root{
  --verde:#61a229;
  --verde-escuro:#4e8221;
  --verde-claro:#83a83d;
  --texto:#333;
  --cinza:#f4f6f2;
  --header-h:76px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}
body{font-family:"Open Sans",Arial,sans-serif;color:var(--texto);line-height:1.6;background:#fff}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:"Roboto",Arial,sans-serif}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}

/* HEADER */
header{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-h);background:rgba(20,30,15,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
header .container{display:flex;align-items:center;justify-content:space-between;height:100%}
.logo img{height:43px;width:auto}
nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:2px}
nav a{display:block;padding:8px 10px;color:#fff;font-size:13px;font-weight:600;transition:color .2s}
nav a:hover,nav a.ativo{color:var(--verde-claro)}
.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}

/* HERO */
#inicio{position:relative;min-height:88vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:#1c2a12}
#inicio video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%,-50%);object-fit:cover}
#inicio::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero-txt{position:relative;z-index:1;padding:calc(var(--header-h) + 20px) 20px 40px;max-width:820px}
.hero-txt h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:300;line-height:1.1;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}
.hero-txt h1 strong{font-weight:700;color:var(--verde-claro)}
.hero-txt p{font-size:clamp(1rem,2vw,1.25rem)}
.btn{display:inline-block;margin-top:28px;background:var(--verde);color:#fff;font-weight:600;padding:14px 34px;border-radius:30px;transition:background .2s,transform .2s}
.btn:hover{background:var(--verde-escuro);transform:translateY(-2px)}

/* DICAS (ÁGUA/GÁS/ENERGIA) */
#dicas{padding:70px 0;background:var(--cinza)}
.titulo{text-align:center;font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:36px;color:var(--verde-escuro)}
.dicas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}
.dica{background:#fff;border-radius:14px;padding:30px 20px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.06)}
.dica img{width:110px;margin:0 auto 14px}
.dica h3{font-size:1.4rem;color:var(--verde-escuro)}

/* CATEGORIAS */
#conteudos{padding:70px 0}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:flex-end}
.cat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.65),rgba(0,0,0,0) 55%);transition:background .3s}
.cat h3{position:relative;z-index:1;color:#fff;font-size:1.3rem;padding:20px}


/* FIQUE POR DENTRO */
#contato{padding:70px 0;text-align:center}
.botoes{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.btn-face{background:#3b5998}.btn-face:hover{background:#2d4373}
.btn svg{width:18px;height:18px;fill:#fff;vertical-align:-3px;margin-right:8px}

/* FOOTER */
footer{background:#1f2a17;color:#cdd5c4;padding:28px 0;font-size:.88rem}
footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
footer a:hover{color:var(--verde-claro)}

/* ANIMAÇÃO */
.anima{opacity:0;transform:translateY(25px);transition:opacity .6s,transform .6s}
.anima.vis{opacity:1;transform:none}

@media(max-width:1100px){
  .menu-toggle{display:block}
  nav{position:absolute;top:var(--header-h);left:0;right:0;background:#1f2a17;display:none;max-height:calc(100vh - var(--header-h));overflow:auto}
  nav.aberto{display:block}
  nav ul{flex-direction:column;padding:8px 0}
  nav a{padding:13px 20px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
}
@media(max-width:767px){
  .dicas-grid{grid-template-columns:1fr;max-width:340px}
  .cat-grid{grid-template-columns:1fr 1fr}
  .cat h3{font-size:1rem;padding:14px}
  footer .container{flex-direction:column;text-align:center}
}

/* imagens de fundo (antes inline) */
.bg-quadrado-tconsciente-2{background-image:url(img/quadrado_tconsciente-2.png)}
.bg-quadrado-cconsciente-1{background-image:url(img/quadrado_cconsciente-1.png)}
.bg-quadrado-noticias-1{background-image:url(img/quadrado_noticias-1.png)}
.bg-quadrado-iniciativas-1{background-image:url(img/quadrado_iniciativas-1.png)}
.bg-quadrado-inspiradoras-1{background-image:url(img/quadrado_inspiradoras-1.png)}
.bg-quadrado-dicas{background-image:url(img/quadrado_dicas.png)}
.bg-quadrado-pensenisso-1{background-image:url(img/quadrado_pensenisso-1.png)}
.bg-quadrado-sobrenos-2{background-image:url(img/quadrado_sobrenos-2.png)}
.bg-quadrado-interatividade-1{background-image:url(img/quadrado_interatividade-1.png)}