:root{--blue:#00337c;--blue-dark:#001f4f;--orange:#f26522;--orange-light:#ff8c52;--whatsapp-green:#25d366;--whatsapp-dark:#128c7e}*{box-sizing:border-box}body{font-family:'Montserrat', sans-serif;background:#fff;color:#0f172a;overflow-x:hidden}.urgency-bar{background:#f26522;color:#fff;text-align:center;padding:10px;font-size:13px;font-weight:700;letter-spacing:.05em;position:relative;z-index:200}.urgency-bar span{animation:blink .9s step-end infinite}@keyframes blink{50%{opacity:0}}nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0}.nav-social-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:transparent;color:#64748b;text-decoration:none;transition:background .15s, color .15s}.nav-social-link:hover{background:#f26522;color:#fff}.hero{background:linear-gradient(155deg, #001f4f 0%, #00337c 60%, #004aad 100%);position:relative;overflow:hidden;padding:100px 0 80px}.hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-badge{display:inline-block;background:rgba(242,101,34,.2);border:1px solid rgba(242,101,34,.5);color:#ffb380;font-size:11px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;padding:6px 16px;border-radius:999px;margin-bottom:24px}.hero h1{font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:clamp(3rem, 8vw, 6rem);line-height:.95;color:#fff;margin-bottom:20px;text-transform:uppercase}.hero h1 em{color:#f26522;font-style:inherit}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shine{0%{left:-60%}40%,100%{left:120%}}@keyframes shine-wa{0%{left:-60%}30%,100%{left:120%}}.btn-shopee-main,.btn-whatsapp-main{display:inline-flex;align-items:center;gap:12px;color:#fff;font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:.03em;padding:18px 36px;border-radius:16px;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s, box-shadow .2s;text-decoration:none}.btn-shopee-main::before,.btn-whatsapp-main::before{content:'';position:absolute;top:-50%;left:-60%;width:40%;height:200%;background:rgba(255,255,255,.25);transform:skewX(-20deg)}.btn-shopee-main .arrow,.btn-whatsapp-main .arrow{font-size:28px;transition:transform .2s}.btn-shopee-main:hover .arrow,.btn-whatsapp-main:hover .arrow{transform:translateX(4px)}.btn-shopee-main{background:#f26522;box-shadow:0 12px 40px -8px rgba(242,101,34,.8)}.btn-shopee-main::before{animation:shine 2.5s ease-in-out infinite}.btn-shopee-main:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 20px 50px -10px #f26522}.btn-whatsapp-main{background:#25d366;box-shadow:0 12px 40px -8px rgba(37,211,102,.6)}.btn-whatsapp-main::before{background:rgba(255,255,255,.35);animation:shine-wa 3s ease-in-out infinite}.btn-whatsapp-main:hover{transform:translateY(-3px) scale(1.03);background:#128c7e;box-shadow:0 20px 50px -10px rgba(37,211,102,.8)}.wpp-advantage{background:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);border:2px solid #25d366;border-radius:20px;padding:32px;position:relative;overflow:hidden}.wpp-advantage::before{content:'💚';position:absolute;font-size:120px;right:-20px;top:-20px;opacity:.08}.wpp-tag{display:inline-block;background:#25d366;color:#fff;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;padding:4px 12px;border-radius:999px;margin-bottom:12px}.stats-strip{background:#f26522;color:#fff;display:grid;grid-template-columns:repeat(3, 1fr);text-align:center;padding:28px 0}.stat-num{font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:2.8rem;line-height:1}.stat-label{font-size:11px;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.07em;margin-top:4px}.stat-divider{border-left:1px solid rgba(255,255,255,.3)}.feat-card{background:#fff;border:1px solid #e2e8f0;border-bottom:4px solid #f26522;border-radius:20px;padding:32px 24px;transition:transform .2s, box-shadow .2s}.feat-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(0,51,124,.1)}.prod-card{background:#f8fafc;border-radius:24px;overflow:hidden;position:relative;transition:transform .3s;border:1px solid #e2e8f0}.prod-card:hover{transform:translateY(-8px)}.prod-card:hover .prod-img-wrap img{transform:scale(1.08)}.prod-img-wrap{aspect-ratio:1 / 1;width:100%;background:#e2e8f0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.prod-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}.prod-badge{position:absolute;top:14px;left:14px;background:#f26522;color:#fff;font-size:10px;font-weight:900;letter-spacing:.1em;padding:4px 10px;border-radius:999px;text-transform:uppercase}.prod-body{padding:20px}.prod-name{font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:22px;text-transform:uppercase;color:#00337c;margin-bottom:6px}.prod-desc{font-size:12px;color:#64748b;margin-bottom:16px}.prod-stars{color:#fbbf24;font-size:13px;margin-bottom:14px}.btn-comprar{display:block;width:100%;background:#00337c;color:#fff;text-align:center;padding:14px;border-radius:12px;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;transition:background .2s, transform .1s;border:none;cursor:pointer}.btn-comprar:hover{background:#f26522;transform:scale(1.02)}.btn-comprar.btn-comprar-orange{background:#f26522}.btn-comprar.btn-comprar-orange:hover{background:#d44e10}.btn-wpp-card{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;background:#25d366;color:#fff !important;text-align:center;padding:14px;border-radius:12px;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;border:none;cursor:pointer;transition:background .2s, transform .1s;box-shadow:0 4px 16px rgba(37,211,102,.35)}.btn-wpp-card:hover{background:#1aad54;transform:scale(1.02)}.review-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px);border-radius:20px;padding:28px}.review-stars{color:#fbbf24;font-size:16px;margin-bottom:12px;letter-spacing:2px}.review-text{color:#bfdbfe;font-size:14px;line-height:1.65;font-style:italic;margin-bottom:18px}.reviewer-avatar{width:44px;height:44px;background:#f26522;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;color:#fff;flex-shrink:0}.reviewer-name{font-weight:700;font-size:14px;color:#fff}.reviewer-city{font-size:11px;color:#7dd3fc;text-transform:uppercase;letter-spacing:.06em}.float-cta{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:300;animation:slideUp .5s ease .8s both}@keyframes slideUp{from{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.float-btn{display:flex;align-items:center;gap:10px;background:#f26522;color:#fff;font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:18px;text-transform:uppercase;padding:14px 28px;border-radius:999px;box-shadow:0 8px 30px rgba(242,101,34,.7);text-decoration:none;white-space:nowrap;animation:pulse-float 2.2s infinite;border:2px solid rgba(255,255,255,.3);transition:transform .15s}.float-btn:hover{transform:scale(1.05)}@keyframes pulse-float{0%,100%{box-shadow:0 8px 30px rgba(242,101,34,.7)}50%{box-shadow:0 8px 50px #f26522}}.guarantee-wrap{border:2px dashed #fbbf24;border-radius:20px;padding:32px;background:#fffbeb;text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease, transform .6s ease}.reveal.visible{opacity:1;transform:none}.social-section{background:linear-gradient(160deg, #001f4f 0%, #00337c 70%, #004aad 100%);padding:64px 0;position:relative;overflow:hidden}.social-section::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.social-grid{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.social-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 18px 16px;border-radius:20px;text-decoration:none;font-family:'Barlow Condensed', sans-serif;font-style:italic;font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:.07em;color:#fff;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:transform .25s, box-shadow .25s, background .25s, border-color .25s;min-width:96px;position:relative;overflow:hidden}.social-card::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .25s;border-radius:inherit}.social-card:hover{transform:translateY(-6px) scale(1.04)}.social-card:hover::before{opacity:1}.social-card:hover .sc-icon{background:rgba(255,255,255,.22)}.social-card span{position:relative;z-index:1}.social-card.sc-youtube::before{background:linear-gradient(135deg, red, #c00)}.social-card.sc-youtube:hover{box-shadow:0 14px 38px rgba(255,0,0,.45);border-color:rgba(255,80,80,.4)}.social-card.sc-instagram::before{background:linear-gradient(135deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888)}.social-card.sc-instagram:hover{box-shadow:0 14px 38px rgba(220,39,67,.45);border-color:rgba(220,39,67,.4)}.social-card.sc-tiktok::before{background:linear-gradient(135deg, #010101 0%, #2a2a2a 50%, #ee1d52 100%)}.social-card.sc-tiktok:hover{box-shadow:0 14px 38px rgba(238,29,82,.4);border-color:rgba(105,201,208,.4)}.social-card.sc-facebook::before{background:linear-gradient(135deg, #1877f2, #0d5cc7)}.social-card.sc-facebook:hover{box-shadow:0 14px 38px rgba(24,119,242,.45);border-color:rgba(24,119,242,.5)}.social-card.sc-pinterest::before{background:linear-gradient(135deg, #e60023, #ad081b)}.social-card.sc-pinterest:hover{box-shadow:0 14px 38px rgba(230,0,35,.45);border-color:rgba(230,0,35,.4)}.sc-icon{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;transition:background .25s;position:relative;z-index:1}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(0,51,124,.07);border:1px solid #e2e8f0;color:#94a3b8;text-decoration:none;transition:background .2s, color .2s, transform .2s, border-color .2s}.footer-social-link:hover{background:#f26522;color:#fff;transform:translateY(-3px);border-color:#f26522}
/* ═══════════════════════════════════════════════════════════
   MOBILE FIRST — breakpoints adicionados
   Base = mobile (< 640px), md = 768px+, lg = 1024px+
═══════════════════════════════════════════════════════════ */

/* ── HERO GRID ──────────────────────────────────────────── */
.hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
@media(min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;gap:40px}}

