
/* LOJÃO V5.1: premium responsive cover; live copy/buttons, no cropped banner text. */
.la51-hero{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;min-height:510px;width:100%;overflow:hidden;background:#060708;border-bottom:1px solid rgba(255,204,41,.36)}
.la51-hero-backdrop{position:absolute;inset:0;z-index:-2}.la51-hero-backdrop picture,.la51-hero-backdrop img{width:100%;height:100%;display:block}.la51-hero-backdrop img{object-fit:cover;object-position:center 47%;filter:brightness(.78) saturate(.92)}
.la51-hero:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.01) 0%,rgba(0,0,0,.1) 25%,rgba(4,6,8,.38) 48%,rgba(4,6,8,.88) 100%)}
.la51-hero-content{width:100%;max-width:900px;margin:0 auto 0;position:relative;text-align:center;padding:125px 24px 38px}
.la51-kicker{display:inline-flex;align-items:center;gap:8px;color:#ffd02a;font-size:11px;letter-spacing:.22em;font-weight:850;margin-bottom:10px;text-shadow:0 2px 15px #000}
.la51-hero-content h1{color:#fff9eb;font-weight:900;font-family:Inter,Arial,sans-serif;font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.052em;text-shadow:0 4px 20px #0008;max-width:850px;margin:0 auto 10px}
.la51-hero-content h1 em{color:#ffce2b;font-style:normal}
.la51-hero-content p{color:#f2eee4;font-weight:550;font-size:clamp(14px,1.6vw,17px);line-height:1.45;max-width:580px;margin:0 auto 7px;text-shadow:0 3px 18px #000}
.la51-hero-content small{color:#ecd7ac;font-size:11px;letter-spacing:.07em}
.la51-hero-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:21px}
.la51-hero-buttons a{min-height:48px;min-width:186px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 22px;border-radius:10px;font-weight:850;font-size:13px;transition:transform .2s;box-shadow:0 5px 25px #0007}
.la51-button-primary{color:#111!important;background:linear-gradient(130deg,#ffe65c,#ffc51b)!important;border:1px solid #ffe15c}
.la51-button-outline{color:#ffe39b!important;background:#12120fd9!important;border:1px solid #dfb93c}
.la51-hero-buttons a:focus-visible{outline:3px solid #fff;outline-offset:4px}.la51-hero-buttons a:hover{transform:translateY(-2px)}
#categorias{scroll-margin-top:105px}#produtos{scroll-margin-top:105px}#inicio{scroll-margin-top:70px}
@media(max-width:700px){
 .la51-hero{display:block;min-height:0;padding:0;background:#08090a}
 .la51-hero-backdrop{position:relative;inset:auto;height:auto;max-height:none;z-index:0;overflow:hidden;aspect-ratio:16/9}
 .la51-hero-backdrop picture,.la51-hero-backdrop img{width:100%;height:100%}
 .la51-hero-backdrop img{object-fit:contain;object-position:center;filter:brightness(.95) saturate(1.04)}
 .la51-hero:after{display:none}
 .la51-hero-content{padding:6px 16px 22px;background:linear-gradient(180deg,#0b0b0b,#0d0f10);text-align:left}
 .la51-kicker{font-size:9px;margin-bottom:8px;letter-spacing:.15em}
 .la51-hero-content h1{font-size:clamp(26px,6.7vw,36px);margin:0 0 9px;letter-spacing:-.047em}
 .la51-hero-content p{font-size:13px;line-height:1.4;margin:0 0 5px;color:#e5e2dd}
 .la51-hero-content small{font-size:10px}
 .la51-hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
 .la51-hero-buttons a{font-size:11px;min-width:0;min-height:43px;padding:10px 8px;gap:6px;text-align:center}
 .dg-v7-benefits{border-top:1px solid rgba(243,192,43,.16)}
}
@media(max-width:360px){.la51-hero-buttons a{font-size:10px}.la51-hero-content h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.la51-hero-buttons a{transition:none}}
