:root{
  --bg:#ffffff;
  --bg-soft:#faf5ef; /* bege muito claro */
  --text:#2d241e;   /* marrom suave para ótima leitura */
  --muted:#f3ece4;
  --accent:#D4A373; /* bege quente para destaques */
  --accent-strong:#a66a3f;
  --ink:#2d241e;
  --shadow:0 10px 30px rgba(166, 106, 63, 0.10);
  --edge:clamp(16px,4vw,48px);
  --header-h:64px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Comfortaa', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--text);
  background:linear-gradient(180deg,var(--bg) 0%, #f9fdfb 100%);
}

.container{width:min(1120px,92%);margin-inline:auto}

.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{left:1rem;top:1rem;width:auto;height:auto;background:#000;color:#fff;padding:.5rem .75rem;border-radius:.5rem;z-index:999}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,245,239,.95);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(212,163,115,.25)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;min-height:var(--header-h)}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text)}
.brand-logo-wrap{display:inline-grid;place-items:center;background:#cfa87f;border-radius:10px;box-shadow:var(--shadow);padding:6px}
.brand-logo{display:block}
.brand-name{font-weight:700;letter-spacing:.3px}

.nav-toggle{display:none;flex-direction:column;gap:4px;background:transparent;border:none}
.nav-toggle span{width:24px;height:2px;background:var(--text);display:block}

.primary-nav{display:flex;gap:1.25rem;align-items:center;z-index:100}
.primary-nav a{color:var(--text);text-decoration:none;opacity:.86}
.primary-nav a:hover{opacity:1}
.primary-nav .cta-small{background:var(--accent);color:var(--ink);padding:.5rem .9rem;border-radius:.6rem;font-weight:600;box-shadow:var(--shadow)}

@media (max-width: 900px){
  .nav-toggle{display:flex}
  .primary-nav{position:fixed;inset:64px 0 auto 0;background:var(--bg-soft);border-top:1px solid rgba(212,163,115,.25);padding:1rem 2rem;display:none;flex-direction:column;gap:1rem}
  .primary-nav.open{display:flex}
}

/* Hero */
.hero{position:relative;min-height:auto;padding-top:40px}
.hero-media{display:none}
.hero::after{content:none}

@media (max-width: 900px){
  .hero-media img{transform:translateX(-12vw) scale(1.1)}
}

@media (min-width: 1400px){
  .hero-media img{transform:translateX(-10vw) scale(1.12)}
}

.hero-content{padding:14vh 0 10vh;max-width:640px}
.hero h1{font-family:'Comfortaa',cursive;font-weight:600;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.25;margin:0 0 .6rem;color:var(--text)}
.hero p{max-width:60ch;margin:0 0 1.4rem;font-size:clamp(.98rem,1.2vw,1.06rem);opacity:.95}
.hero-ctas{display:flex;gap:.8rem;flex-wrap:wrap}

/* Hero container alinhado à esquerda */
.hero .container{width:min(1120px,92%);margin-inline:auto}
.hero-split .hero-copy{padding-block:48px}

/* Sections */
.section{padding:84px 0}
.section[id]{scroll-margin-top:calc(var(--header-h) + 12px)}
.section-muted{background:linear-gradient(180deg,var(--bg) 0%,var(--bg-soft) 100%)}
.section-accent{background:linear-gradient(180deg,#fbf7f2 0%,#fff 100%)}
.section-cta{background:linear-gradient(180deg,#fff 0%,#faf7f3 100%)}

.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.grid-2.reverse{grid-template-columns:.9fr 1.1fr}
@media (max-width: 980px){
  .grid-2,.grid-2.reverse{grid-template-columns:1fr;gap:1.25rem}
}

h2{font-family:'Comfortaa',cursive;font-weight:600;font-size:clamp(1.4rem,2.4vw,2rem);margin:0 0 .65rem}
p{line-height:1.7}

.media-card,.media-portrait{overflow:hidden;border-radius:14px;box-shadow:var(--shadow);border:1px solid rgba(212,163,115,.25)}
.media-card{aspect-ratio: 4 / 3;}
.media-portrait{aspect-ratio: 4 / 5;}
.media-card img,.media-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 45%}
.img-focus-bottom{object-position:center 70%}
/* move o foco mais para baixo (mostra mais mesa abaixo) */
.img-focus-lower{object-position:center 88%}
/* aumenta a especificidade para prevalecer sobre .media-card img */
.media-card img.img-focus-lower{object-position:center 57% !important}
@media (max-width: 980px){
  .media-card img.img-focus-lower{object-position:center 57% !important}
}
@media (max-width: 980px){
  .media-portrait{aspect-ratio:3 / 4}
}

/* Hero split responsiveness */
.hero-split .container{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
@media (max-width: 980px){
  .hero-split .container{grid-template-columns:1fr}
  .hero-split .media-portrait{order:-1}
  .hero-split .hero-copy{padding-block:8px}
}

.check-list{list-style:none;padding:0;margin:0 0 1rem}
.check-list li{padding-left:1.6rem;position:relative;margin:.5rem 0}
.check-list li::before{content:"→";position:absolute;left:0;top:0;color:var(--accent)}

.arrow-list{list-style:none;padding:0;margin:0}
.arrow-list li{padding-left:1.4rem;position:relative;margin:.5rem 0}
.arrow-list li::before{content:"→";position:absolute;left:0;top:0;color:var(--accent)}

/* Testimonials */
.carousel-wrapper{position:relative}
.carousel{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}
.carousel::-webkit-scrollbar{height:8px}
.carousel::-webkit-scrollbar-thumb{background:rgba(212,163,115,.35);border-radius:999px}
.carousel .card{flex:0 0 auto;width:clamp(260px,60vw,340px);aspect-ratio:1 / 1;scroll-snap-align:center;background:#fff;border:1px solid rgba(212,163,115,.25);border-radius:14px;box-shadow:var(--shadow);padding:1rem;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}
.carousel .card p{margin:.25rem 0 .5rem;overflow:auto;-webkit-overflow-scrolling:touch;padding-right:4px}
.carousel .card p::-webkit-scrollbar{width:6px}
.carousel .card p::-webkit-scrollbar-thumb{background:rgba(212,163,115,.35);border-radius:999px}
.carousel .card footer{opacity:.85;font-size:.95rem}
.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem}
.carousel-prev,.carousel-next{background:#fff;border:1px solid rgba(212,163,115,.4);width:36px;height:36px;border-radius:999px;display:grid;place-items:center;cursor:pointer}
.verify-link{color:var(--accent-strong);text-decoration:none;border-bottom:1px dashed rgba(212,163,115,.6)}
.stars{color:#D4A373;font-size:1rem}

/* Forms */
.contact-form{margin-top:.6rem}
.alert{margin:.5rem 0 1rem;padding:.75rem 1rem;border-radius:.6rem;background:#ecfbf5;border:1px solid rgba(16,185,129,.3);color:#155e48}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.form-grid .full{grid-column:1 / -1}
.contact-form label{display:flex;flex-direction:column;gap:.4rem}
.contact-form input,.contact-form textarea{background:#ffffff;color:var(--text);border:1px solid rgba(212,163,115,.35);border-radius:10px;padding:.75rem .9rem;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}
.contact-form button{margin-top:.9rem}
@media (max-width: 720px){
  .form-grid{grid-template-columns:1fr}
  .contact-form button{width:100%}
}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:.8rem;padding:.85rem 1.15rem;text-decoration:none;border:1px solid transparent}
.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}
.btn-primary:hover{background:var(--accent-strong)}
.btn-outline{border-color:rgba(212,163,115,.35);color:var(--text)}
.btn-outline:hover{border-color:var(--accent);}
@media (max-width: 420px){
  .btn{width:100%}
  .hero-ctas{gap:.6rem}
}

/* CTA floating */
.floating-cta{position:fixed;right:1rem;bottom:1rem;background:var(--accent);color:#fff;border-radius:999px;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;font-weight:800;box-shadow:var(--shadow);opacity:.95}
.floating-btn{position:fixed;right:1rem;bottom:4rem;border-radius:999px;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;box-shadow:var(--shadow)}
.floating-whatsapp{background:#25D366;color:#fff}
.floating-instagram{background:#E1306C;color:#fff;bottom:7rem}
.floating-instagram img{width:22px;height:22px;object-fit:contain}
@media (max-width: 480px){
  .floating-btn{right:.8rem;bottom:3.6rem}
  .floating-instagram{bottom:6.6rem}
  .floating-cta{right:.8rem;bottom:.8rem}
}

/* Footer */
.site-footer{border-top:1px solid rgba(212,163,115,.25);background:#ffffff}
.footer-inner{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;gap:1rem}
.footer-brand{display:flex;align-items:center;gap:.8rem}
.footer-links{list-style:none;display:flex;gap:1rem;padding:0;margin:0}
.footer-links a{color:var(--text);text-decoration:none;opacity:.86}
.subfooter{padding:0 0 1.2rem;color:#6b584b;opacity:.9}

/* Footer responsive */
@media (max-width: 720px){
  .footer-inner{flex-direction:column;align-items:center;text-align:center;gap:.6rem}
  .footer-brand{justify-content:center}
  .footer-links{flex-wrap:wrap;justify-content:center;gap:.6rem .9rem}
  .subfooter{text-align:center}
}

/* Utilities */
.cta-buttons{display:flex;gap:.8rem;flex-wrap:wrap}

/* Small tweaks */
::selection{background:var(--accent);color:var(--ink)}