/* ── MINI CARDS DO HERO ─────────────────────────────────── */
.hero-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:400px){.hero-mini-grid{grid-template-columns:1fr 1fr}}

/* ── BOTÕES HERO (largura total no mobile) ──────────────── */
.hero-btn{width:100%;font-size:15px!important;padding:13px 18px!important;justify-content:center;box-sizing:border-box}
@media(min-width:768px){.hero-btn{width:auto;font-size:16px!important;padding:13px 22px!important}}

/* ── BOTÃO NAV "SOBRE A LOJA" ───────────────────────────── */
.nav-cta-btn{font-size:11px!important;padding:8px 12px!important;border-radius:8px!important;gap:4px!important}
@media(min-width:768px){.nav-cta-btn{font-size:14px!important;padding:10px 20px!important;border-radius:10px!important;gap:12px!important}}

/* ── BOTÃO FINAL CTA ────────────────────────────────────── */
.final-cta-btn{width:100%;font-size:18px!important;padding:16px 24px!important;justify-content:center}
@media(min-width:640px){.final-cta-btn{width:auto;font-size:22px!important;padding:18px 40px!important}}

/* ── FLOAT CTA (dois botões) ────────────────────────────── */
.float-cta{display:flex!important;gap:8px;flex-wrap:nowrap;justify-content:center;width:calc(100% - 32px);max-width:480px}
.float-cta .float-btn{flex:1;justify-content:center;font-size:14px;padding:12px 14px;white-space:nowrap;min-width:0}
@media(min-width:640px){.float-cta{width:auto;gap:10px}.float-cta .float-btn{flex:none;font-size:18px;padding:14px 28px}}

