body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#fff}
.hero{width:100%;display:block}
.section-title{text-align:center;margin:40px 0 20px}
.products,.stores{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}
.card,.store{border:1px solid #ddd;border-radius:16px;padding:16px;max-width:300px}
.card img,.store img{width:100%;border-radius:12px}
.cta{display:block;margin-top:12px;background:#25D366;color:#fff;text-align:center;padding:12px;border-radius:10px;text-decoration:none;font-weight:bold}
.store iframe{width:100%;height:200px;border:0;border-radius:12px;margin-top:10px}
footer{text-align:center;padding:20px;font-size:14px;color:#666}

.whats-float{
position:fixed;
width:56px;
height:56px;
bottom:20px;
right:20px;
background:#25D366;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
z-index:1000;
box-shadow:0 4px 10px rgba(0,0,0,.3)
}
.whats-float svg{width:28px;height:28px}

#cookie{
position:fixed;
bottom:0;
width:100%;
background:#000;
color:#fff;
padding:10px;
display:flex;
justify-content:space-between;
align-items:center;
font-size:14px
}
#cookie button{background:#25D366;border:0;color:#fff;padding:6px 12px;border-radius:6px}

/* === BOTÕES SOCIAIS FLUTUANTES (OFICIAIS) === */
.social-float{
  position:fixed;
  right:16px;
  bottom:24px;
  display:flex;
  flex-direction:column;
  gap:12px;
  z-index:9999;
}
.social-float .sf{
  width:52px;
  height:52px;
  border-radius:50%;
  background-size:60%;
  background-repeat:no-repeat;
  background-position:center;
  box-shadow:0 6px 14px rgba(0,0,0,.25);
}
.social-float .wa{
  background-color:#25D366;
  background-image:url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg");
}
.social-float .ig{
  background-color:#E1306C;
  background-image:url("https://upload.wikimedia.org/wikipedia/commons/a/a5/Instagram_icon.png");
}
.social-float .fb{
  background-color:#1877F2;
  background-image:url("https://upload.wikimedia.org/wikipedia/commons/5/51/Facebook_f_logo_%282019%29.svg");
}

/* ===== HERO MOBILE AJUSTE ===== */
@media (max-width: 768px) {
  .hero {
    min-height: 65vh;
    padding: 40px 20px;
  }
}

/* HARD HERO RULES */
.hero-mobile { display:none; }
.hero-mobile img { width:100%; height:auto; display:block; }

@media (max-width: 768px) {
  .hero { display:none !important; }
  .hero-mobile { display:block !important; }
}

/* LOCK STORES */
.store { max-width:100%; }


.video-loja{
text-align:center;
padding:40px 15px;
}

.video-loja-player{
width:25%;
max-width:420px;
border-radius:10px;
}

.video-info{
font-size:22px;
font-weight:600;
margin-top:15px;
line-height:1.5;
}

@media (max-width:768px){

.video-loja-player{
width:100%;
}

.video-info{
font-size:18px;
}

}



.btn-rota{
display:inline-block;
margin-top:10px;
padding:14px 22px;
background:#0b5ed7;
color:#fff;
font-size:18px;
font-weight:600;
border-radius:8px;
text-decoration:none;
}

.btn-rota:hover{
background:#084298;
}


.btn-rota-inline{
margin-left:12px;
padding:6px 12px;
background:#0b5ed7;
color:#fff;
font-weight:600;
border-radius:6px;
text-decoration:none;
font-size:14px;
}

.btn-rota-inline:hover{
background:#084298;
}

@media (max-width:768px){
.btn-rota-inline{
display:inline-block;
margin-top:8px;
margin-left:0;
}
}


#cookie-consent{
position:fixed;
bottom:0;
left:0;
width:100%;
background:#111;
color:#fff;
padding:14px;
z-index:9999;
font-size:14px;
}

.cookie-box{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
max-width:1100px;
margin:auto;
}

.cookie-buttons button{
background:#0b5ed7;
border:none;
color:#fff;
padding:8px 14px;
border-radius:6px;
cursor:pointer;
font-weight:600;
}

.cookie-buttons button:last-child{
background:#6c757d;
}

@media (max-width:768px){

.cookie-box{
flex-direction:column;
text-align:center;
}

}