/* Fonte */
body { margin: 0; font-family: 'Inter', sans-serif; background-color: #f8f4ec; color: #333; }
:root { --verde:#006400; --bege:#f8f4ec; --marrom:#5a3e36; --branco:#ffffff; }
.container { max-width: 1180px; margin: 0 auto; padding: 0 16px; }

.topbar { background: var(--branco); border-bottom: 2px solid var(--verde); position: sticky; top: 0; z-index: 1000; }
.topbar__inner { display:flex; align-items:center; justify-content:space-between; padding:10px 0; }
.brand { display:flex; align-items:center; gap:8px; }
.brand__logo { height:40px; }
.brand__name { font-weight:800; color:var(--verde); }

.nav a { margin:0 10px; font-weight:700; color:var(--verde); text-decoration:none; }
.nav a:hover { text-decoration: underline; }

.btn { display:inline-block; padding:10px 16px; border-radius:8px; font-weight:800; text-decoration:none; transition:.2s; }
.btn { background:var(--verde); color:var(--branco); } .btn:hover{ filter:brightness(1.1); }
.btn--outline { border:2px solid var(--verde); color:var(--verde); background:transparent; }
.btn--outline:hover { background:var(--verde); color:var(--branco); }

.hero { height:48vh; min-height:320px; position:relative; }
.hero__bg { background-size:cover; background-position:center; width:100%; height:100%; }

.section { padding:56px 0; }
.section--alt { background:#fff; }
.title { text-align:center; color:var(--verde); font-weight:900; margin:0 0 28px; }
.subtitle { text-align:center; margin:0 0 18px; color:var(--marrom); }

.grid.cards { display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr)); }
.card { background:var(--branco); border-radius:12px; overflow:hidden; box-shadow:0 4px 8px rgba(0,0,0,.06); border:1px solid #efe6d8; }
.card img { width:100%; display:block; height:220px; object-fit:cover; }
.card__body { padding:14px; }
.card__body h3 { margin:0 0 8px; color:var(--verde); font-size:18px; }
.price { color:#000; font-weight:900; margin-left:6px; }
.time { color:#777; font-size:14px; margin-bottom:8px; }
.desc { font-size:15px; line-height:1.45; color:#333; }

.grid--reviews { display:grid; gap:12px; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); }
.grid--reviews img { width:100%; height:320px; object-fit:cover; border-radius:10px; border:1px solid #ece3d7; box-shadow:0 2px 6px rgba(0,0,0,.08); }

.gallery { display:grid; gap:16px; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); }
.gallery img { width:100%; height:200px; object-fit:cover; border-radius:10px; border:1px solid #ece3d7; }
.gallery .content { font-size:14px; color:#4b5563; padding:8px 6px 12px; }

.grid.pros { display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); text-align:center; }
.pro img { width:100%; height:280px; object-fit:cover; border-radius:10px; object-position:top; }
.pro h3 { margin:10px 0 5px; color:var(--verde); font-weight:900; }
.role { color:#6b7280; font-size:14px; }
.desc { color:#6b7280; font-size:14px; }

.contact { display:grid; grid-template-columns:1.2fr .8fr; gap:20px; align-items:start; }
.contact__list { list-style:none; padding:0; margin:0 0 16px; }
.contact__list li { margin-bottom:8px; }
.contact__logo img { max-width:180px; margin-top:10px; }

.footer { background:var(--verde); color:var(--branco); text-align:center; padding:18px 0; }
.footer__nav a { margin:0 8px; color:var(--branco); text-decoration:none; }
.footer__nav a:hover { text-decoration: underline; }

/* Links em verde do site */
.link {
  color: var(--verde);
  text-decoration: underline;
}
.link:hover {
  text-decoration: none;
  filter: brightness(0.9);
}

.wafab { position:fixed; bottom:20px; right:20px; width:55px; height:55px; border-radius:50%; background:url('https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg') no-repeat center/70% var(--verde); box-shadow:0 3px 8px rgba(0,0,0,.25); }

@media (max-width: 960px) { .contact { grid-template-columns:1fr; } .hero { height:42vh; } }
@media (max-width: 640px) { .nav { display:none; } .hero { height:36vh; } }

@media (max-width: 960px) { ... } /* tablets */
@media (max-width: 640px) { ... } /* celulares */

/* ===== Equipe: colunas controladas por breakpoint ===== */

/* Celular grande: 2 por linha */
@media (min-width: 480px) and (max-width: 767px){
  .grid.pros { grid-template-columns: repeat(2, 1fr) !important; }
}

/* Tablet: 3 por linha */
@media (min-width: 768px) and (max-width: 1023px){
  .grid.pros { grid-template-columns: repeat(3, 1fr) !important; }
}

/* Desktop: 4 por linha (força 4 e impede 5) */
@media (min-width: 1024px){
  .grid.pros { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
  .pro img { height: 340px; }           /* aumenta as fotos */
}

/* Telas muito largas (opcional) */
@media (min-width: 1280px){
  .pro img { height: 380px; }
}