/* Matrix Ofertas Storefront Pro 1.7.0 */
:root{--mx:#071b32;--mx2:#0c2b4c;--yellow:#ffd000;--yellow2:#ffbf00;--white:#fff;--muted:#a9bfd5;--line:rgba(100,170,225,.22);--red:#f52d43}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.matrix-theme{margin:0;background:var(--mx);color:#f5f9ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none}.mo-main{min-height:55vh}.mo-header{background:#071827;position:relative;z-index:50;box-shadow:0 6px 28px rgba(0,0,0,.3)}.mo-head-main{background:linear-gradient(180deg,#0a1d33,#071827)}.mo-head-inner{max-width:1440px;margin:auto;min-height:84px;padding:10px 22px;display:grid;grid-template-columns:240px minmax(280px,1fr) auto;align-items:center;gap:28px}.mo-logo{display:flex;align-items:center;gap:8px;color:#fff}.mo-logo-icon{border:3px solid var(--yellow);border-radius:11px;padding:8px;color:var(--yellow);font-size:23px}.mo-logo-word{display:flex;flex-direction:column;line-height:.88}.mo-logo-word strong{font-size:27px}.mo-logo-word b{font-size:21px;color:var(--yellow)}.mo-logo-word small{font-size:8px;margin-top:5px}.mo-search{height:42px;background:#fff;border-radius:9px;display:flex;overflow:hidden}.mo-search input{min-width:0;flex:1;border:0;outline:0;padding:0 15px;color:#142238}.mo-search button{width:54px;border:0;background:var(--yellow);font-size:29px;font-weight:900}.mo-actions{display:flex;gap:22px;align-items:center}.mo-actions a{display:flex;gap:7px;align-items:center;color:#fff;font-size:13px}.mo-actions a span{font-size:26px}.mo-menu-desktop,.mo-menu-toggle{background:none;border:0;color:#fff}.mo-menu-desktop i,.mo-menu-toggle i{display:block;width:25px;height:3px;background:#fff;margin:5px;border-radius:4px}.mo-yellow-nav{background:var(--yellow);color:#111}.mo-yellow-inner{max-width:1440px;margin:auto;display:flex;min-height:47px}.mo-allcats,.mo-nav-scroll a{display:flex;align-items:center;gap:8px;color:#111;font-weight:850;font-size:13px;padding:0 16px;white-space:nowrap}.mo-allcats{border-right:1px solid rgba(0,0,0,.1)}.mo-nav-scroll{display:flex;overflow:auto;scrollbar-width:none}.mo-nav-scroll::-webkit-scrollbar{display:none}.mo-mobile-panel,.mo-menu-toggle{display:none}
.mo-home{background:linear-gradient(180deg,#06172c,#071b35);padding-bottom:60px}.mo-hero{max-width:1400px;min-height:410px;margin:0 auto 25px;position:relative;overflow:hidden;border-radius:0 0 20px 20px;background:radial-gradient(circle at 75% 35%,#1b4876,#06162a 55%);display:grid;grid-template-columns:1fr 1.25fr .55fr;align-items:center;padding:35px 42px}.mo-hero:after{content:"";position:absolute;width:360px;height:650px;right:18%;top:-140px;transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(255,208,0,.8),transparent);filter:blur(12px);opacity:.6}.mo-hero-copy{position:relative;z-index:2}.mo-kicker{display:inline-block;background:var(--yellow);color:#111;font-weight:950;border-radius:8px;padding:9px 14px;font-size:18px}.mo-hero h1{font-size:clamp(38px,5vw,72px);line-height:.95;margin:18px 0 10px;letter-spacing:-2px}.mo-hero h1 strong{color:var(--yellow)}.mo-hero p{font-size:20px;max-width:430px}.mo-hero-btn,.mo-offer-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--yellow);color:#111!important;border-radius:10px;font-weight:950;padding:14px 20px}.mo-hero-btn{font-size:16px}.mo-hero-btn b{font-size:27px}.mo-hero-products{display:flex;align-items:end;justify-content:center;position:relative;z-index:2;height:100%}.mo-hero-product{width:32%;height:85%;display:flex;align-items:end;justify-content:center}.mo-hero-product img{max-height:100%;width:auto;object-fit:contain;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}.mo-hero-benefits{position:relative;z-index:2;display:grid;gap:22px;font-size:14px}.mo-hero-benefits div{display:flex;gap:10px;align-items:center}.mo-dots{position:absolute;z-index:3;bottom:12px;left:50%;display:flex;gap:8px}.mo-dots i{width:10px;height:10px;border-radius:50%;background:#fff;opacity:.8}.mo-category-strip{max-width:1400px;margin:0 auto 20px;display:flex;overflow:auto;scrollbar-width:none;gap:10px;padding:0 12px}.mo-category-strip::-webkit-scrollbar{display:none}.mo-category-strip a{min-width:105px;text-align:center;color:#fff;padding:9px 8px}.mo-category-strip span{width:66px;height:66px;border-radius:50%;margin:auto auto 7px;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#1e5a8d,#071b35);border:1px solid rgba(110,180,230,.35);font-size:30px}.mo-category-strip b{font-size:12px;display:block;white-space:nowrap}.mo-section{max-width:1400px;margin:0 auto 25px;padding:0 12px}.mo-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.mo-section-head h2,.mo-section-head h1{margin:0;font-size:28px}.mo-section-head a{color:#5fc3ff;font-weight:800}.mo-products-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.mo-card{background:linear-gradient(160deg,#102e4d,#091d35);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.18);min-width:0}.mo-card-img{display:block;background:#fff;aspect-ratio:1/1;position:relative}.mo-card-img img{width:100%;height:100%;object-fit:contain}.mo-discount{position:absolute;top:9px;left:9px;background:var(--red);color:#fff;padding:5px 8px;border-radius:7px;font-size:13px;font-weight:950}.mo-heart{position:absolute;right:9px;top:7px;color:#fff;font-size:25px}.mo-card-body{padding:11px}.mo-card h3{font-size:15px;line-height:1.2;margin:0 0 7px;min-height:38px}.mo-card h3 a{color:#fff}.mo-card del{display:block;color:#93a7bb;font-size:12px;margin-top:6px}.mo-price{color:var(--yellow);font-size:21px;font-weight:950;margin:3px 0 9px}.mo-offer-btn{width:100%;font-size:12px;padding:11px 7px}.mo-store{text-align:center;color:#c5d3e2;font-size:11px;padding-top:9px}.mo-coupon-banner{max-width:1400px;margin:0 auto 28px;background:linear-gradient(90deg,#ffd000,#ffbd00);color:#111;border-radius:13px;padding:17px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.mo-coupon-banner div{display:grid;grid-template-columns:auto auto;column-gap:13px;align-items:center}.mo-coupon-banner div>b{grid-row:span 2;font-size:42px}.mo-coupon-banner strong{font-size:26px}.mo-coupon-banner span{font-size:14px}.mo-coupon-banner>a{background:#06192e;color:#fff;padding:12px 25px;border-radius:9px;font-weight:900}.mo-cat-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mo-cat-card{border:1px solid var(--line);background:linear-gradient(160deg,#0c2c4c,#071b33);border-radius:12px;padding:18px;color:#fff;min-height:105px}.mo-cat-card span{font-size:22px;display:block;color:var(--yellow)}.mo-cat-card strong{display:block;margin-top:8px}.mo-cat-card small{color:var(--muted)}.mo-content{max-width:1250px;margin:auto;padding:35px 15px}.mo-post,.mo-empty{background:#0c2948;border:1px solid var(--line);border-radius:18px;padding:25px}.mo-footer{background:#04101e;border-top:1px solid var(--line);padding:42px 18px 18px;color:var(--muted)}.mo-footer-inner{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:30px}.mo-footer h3{color:#fff;font-size:15px}.mo-footer a{display:block;color:#c9d8e8;margin:7px 0}.mo-footer-brand{font-size:25px;color:#fff}.mo-footer-brand span{color:var(--yellow)}.mo-footer-bottom{max-width:1250px;margin:25px auto 0;padding-top:15px;border-top:1px solid rgba(255,255,255,.08);font-size:12px}
@media(max-width:1100px){.mo-head-inner{grid-template-columns:220px minmax(200px,1fr) auto;gap:15px}.mo-actions a b{display:none}.mo-products-grid{grid-template-columns:repeat(4,1fr)}.mo-cat-cards{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.mo-head-inner{min-height:64px;padding:8px 10px;grid-template-columns:auto 1fr auto;gap:8px}.mo-logo-word{display:none}.mo-logo-icon{font-size:20px;padding:7px}.mo-search{height:38px}.mo-search input{font-size:12px}.mo-search button{width:44px}.mo-actions a{display:none}.mo-menu-toggle{display:block}.mo-menu-desktop{display:none}.mo-yellow-nav{display:none}.mo-mobile-panel{position:absolute;top:64px;left:0;right:0;background:#06172b;padding:12px;box-shadow:0 15px 35px rgba(0,0,0,.4)}.mo-mobile-panel[hidden]{display:none}.mo-mobile-panel .mo-search{margin-bottom:10px}.mo-mobile-panel>a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:800}.mo-hero{min-height:540px;margin:0 8px 18px;border-radius:0 0 16px 16px;padding:24px 17px;display:block;text-align:center}.mo-hero h1{font-size:43px}.mo-hero p{font-size:15px}.mo-hero-btn{padding:12px 16px}.mo-hero-products{height:190px;margin-top:10px}.mo-hero-product{height:100%}.mo-hero-benefits{grid-template-columns:1fr 1fr;gap:8px;font-size:11px;text-align:left;margin-top:8px}.mo-category-strip{padding:0 9px}.mo-category-strip a{min-width:86px}.mo-category-strip span{width:58px;height:58px;font-size:26px}.mo-section{padding:0 9px}.mo-section-head h2{font-size:21px}.mo-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mo-card-body{padding:8px}.mo-card h3{font-size:12px;min-height:42px}.mo-price{font-size:17px}.mo-offer-btn{font-size:10px;padding:9px 4px}.mo-store{font-size:9px}.mo-coupon-banner{margin:0 9px 22px;padding:13px 12px;border-radius:11px}.mo-coupon-banner strong{font-size:18px}.mo-coupon-banner span{font-size:10px}.mo-coupon-banner div>b{font-size:29px}.mo-coupon-banner>a{padding:9px 11px;font-size:10px}.mo-cat-cards{grid-template-columns:repeat(2,1fr);gap:9px}.mo-footer-inner{grid-template-columns:1fr 1fr;gap:20px}.mo-footer{padding:30px 13px 15px}}
@media(max-width:430px){.mo-logo-icon{font-size:18px}.mo-hero{min-height:515px}.mo-hero h1{font-size:37px}.mo-cat-cards{grid-template-columns:1fr}.mo-footer-inner{grid-template-columns:1fr}}

/* Campanhas da Home */
.mo-campaign-hero{max-width:1400px;margin:0 auto 25px;position:relative;overflow:hidden;border-radius:0 0 20px 20px;background:#071b32;min-height:405px}
.mo-campaign-slides{position:relative;width:100%;height:100%;min-height:405px}
.mo-campaign-slide{display:none;width:100%;height:100%;position:relative}
.mo-campaign-slide.is-active{display:block}
.mo-campaign-slide img{display:block;width:100%;height:auto;min-height:405px;object-fit:cover}
.mo-campaign-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border:0;border-radius:50%;background:rgba(7,27,50,.75);color:#fff;font-size:36px;line-height:1;cursor:pointer}
.mo-campaign-arrow.prev{left:16px}.mo-campaign-arrow.next{right:16px}
.mo-campaign-dots{position:absolute;z-index:4;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.mo-campaign-dots button{width:10px;height:10px;border-radius:50%;border:0;background:#fff;opacity:.65;padding:0;cursor:pointer}
.mo-campaign-dots button.is-active{opacity:1;transform:scale(1.15)}
@media(max-width:760px){
 .mo-campaign-hero{margin:0 8px 18px;min-height:auto;border-radius:0 0 16px 16px}
 .mo-campaign-slides{min-height:0}
 .mo-campaign-slide img{min-height:0;aspect-ratio:16/9;object-fit:cover}
 .mo-campaign-arrow{width:34px;height:34px;font-size:29px}
 .mo-campaign-arrow.prev{left:7px}.mo-campaign-arrow.next{right:7px}
}

/* v1.3.0 — mobile must use the same campaign carousel, never the old generic hero */
.mo-campaign-empty{min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(145deg,#0d2d4e,#06172c);color:#fff}
.mo-campaign-empty span{background:var(--yellow);color:#111;padding:8px 12px;border-radius:8px;font-weight:950}
.mo-campaign-empty strong{margin-top:15px;font-size:20px}
.mo-campaign-empty small{margin-top:8px;color:#aac1d8;max-width:520px}
@media(max-width:760px){
 .mo-campaign-hero{margin:0 8px 18px;min-height:0;height:auto}
 .mo-campaign-slides{min-height:0;height:auto}
 .mo-campaign-slide,.mo-campaign-slide.is-active{height:auto}
 .mo-campaign-slide picture{display:block;width:100%}
 .mo-campaign-slide img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:contain;background:#071b32}
 .mo-campaign-empty{min-height:230px}
 .mo-campaign-empty strong{font-size:15px}
}

/* v1.4.0 — banners originais embutidos */
.mo-campaign-hero{background:#ffd000}
.mo-campaign-slide{background:#ffd000}
.mo-campaign-slide picture{display:block;width:100%;height:100%}
.mo-campaign-slide img{border-radius:inherit}



/* v1.6.1 — preserve the approved Matrix Ofertas visual identity.
   Marketplace-inspired product signals only; do not change the approved
   navy/yellow background or global color system. */
.mo-card-img{position:relative}
.mo-discount{top:auto;left:10px;bottom:10px;background:var(--red);color:#fff;border-radius:5px;padding:5px 7px;font-size:12px;line-height:1;font-weight:900;text-transform:uppercase}
.mo-best-seller{position:absolute;left:10px;bottom:10px;background:var(--red);color:#fff;border-radius:4px;padding:5px 7px;font-size:11px;line-height:1;font-weight:900;z-index:2}
.mo-card:has(.mo-discount) .mo-best-seller{bottom:38px}
.mo-price-row{display:flex;align-items:flex-end;gap:7px;justify-content:space-between;margin-top:2px}
.mo-price-wrap{min-width:0}
.mo-discount-inline{background:#16a34a;color:#fff;border-radius:4px;padding:4px 6px;font-size:11px;font-weight:900;white-space:nowrap;margin-bottom:2px}
.mo-trust-row{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.mo-sold-count{color:#c5d3e2;font-size:11px}
/* All campaign slides use one stable frame. Images never change page height while sliding. */
.mo-campaign-hero{height:auto;aspect-ratio:16/5;min-height:0;background:#071b32}
.mo-campaign-slides{height:100%;min-height:0}
.mo-campaign-slide,.mo-campaign-slide.is-active{height:100%}
.mo-campaign-slide picture{display:block;width:100%;height:100%}
.mo-campaign-slide img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;background:#071b32;border-radius:inherit}
@media(max-width:760px){
 .mo-home{background:linear-gradient(180deg,#06172c,#071b35)}
 .mo-campaign-hero{margin:0 8px 18px;height:auto;aspect-ratio:16/7;min-height:0;border-radius:14px}
 .mo-campaign-slides{height:100%;min-height:0}
 .mo-campaign-slide,.mo-campaign-slide.is-active{height:100%}
 .mo-campaign-slide picture{height:100%}
 .mo-campaign-slide img{height:100%;width:100%;object-fit:cover;min-height:0}
 .mo-discount{font-size:10px;bottom:9px}
 .mo-best-seller{font-size:10px;bottom:9px}
 .mo-card:has(.mo-discount) .mo-best-seller{bottom:34px}
 .mo-discount-inline{font-size:10px;padding:4px 5px}
 .mo-sold-count{font-size:10px}
}

/* v1.7.1 — approved Ofertas Matrix variation 5 compact header logo */
.mo-logo-image{display:flex;align-items:center;width:240px;height:70px;overflow:hidden}
.mo-logo-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 5px 10px rgba(0,0,0,.28))}
@media(max-width:1100px){.mo-logo-image{width:215px;height:64px}}
@media(max-width:760px){.mo-logo-image{width:132px;height:52px}.mo-logo-image img{object-fit:contain}}

/* v1.8.0 — banner master frame: 1600×500, no crop, centered on desktop and mobile. */
.mo-campaign-hero{aspect-ratio:16/5;height:auto;min-height:0;background:#071b32;border-radius:14px}
.mo-campaign-slides{height:100%;min-height:0}
.mo-campaign-slide,.mo-campaign-slide.is-active{height:100%}
.mo-campaign-slide picture{display:block;width:100%;height:100%}
.mo-campaign-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center center;background:#071b32;border-radius:inherit}
@media(max-width:760px){
 .mo-campaign-hero{margin:0 8px 18px;aspect-ratio:16/5;min-height:0;border-radius:12px}
 .mo-campaign-slides,.mo-campaign-slide,.mo-campaign-slide.is-active,.mo-campaign-slide picture{height:100%;min-height:0}
 .mo-campaign-slide img{width:100%;height:100%;object-fit:contain;object-position:center center}
}


/* Matrix Ofertas 1.8.3 — two independent campaign positions */
.mo-campaign-heading{max-width:1400px;margin:28px auto 10px;padding:0 12px;}
.mo-campaign-heading h2{margin:0;color:#fff;font-size:clamp(18px,2vw,25px);font-weight:900;}
.mo-campaign-hero + .mo-campaign-heading{margin-top:26px;}
@media (max-width:760px){.mo-campaign-heading{margin:20px 8px 8px;padding:0 4px}.mo-campaign-heading h2{font-size:18px}}