/* PRONTO_final_sem_email — identical to PRONTO_final, only email line removed */
:root{--cream:#FFF8E9;--yellow:#F2C230;--red:#B12222;--charcoal:#2B2B2B;--sand:#F6EFE2}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,'Helvetica Neue',sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.65}
h1,h2,h3{font-family:'Playfair Display',Georgia,serif;margin:0 0 .6rem;color:var(--charcoal)}
h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15}
h2{font-size:clamp(1.5rem,3vw,2.25rem)}
.lead{font-size:clamp(1rem,1.8vw,1.15rem);color:#444}
.container{width:min(1100px,92%);margin:0 auto}
/* Header (creme) */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,248,233,.98);border-bottom:1px solid #eadfca}
.navwrap{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;gap:.5rem}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--charcoal);font-weight:700;white-space:nowrap}
.logo{height:90px;width:auto;object-fit:contain}
.brand-text{font-weight:700;font-size:1.05rem}
.nav{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}
.nav a{color:var(--charcoal);text-decoration:none;font-weight:600;padding:.35rem .5rem}
.btn{display:inline-block;padding:.6rem .9rem;border-radius:12px;text-decoration:none;font-weight:700}
.btn-primary{background:var(--red);color:#fff}
.btn-ghost{background:transparent;border:1.5px solid var(--red);color:var(--red)}
.btn-outline{border:1.5px solid var(--charcoal);color:var(--charcoal)}
.hamburger{display:none;border:0;background:transparent;font-size:1.4rem;cursor:pointer}
/* Hero */
.hero{background:linear-gradient(180deg,var(--sand),var(--cream));padding:3.2rem 0 3rem}
.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
.hero-copy{padding-right:2%}
.hero-photo{position:relative;height:min(54vh,520px);border-radius:16px;overflow:hidden;box-shadow:0 14px 28px rgba(0,0,0,.08)}
.hero-photo img{width:100%;height:100%;object-fit:cover}
/* Watermark overlay (40%) */
.wm{position:relative}
.wm::after{content:"";position:absolute;right:12px;bottom:12px;width:min(18%,160px);aspect-ratio:1/1;background-image:url('assets/logo.png');background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.4;pointer-events:none}
/* Sections */
.section{padding:3rem 0}
.section.alt{background:#fff}
.sobre{background:#fff}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}
.about-photo{position:relative;height:360px;border-radius:16px;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.06)}
.about-photo img{width:100%;height:100%;object-fit:cover}
/* Produtos — scroll lateral */
.scroller{overflow-x:auto;padding-bottom:.5rem}
.track{display:flex;gap:1rem;min-width:860px}
.cat{min-width:280px;flex:0 0 280px;background:#fff;border:1px solid #eee;border-radius:14px;padding:1rem}
.cat h3{margin-bottom:.35rem}
.cat ul{margin:.25rem 0 0 1rem;padding:0}
.cat li{margin:.18rem 0}
/* Galeria — scroll horizontal sem título */
.gallery{background:var(--sand);padding:2rem 0}
.gallery-scroller{overflow-x:auto}
.gallery-track{display:flex;gap:12px;min-width:860px}
.gallery-track .wm{position:relative}
.gallery-track img{height:220px;width:auto;display:block;border-radius:12px;object-fit:cover;box-shadow:0 10px 20px rgba(0,0,0,.05);border:1px solid #eee}
/* Logo band */
.logo-band{background:#fff;border-top:1px solid #eadfca;padding:1.5rem 0}
.center{text-align:center}
.logo-footer{height:200px;width:auto;object-fit:contain}
/* Contato & Footer */
.site-footer{border-top:1px solid #eadfca;background:#fff;padding:1.25rem 0}
.foot{display:flex;align-items:center;justify-content:center}
.whats{position:fixed;right:16px;bottom:16px;z-index:30;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);border:2px solid var(--charcoal);text-decoration:none;font-size:24px}
/* Responsivo */
@media(max-width:980px){
  .brand-text{display:none}
  .nav a{padding:.35rem .4rem}
  .hero-photo{height:44vh}
  .grid-2{grid-template-columns:1fr}
}
@media(max-width:720px){
  .nav{display:none} .hamburger{display:block}
  .hero-inner{grid-template-columns:1fr;gap:1.25rem}
  .hero-photo{height:38vh}
}