:root{
  --brand:#0ea5e9; /* emerald-ish variant */
  --brand-dark:#059669;
  --bg:#f8fafc;
  --text:#0f172a;
  --muted:#64748b;
  --card:#ffffff;
  --shadow:0 10px 30px rgba(2,6,23,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Ubuntu,'Helvetica Neue','Noto Sans',Arial,sans-serif;color:var(--text);background:linear-gradient(#fff,#f1f5f9);}
.container{max-width:1120px;margin:0 auto;padding:0 16px}
.header{position:sticky;top:0;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:80px;height:80px;border-radius:20px;box-shadow:var(--shadow)}
.brand .title{font-weight:1000}
a.btn,button.btn{display:inline-flex;align-items:center;gap:8px;border-radius:16px;border:1px solid #0ea5e9;padding:10px 14px;text-decoration:none;color:#fff;background:#0ea5e9;box-shadow:var(--shadow);}
a.btn.outline{color:#0ea5e9;background:#fff}
.hero{display:grid;grid-template-columns:1fr;gap:28px;padding:64px 0}
@media(min-width:900px){.hero{grid-template-columns:1fr 1fr}}
.hero .photo{aspect-ratio:1/1;border-radius:24px;background:url('https://images.unsplash.com/photo-1544025162-d76694265947?q=80&w=1200&auto=format&fit=crop') center/cover;box-shadow:var(--shadow)}
.badge{position:absolute;bottom:-12px;left:-12px;background:#fff;border-radius:14px;padding:10px 14px;display:flex;gap:8px;align-items:center;box-shadow:var(--shadow)}
.list{margin:16px 0 0 0;padding:0;list-style:none}
.list li{display:flex;gap:8px;align-items:flex-start;margin:6px 0;color:#334155}
.h2{font-size:32px;font-weight:900;margin:0}
.h1{font-size:40px;font-weight:900;margin:0;line-height:1.1}
.section{padding:56px 0}
.cards{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid #e2e8f0;border-radius:20px;padding:18px;box-shadow:var(--shadow)}
.card h3{margin:6px 0 0 0}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.tabs button{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:8px 12px;cursor:pointer}
.tabs button.active{background:#059669;color:#fff;border-color:#059669;box-shadow:var(--shadow)}
.tabpanel{margin-top:16px}
.footer{padding:32px 0;border-top:1px solid #e2e8f0;color:#64748b;text-align:center}
.price{color:#059669;font-weight:800}
.grid2{display:grid;grid-template-columns:1fr;gap:18px}
@media(min-width:900px){.grid2{grid-template-columns:1fr 1fr}}
.whats{font-weight:700}
.small{font-size:14px;color:#64748b}
ul.clean{list-style:none;padding:0;margin:0}
ul.clean li{display:flex;justify-content:space-between;border-bottom:1px dashed #e2e8f0;padding:6px 0}
.badge .muted{font-size:12px;color:#64748b}

.whatsapp-fab{
  position: fixed !important;
  right: 18px !important;
  bottom: 18px !important;
  width: 56px !important;
  height: 56px !important;
  padding: 0 !important;
  background: transparent !important;   /* se seu PNG for só o glifo branco, troque para #25D366 */
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  z-index: 10000 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.18), 0 6px 12px rgba(0,0,0,.12) !important;
}

.whatsapp-fab .whats-icon{
  display: block !important;
  width: 100% !important;   /* 56x56 */
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 999px !important;
}

/* Hover no desktop */
.whatsapp-fab:hover,
.whatsapp-fab:focus{
  transform: translateY(-1px) scale(1.03);
  box-shadow: 0 12px 28px rgba(0,0,0,.22), 0 8px 16px rgba(0,0,0,.16);
  outline: none;
}

/* === SOMENTE CELULAR (sobrescreve tamanho/posição) === */
@media (max-width: 768px){
  .whatsapp-fab{
    right: 14px !important;
    bottom: 14px !important;
    width: 52px !important;
    height: 52px !important;
  }
}

@media (max-width: 420px){
  .whatsapp-fab{
    right: 12px !important;
    bottom: 12px !important;
    width: 48px !important;
    height: 48px !important;
  }
}

@media (min-width: 769px){
  .whatsapp-fab{
    position: fixed !important;
    right: 18px !important;
    bottom: 18px !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    background: transparent !important; /* use #25D366 se seu PNG for só o glifo */
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10000 !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18), 0 6px 12px rgba(0,0,0,.12) !important;
  }
  .whatsapp-fab .whats-icon{
    width: 100% !important;   /* 56 x 56 */
    height: 100% !important;
    max-width: none !important;  /* evita regras globais tipo img{max-width:100%} */
    object-fit: contain !important;
    border-radius: 999px !important;
  }
}