:root{
  --verde:#2E7D32;
  --cinza:#555555;
  --bg:#ffffff;
  --muted:#f7f9f7;
  --maxW:1200px;
  --radius:12px;
  --gap:20px;
}

/* ======= ESTILOS GERAIS - Adaptados do bloco anterior do usuário ======= */
*{box-sizing:border-box}
body{font-family:"Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#222; background:var(--bg); -webkit-font-smoothing:antialiased; line-height: 1.6;}
a{color:inherit; text-decoration:none}
.container{
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 20px;  /* dá o espaço lateral */
}
.section{padding:44px 0}
.section h2{font-family:'Montserrat', sans-serif; margin:0 0 18px; font-size:22px; color:var(--cinza)}

/* Header */
header{border-bottom:1px solid #eee; background:var(--bg)}
.topbar{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0}
.brand{display:flex; align-items:center; gap:14px}
.logo-square{width:56px; height:56px; border-radius:10px; background:var(--verde); display:flex; align-items:center; justify-content:center; flex-shrink:0}
.logo-svg{width:36px;height:28px}
.brand-title{line-height:1}
.brand-title .name{font-family:'Montserrat', sans-serif; color:var(--cinza); font-weight:700; font-size:18px}
.brand-title .slogan{font-size:11px; color:#6b6b6b; text-transform:uppercase; letter-spacing:0.08em}

nav.desktop{display:flex; gap:18px; align-items:center}
nav.desktop a{font-size:15px; color:#333; padding:6px 8px}
.cta{border:2px solid var(--verde); color:var(--verde); padding:8px 14px; border-radius:8px; font-weight:600}
.cta:hover{background:var(--verde); color:#fff}

/* Hero */
.hero{padding:48px 0; display:grid; grid-template-columns:1fr; gap:30px; align-items:center}
.hero h1{font-family:'Montserrat', sans-serif; font-size:36px; line-height:1.05; margin:0 0 14px; color:#111}
.hero p{margin:0 0 18px; color:#444}
.hero .actions{display:flex; gap:12px; flex-wrap:wrap}
.btn-primary{background:var(--verde); color:#fff; padding:12px 18px; border-radius:10px; font-weight:700}
.btn-secondary{background:#fff; border:1px solid #ddd; padding:11px 16px; border-radius:10px}

.hero-media{position:relative; border-radius:14px; overflow:hidden; border:1px solid #eee; min-height:260px}
.hero-media img{width:100%; height:100%; object-fit:cover; display:block}
.badge{position:absolute; left:14px; bottom:14px; background:rgba(255,255,255,0.95); padding:8px 12px; border-radius:10px; box-shadow:0 4px 14px rgba(0,0,0,0.06); font-size:13px}

/* Services */
.cards{display:grid; grid-template-columns:1fr; gap:16px}
.card{background:#fff; padding:18px; border-radius:12px; border:1px solid #eee; box-shadow:0 6px 18px rgba(0,0,0,0.03)}
.card .icon{font-size:22px; margin-bottom:8px}
.card .title{font-weight:700; color:var(--cinza); margin-bottom:6px}

/* Portfolio grid */
.portfolio-grid{display:grid; grid-template-columns:1fr; gap:12px}
.beforeafter{border-radius:12px; overflow:hidden; border:1px solid #eee; display:flex; gap:0; min-height:180px}
.ba-image{flex:1}
.ba-image img{width:100%; height:100%; object-fit:cover; display:block}

/* Stats */
.stats{display:grid; grid-template-columns:1fr; gap:12px}
.stat{background:#fff; padding:14px; border-radius:10px; border:1px solid #eee; display:flex; flex-direction:column}

/* Contact */
.contact-wrap{display:grid; grid-template-columns:1fr; gap:18px; align-items:start}
.contact-card{background:var(--muted); padding:20px; border-radius:12px}
form.contact-form{background:#fff; padding:18px; border-radius:12px; border:1px solid #eee}
input, textarea{width:100%; padding:10px 12px; border-radius:8px; border:1px solid #e0e0e0; font-size:14px; margin-bottom:10px}
button[type="submit"]{width:100%; background:var(--verde); color:#fff; padding:12px; border-radius:10px; border:0; font-weight:700}

/* Footer */
footer{border-top:1px solid #f0f0f0; padding:24px 0; color:#666}
.footer-flex{display:flex; gap:20px; align-items:flex-start; flex-wrap:wrap}

/* Responsive */
@media(min-width:768px){
  .hero{grid-template-columns:1fr 520px}
  .cards{grid-template-columns:repeat(3,1fr)}
  .portfolio-grid{grid-template-columns:repeat(3,1fr)}
  .stats{grid-template-columns:repeat(3,1fr)}
  .contact-wrap{grid-template-columns:1fr 420px}
  nav.desktop{display:flex}
}
@media(max-width:767px){
  nav.desktop{display:none}
}

.whatsapp_fixo {
    position: fixed;
    bottom:50px;
    right:50px;
    z-index: 999;
    }   
    .bg-vinho {
        background-color: #ffffff;
    }   
 .color-fundo-2 {
  background: #f2f2f2;
}
.text-center {
  text-align: center;
}
.fundo-cor {
  background-color: #f67904;
}                rgb(105, 5, 7)
.text-cor {
  cor: black;
}
.navbar-white
                {
                  accent-color: #0000;
}
.fundo_azul {
  background-color: #0e5ea5;
}
.texto-branco {
  color:#40f749;
}
.centralizar {
  width: 100vw;
  height: vh;  
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center
}