/* Estilo Geral */
body { font-family: Arial, sans-serif; margin:0; padding:0; background:#111; color:#fff; text-align:center; }
a { color:#ff6600; }
header { background:#000; padding:20px; display:flex; align-items:center; justify-content:space-between; position:relative; }
.header-left{display:flex; align-items:center; gap:10px;}
.logo { width: 72px; height:72px; border-radius:50%; border:2px solid #ff6600; object-fit:cover; }
h1.brand-title{ color:#ff6600; font-size:20px; margin:0; }
nav a{ color:#ff6600; margin:0 12px; text-decoration:none; font-weight:bold; }
nav a:hover{ color:#ffd580; }
.menu-toggle{ display:none; flex-direction:column; width:30px; height:25px; justify-content:space-between; cursor:pointer; }
.menu-toggle span{ height:4px; width:100%; background:#ff6600; border-radius:2px; }

/* Banner */
.banner{ padding:60px 20px; background:#222; }
.banner h2{ font-size:28px; color:#ff6600; margin:0 0 8px; }
.banner p{ color:#eee; margin:0; }

/* Cards */
section{ padding:40px 20px; }
.cards{ display:grid; grid-template-columns: repeat(3, 1fr); gap:20px; max-width:1100px; margin:0 auto; }
.card{ background:#111; padding:14px; border-radius:12px; box-shadow:0 4px 10px rgba(255,165,0,.25); text-align:left; }
.card .imgs{ display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; }
.card .imgs img{ height:160px; border-radius:10px; border:1px solid #222; object-fit:cover; }
.card h3{ margin:10px 0 6px; }
.card .price{ font-weight:bold; color:#ffd7a6; }

/* Botão WhatsApp */
#whatsapp-button{ position:fixed; bottom:16px; right:16px; z-index:9999; }
#whatsapp-button img{ width:56px; height:56px; transition:transform .2s; }
#whatsapp-button img:hover{ transform:scale(1.06); }

/* Footer */
footer{ background:#000; padding:20px; margin-top:40px; font-size:14px; }

/* Responsividade */
@media (max-width: 1024px){ .cards{ grid-template-columns: repeat(2, 1fr); } #whatsapp-button img{ width:48px; height:48px; } }
@media (max-width: 768px){
  header{ flex-wrap:wrap; }
  nav{ display:none; position:absolute; right:20px; top:90px; background:#111; padding:10px; border-radius:8px; }
  nav.active{ display:flex; flex-direction:column; }
  nav a{ margin:8px 0; }
  .menu-toggle{ display:flex; }
  .cards{ grid-template-columns: 1fr; }
  #whatsapp-button{ bottom:12px; right:12px; }
  #whatsapp-button img{ width:40px; height:40px; }
}

/* Badge "faça login para ver o preço" */
a.price-login{
  display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px;
  background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12);
  color: #ffb366; font-weight: bold; text-decoration: none;
}
a.price-login::before{ content:"🔒"; }
a.price-login:hover{ background: rgba(255,102,0,.12); border-color: rgba(255,102,0,.35); color:#ffd7a6; }