/* reset */
* { margin:0; padding:0; box-sizing:border-box; }

/* rolagem suave e offset pro header */
html { scroll-behavior:smooth; }
section { scroll-margin-top:80px; }

/* limpa background geral; só o hero terá imagem */
body {
  font-family:Arial,sans-serif;
  background:none;
  color:white;
  min-height:100vh;
}

/* -------- HEADER -------- */
.navbar {
  display:flex; justify-content:space-between; align-items:center;
  background:rgba(0,68,136,0.6);
  padding:10px 40px;
  position:sticky; top:0; z-index:100;
}
.logo { height:40px; /* favicon menor */ }
nav ul { list-style:none; display:flex; gap:30px; }
nav a { color:white; text-decoration:none; font-weight:bold; }

/* -------- HERO -------- */
.hero {
  background-image:url('assets/bg.png');
  background-repeat:no-repeat;
  background-position:center 20%;
  background-size:150% auto; /* imagem reduzida */
  background-color:rgba(0,0,0,0.4);

  display:flex; align-items:center; justify-content:center;
  text-align:center;
  padding:60px 20px;
  min-height:calc(80vh - 80px);
}
.hero-text {
  background:rgba(0,0,0,0.5);
  padding:30px; border-radius:10px;
}
.hero-text h1 {
  font-size:2.8em; margin-bottom:20px;
  text-shadow:2px 2px 6px rgba(0,0,0,0.8);
}
.hero-text p {
  font-size:1.3em; line-height:1.8;
  text-shadow:1px 1px 4px rgba(0,0,0,0.8);
}
@media (max-width:768px){ .hero-text{max-width:90%} }

/* -------- CERTIFICADOS -------- */
.certificates {
  display:flex; align-items:center; justify-content:space-between;
  background:#6faac8; padding:60px 20px;
}
.certificates-logos img { width:100%; max-width:250px; }
.certificates-text { max-width:50%; }
.certificates-text h2 { font-size:2rem; margin-bottom:1rem; }
.certificates-text p {
  font-size:1.1rem; line-height:1.6; margin-bottom:1.5rem;
}
.button-outline {
  display:inline-block; padding:.75rem 1.5rem;
  border:2px solid #fff; border-radius:4px;
  color:#fff; text-decoration:none; font-weight:bold;
  transition:background .3s;
}
.button-outline:hover { background:rgba(255,255,255,0.2); }
@media(max-width:768px){
  .certificates{flex-direction:column;text-align:center;gap:30px}
}

/* -------- QUEM SOMOS -------- */
.about {
  background:url('assets/maquinafimsite.png') no-repeat center center/cover;
  padding:80px 20px;
  color:#000;
}
.about-container {
  display:flex; align-items:center; justify-content:space-between;
  gap:40px;
  max-width:1200px; margin:0 auto;
}
.about-logo img {
  width:clamp(200px,30vw,400px);
}
.about-text {
  background:rgba(255,255,255,0.85);
  border-radius:50px;
  padding:40px;
}
.about-text h2 {
  font-size:2.5rem;
  margin-bottom:20px;
}
.about-text p {
  font-size:1.1rem;
  line-height:1.6;
  margin-bottom:1rem;
}
@media (max-width:768px){
  .about-container{flex-direction:column;text-align:center}
  .about-logo img{max-width:300px}
}

/* -------- PARCEIROS -------- */
.partners {
  background:#fff; padding:60px 20px; color:#333;
}
.partners h2 {
  text-align:center; font-size:2rem; margin-bottom:40px;
}
.partner-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:40px; max-width:1200px; margin:0 auto;
}
.partner-item img { width:100%; max-width:180px; margin-bottom:10px; }
.partner-item p { font-size:1rem; color:#666; }

/* -------- RECICLÁVEL -------- */
.recyclable {
  background:#6faac8; padding:60px 20px; color:#fff;
}
.recyclable h2 {
  text-align:center; font-size:2.5rem; color:#000; margin-bottom:40px;
}
.recyclable-content {
  display:flex; justify-content:space-between; align-items:center;
  max-width:1200px; margin:0 auto; gap:20px;
}
.recyclable-content img {
  width:100%; max-width:300px;
}
.recyclable-text {
  max-width:50%; font-size:1.1em; line-height:1.6;
}
@media(max-width:768px){
  .recyclable-content{flex-direction:column;text-align:center}
}

.about {
  background:url('assets/maquinafimsite.png') no-repeat center center/cover;
  padding:80px 20px;
  color:#000;
}
.about-container {
  display:flex; align-items:center; justify-content:space-between;
  gap:40px;
  max-width:1200px; margin:0 auto;
}
.about-logo img {
  width:clamp(200px,30vw,400px);
}
.about-text {
  background:rgba(255,255,255,0.85);
  border-radius:50px;
  padding:40px;
}
.about-text h2 {
  font-size:2.5rem; margin-bottom:20px;
}
.about-text p {
  font-size:1.1rem; line-height:1.6; margin-bottom:1rem;
}
@media(max-width:768px){
  .about-container{flex-direction:column;text-align:center}
  .about-logo img{max-width:300px}
}

/* -------- ÍCONES FIXOS -------- */
.social-fixed {
  position:fixed; bottom:20px; right:20px;
  display:flex; flex-direction:column; gap:20px; z-index:200;
}
.social-fixed a { width:50px; height:50px; display:block; }
.social-fixed img { width:100%; height:auto; }

/* -------- RODAPÉ -------- */
.footer {
  background: #222;
  color: #ddd;
  font-size: .95rem;
}

/* linha principal */
.footer-main {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 0;
}
.footer-left {
  flex: 1;
  min-width: 200px;
}
.footer-right {
  flex: 1;
  min-width: 200px;
}
.footer-right h3 {
  margin-bottom: 10px;
  color: #fff;
}
.footer-right p {
  line-height: 1.5;
}

/* linha inferior */
.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  border-top: 1px solid #444;
}
.footer-bottom .reserved {
  color: #888;
}
.footer-button {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #0455a6;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s;
}
.footer-button:hover {
  background: #063c82;
}

@media (max-width: 768px) {
  .footer-main, .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
  .footer-bottom {
    padding-bottom: 40px;
  }
}
html { scroll-behavior: smooth; }
section, footer { scroll-margin-top: 80px; }