/* ── STATS STRIP ────────────────────────────────────────── */
@media(max-width:480px){.stat-num{font-size:1.8rem}.stat-label{font-size:9px;letter-spacing:.03em}.stats-strip{padding:20px 0}}

/* ── URGENCY BAR ────────────────────────────────────────── */
@media(max-width:640px){.urgency-bar{font-size:11px;padding:8px 12px;line-height:1.5}}

/* ── BOTÕES touch targets ───────────────────────────────── */
@media(max-width:640px){.btn-comprar,.btn-wpp-card{padding:16px;font-size:14px}.btn-shopee-main,.btn-whatsapp-main{font-size:16px;padding:14px 20px}}

/* ── HERO padding mobile ────────────────────────────────── */
@media(max-width:640px){.hero{padding:32px 0 28px!important}}

/* ── REVIEW CARDS ───────────────────────────────────────── */
@media(max-width:640px){.review-card{padding:20px}}

/* ── SOCIAL CARDS ───────────────────────────────────────── */
@media(max-width:480px){.social-card{min-width:80px;padding:16px 12px 12px;font-size:11px}.sc-icon{width:42px;height:42px}}

/* ── PRODUTO CARD imagem ────────────────────────────────── */
@media(max-width:640px){.prod-img-wrap{aspect-ratio:4/3}}

/* ── FEAT CARD padding ──────────────────────────────────── */
@media(max-width:640px){.feat-card{padding:24px 18px}}