/* MZ Code • V7 / Vitrine de campanhas - layout inspirado em plataformas modernas
 * Apenas interface pública. Identidade visual e dados são os da marca instalada.
 * Última folha de estilos: sobrepõe os estilos legados sem modificar processos de compra.
 */
:root{--mz7-ink:#16171b;--mz7-muted:#6e7380;--mz7-surface:#fff;--mz7-bg:#f5f6f8;--mz7-line:#e8e9ee;--mz7-radius:18px;--mz7-soft:color-mix(in srgb,var(--brand) 9%,white)}
html{scroll-behavior:smooth}
body.customer-body{background:var(--mz7-bg)!important;color:var(--mz7-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body.customer-body .app-header{background:#15161a!important;border-bottom:1px solid #292a2f!important;box-shadow:0 4px 16px rgba(0,0,0,.12)!important;position:relative;z-index:12}
body.customer-body .header-row{width:min(100% - 32px,1120px);max-width:1120px!important;min-height:76px!important;gap:24px}
body.customer-body .brand{font-size:22px!important;color:#fff!important;letter-spacing:-.045em!important}
body.customer-body .brand-text-only{color:#fff!important}
body.customer-body .brand-logo{max-width:200px;max-height:54px;object-fit:contain}
body.customer-body .desktop-nav{display:flex;align-items:center;gap:6px}
body.customer-body .desktop-nav a{color:#cdd0d8!important;font-size:13px!important;font-weight:700!important;padding:11px 13px;border-radius:10px;transition:.2s}
body.customer-body .desktop-nav a:hover,body.customer-body .desktop-nav a.is-active{background:#282a31;color:#fff!important}
body.customer-body .desktop-nav a.nav-cta{background:var(--brand)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 5px 14px color-mix(in srgb,var(--brand) 25%,transparent);margin-left:8px}
body.customer-body .mobile-access-btn,body.customer-body .mobile-account-pill{background:var(--brand)!important;color:white!important;border:0!important;border-radius:11px!important}
body.customer-body .raffle-modern-container{width:min(100% - 36px,1060px)!important}
body.customer-body .raffle-modern-home{padding:24px 0 64px;background:transparent!important}
/* Cabeçalho de descoberta e filtros funcionais por âncora */
.mz7-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 27px;background:#fff;border:1px solid var(--mz7-line);border-radius:20px;margin-bottom:19px;overflow:hidden;box-shadow:0 10px 30px rgba(18,19,25,.035)}
.mz7-intro:after{content:"";position:absolute;right:-60px;top:-75px;height:230px;width:230px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand) 13%,transparent),transparent 70%);pointer-events:none}
.mz7-intro-text{position:relative;z-index:1}
.mz7-intro .mz7-eyebrow{display:inline-flex;gap:6px;align-items:center;background:var(--mz7-soft);color:var(--brand);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;letter-spacing:.015em}
.mz7-intro h1{font-size:31px;letter-spacing:-.045em;line-height:1.13;font-weight:900;margin:12px 0 6px;color:#18191e}
.mz7-intro p{font-size:13px;line-height:1.5;color:#777b85;margin:0}
.mz7-intro .mz7-intro-action{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;color:#fff;background:var(--mz7-ink);padding:12px 16px;border-radius:12px;font-size:12px;font-weight:800;text-decoration:none;box-shadow:0 7px 20px rgba(0,0,0,.08)}
.mz7-tabs{display:flex;gap:8px;margin:0 0 18px;overflow:auto;scrollbar-width:none;padding:1px 1px 5px}
.mz7-tabs::-webkit-scrollbar{display:none}
.mz7-tabs a{border:1px solid #e7e7ec;background:#fff;white-space:nowrap;color:#585c66;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;text-decoration:none;transition:.2s}
.mz7-tabs a:first-child,.mz7-tabs a:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
.mz7-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:2px 0}
.mz7-section-label h2{font-size:21px!important;font-weight:900;margin:0;letter-spacing:-.035em}
.mz7-section-label span{font-size:12px;font-weight:750;color:#81848e}
/* Destaques: imagem dominante à esquerda, compra clara à direita */
body.customer-body .raffle-active-list{gap:18px}
body.customer-body .raffle-main-card{background:#fff;border:1px solid var(--mz7-line)!important;border-radius:20px!important;box-shadow:0 8px 28px rgba(20,20,30,.055)!important;overflow:hidden}
body.customer-body .raffle-main-media{background:#16171b;isolation:isolate;position:relative;min-height:340px!important}
body.customer-body .raffle-main-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(0deg,rgba(0,0,0,.33),transparent);pointer-events:none}
body.customer-body .raffle-main-media img{height:100%;width:100%;object-fit:cover;transition:transform .35s ease}
body.customer-body .raffle-main-media:hover img{transform:scale(1.025)}
body.customer-body .raffle-status-chip{border-radius:100px!important;background:#fff!important;color:#252830!important;box-shadow:0 3px 13px rgba(0,0,0,.12);font-size:10px!important;padding:8px 12px!important;text-transform:none;letter-spacing:0}
body.customer-body .raffle-status-chip.inline{border:1px solid #f3e5ea!important;box-shadow:none}
body.customer-body .raffle-highlight-chip{z-index:1;border-radius:100px!important;background:var(--brand)!important;padding:9px 12px!important;font-size:10px!important}
body.customer-body .raffle-main-content{padding:24px!important;justify-content:center}
body.customer-body .raffle-main-title{display:flex;gap:12px;align-items:flex-start}
body.customer-body .raffle-main-title h2{font-weight:900!important;font-size:24px!important;line-height:1.19!important;letter-spacing:-.045em!important;color:#17181b}
body.customer-body .raffle-main-title p{color:#7b7e86!important;font-size:12px!important;line-height:1.45!important;margin-top:8px}
body.customer-body .raffle-unit-price{background:#faf8f8;flex:0 0 auto;border:1px solid #f0ebeb;border-radius:12px;padding:11px 12px;text-align:right}
body.customer-body .raffle-unit-price small{color:#8a8b91;font-size:10px!important;letter-spacing:0}
body.customer-body .raffle-unit-price strong{color:var(--brand)!important;font-size:25px!important;font-weight:950}
body.customer-body .v6-campaign-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0 11px}
body.customer-body .v6-campaign-facts>div{background:#f7f8fa!important;border:1px solid #edf0f2;border-radius:11px!important;padding:12px!important;min-width:0}
body.customer-body .v6-campaign-facts span{font-size:10px!important;display:block;color:#868992;font-weight:700}
body.customer-body .v6-campaign-facts b{font-size:12px!important;color:#25262a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.customer-body .raffle-progress-wrap>div{height:8px;border-radius:99px;background:#ececf1}
body.customer-body .raffle-progress-wrap>div i{background:linear-gradient(90deg,var(--brand),color-mix(in srgb,var(--brand) 55%,#ffb5ba));border-radius:99px}
body.customer-body .raffle-progress-wrap small{font-size:10px!important;color:#7a7e85;margin-top:7px}
body.customer-body .raffle-inline-buy{border-top:1px solid #e8e9ee;padding-top:14px}
body.customer-body .coupon-inline-v104{margin-bottom:12px}
body.customer-body .coupon-inline-v104 label{font-size:11px;font-weight:800;color:#6c6e76}
body.customer-body .coupon-inline-v104 input{border:1px solid #e2e3e8!important;background:#fff;border-radius:10px!important}
body.customer-body .raffle-quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
body.customer-body .raffle-quick-grid button{background:#f7f8fa;border:1px solid #e7e8ed!important;border-radius:11px!important;min-height:52px!important;padding:8px 4px}
body.customer-body .raffle-quick-grid button:hover,body.customer-body .raffle-quick-grid button:focus-visible{background:var(--mz7-soft);border-color:var(--brand)!important}
body.customer-body .raffle-quick-grid b{font-size:14px!important}
body.customer-body .raffle-quick-grid span{font-size:9px!important}
body.customer-body .raffle-buy-bar{grid-template-columns:minmax(135px,1fr) minmax(0,1.7fr);gap:9px;margin-top:10px}
body.customer-body .raffle-stepper,body.customer-body .raffle-campaign-step{border:1px solid #dfe0e6;border-radius:11px;min-height:53px}
body.customer-body .raffle-stepper button,body.customer-body .raffle-campaign-step button{background:#f2f3f6;color:#24262b}
body.customer-body .raffle-buy-now,body.customer-body .raffle-primary-btn{background:var(--brand)!important;color:white!important;border-radius:11px!important;min-height:53px!important;font-size:13px;font-weight:900;box-shadow:0 7px 18px color-mix(in srgb,var(--brand) 20%,transparent);transition:transform .15s,filter .15s}
body.customer-body .raffle-buy-now:hover,body.customer-body .raffle-primary-btn:hover{filter:brightness(.94);transform:translateY(-1px)}
body.customer-body .raffle-buy-now:disabled,body.customer-body .raffle-primary-btn:disabled{background:#bfc2c8!important;cursor:not-allowed;box-shadow:none}
body.customer-body .raffle-safe-row{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;color:#81848b;font-size:10px!important;margin-top:12px}
body.customer-body .raffle-safe-row b{color:#535762}
/* Navegação rápida e listas secundárias */
body.customer-body .raffle-modern-home .v6-quick-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:20px}
body.customer-body .v6-quick-nav>a{background:#fff;border:1px solid var(--mz7-line)!important;border-radius:15px!important;min-height:74px;padding:12px 10px!important;text-decoration:none;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:0 3px 15px rgba(20,20,25,.025)}
body.customer-body .v6-quick-nav>a span{border-radius:11px!important;background:var(--mz7-soft)!important;color:var(--brand)!important;width:38px!important;height:38px!important;display:grid;place-items:center;font-size:20px!important}
body.customer-body .v6-quick-nav>a b{font-size:12px!important;color:#333741!important}
body.customer-body .raffle-home-section{margin-top:32px!important}
body.customer-body .raffle-section-head{margin-bottom:13px}
body.customer-body .raffle-section-head h2{font-weight:900!important;font-size:21px!important;letter-spacing:-.035em}
body.customer-body .raffle-section-head a{font-size:12px!important}
body.customer-body .raffle-winner-list{gap:12px!important}
body.customer-body .raffle-winner-list article{border:1px solid var(--mz7-line)!important;border-radius:15px!important;box-shadow:0 4px 15px rgba(0,0,0,.025)!important;padding:13px!important;gap:12px!important}
body.customer-body .raffle-winner-list img,body.customer-body .raffle-winner-placeholder{height:52px;width:52px;border-radius:50%!important;background:var(--mz7-soft);color:var(--brand);font-size:19px}
body.customer-body .raffle-winner-list b{font-size:12px!important;color:#25272c}
body.customer-body .raffle-winner-list small{font-size:10px!important;margin-top:3px}
body.customer-body .raffle-winner-list em{font-size:9px!important;color:var(--brand)!important}
body.customer-body .status-large-card,body.customer-body .completed-active-style-card{border:1px solid var(--mz7-line)!important;border-radius:16px!important;box-shadow:0 6px 18px rgba(20,20,30,.03)!important;overflow:hidden;background:#fff}
body.customer-body .raffle-empty-box{border:1px dashed #cfd0d7;border-radius:18px;padding:40px;background:#fff;color:#82858c}
body.customer-body .v6-feature-surface,body.customer-body .campaign-extra-card{border:1px solid var(--mz7-line)!important;border-radius:17px!important;background:white;box-shadow:0 6px 18px rgba(20,20,30,.025)!important}
/* Página individual, apresentação e caixa de compra */
body.customer-body .raffle-campaign-page{padding-top:23px}
body.customer-body .raffle-campaign-card{border-radius:20px!important;border:1px solid var(--mz7-line)!important;box-shadow:0 9px 30px rgba(20,20,30,.05);grid-template-columns:1.02fr .98fr}
body.customer-body .raffle-campaign-gallery{padding:13px;border-color:#edeef1}
body.customer-body .raffle-gallery-main{border-radius:14px;overflow:hidden;background:#17191f}
body.customer-body .raffle-campaign-info{padding:26px}
body.customer-body .raffle-campaign-info h1{font-size:30px!important;line-height:1.15;letter-spacing:-.045em;font-weight:900}
body.customer-body .raffle-campaign-info>p{font-size:13px!important;line-height:1.6;color:#777a83}
body.customer-body .raffle-campaign-meta>div{background:#f8f9fb;border:1px solid #eceef1;border-radius:11px;padding:13px}
body.customer-body .raffle-campaign-meta small{font-size:10px;color:#777b86}
body.customer-body .raffle-campaign-meta b{font-size:15px}
body.customer-body .raffle-campaign-quick{gap:7px}
body.customer-body .raffle-campaign-quick button{border-radius:11px;min-height:55px;background:#f7f8fa;border-color:#e7e8ed}
body.customer-body .raffle-guarantee{margin-top:9px}
body.customer-body .client-trust-strip{border:1px solid var(--mz7-line)!important;background:#fff!important;border-radius:14px!important}
body.customer-body .raffle-accordion details{background:#fff;border:1px solid var(--mz7-line)!important;border-radius:15px!important;overflow:hidden}
body.customer-body .client-page-hero{background:#fff;border:1px solid var(--mz7-line);border-radius:16px;padding:20px;margin-bottom:16px}
body.customer-body .raffle-public-winners article{background:#fff;border-color:var(--mz7-line)!important;border-radius:16px!important}
/* Rodapé e navegação no aplicativo */
body.customer-body .mz-footer-v621{background:#191a1f!important;color:#b7b9c0;border:0!important}
body.customer-body .mz-footer-v621 .mz-footer-inner{max-width:1060px}
body.customer-body .bottom-nav{background:rgba(255,255,255,.98)!important;border-top:1px solid #e6e7eb!important;box-shadow:0 -4px 22px rgba(20,20,30,.06)!important;backdrop-filter:blur(12px)}
body.customer-body .bottom-nav a.is-active{color:var(--brand)!important}
body.customer-body .bottom-nav a.is-active b{color:var(--brand)!important}
body.customer-body .bottom-nav a{font-size:11px!important}
/* Ajustes: CSS legado inclui regras !important e layouts móveis heterogêneos */
@media(min-width:901px){
 body.customer-body .raffle-main-card{display:grid;grid-template-columns:1.12fr .88fr}
 body.customer-body .raffle-main-media{aspect-ratio:auto!important;min-height:440px!important;height:100%}
 body.customer-body .raffle-modern-home .v6-quick-nav>a{min-height:78px}
}
@media(max-width:900px){
 body.customer-body .header-row{min-height:67px!important;width:min(100% - 24px,1060px)}
 body.customer-body .raffle-modern-container{width:min(100% - 24px,1060px)!important}
 body.customer-body .raffle-main-media{min-height:0!important;aspect-ratio:16/10!important}
 body.customer-body .raffle-main-content{padding:20px!important}
 body.customer-body .raffle-campaign-card{grid-template-columns:1fr}
 body.customer-body .raffle-campaign-gallery{border-right:0;border-bottom:1px solid #eee}
 body.customer-body .raffle-winner-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 body.customer-body .raffle-modern-home{padding:13px 0 92px}
 body.customer-body .raffle-modern-container{width:min(100% - 20px,1060px)!important}
 .mz7-intro{padding:18px 17px 17px;margin-bottom:14px;border-radius:17px}
 .mz7-intro h1{font-size:24px;margin:8px 0 4px}
 .mz7-intro p{font-size:11px}
 .mz7-intro .mz7-intro-action{display:none}
 .mz7-tabs{gap:6px;margin-bottom:14px}
 .mz7-tabs a{padding:9px 12px;font-size:11px}
 .mz7-section-label h2{font-size:18px!important}
 .mz7-section-label span{font-size:10px}
 body.customer-body .raffle-modern-home .v6-quick-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:17px}
 body.customer-body .v6-quick-nav>a{min-width:0;min-height:72px!important;padding:8px 2px!important;border-radius:12px!important;display:flex;flex-direction:column;gap:4px}
 body.customer-body .v6-quick-nav>a span{width:31px!important;height:31px!important;font-size:16px!important;border-radius:9px!important}
 body.customer-body .v6-quick-nav>a b{font-size:9px!important;text-align:center}
 body.customer-body .raffle-main-card{border-radius:16px!important}
 body.customer-body .raffle-main-media{aspect-ratio:1/1!important;min-height:0!important}
 body.customer-body .raffle-main-content{padding:16px!important}
 body.customer-body .raffle-main-title{gap:7px}
 body.customer-body .raffle-main-title h2{font-size:19px!important}
 body.customer-body .raffle-main-title p{font-size:11px!important}
 body.customer-body .raffle-unit-price{padding:7px 9px;border-radius:9px}
 body.customer-body .raffle-unit-price strong{font-size:19px!important}
 body.customer-body .raffle-unit-price small{font-size:8px!important}
 body.customer-body .v6-campaign-facts{gap:6px;margin-top:12px}
 body.customer-body .v6-campaign-facts>div{padding:9px 6px!important;border-radius:9px!important}
 body.customer-body .v6-campaign-facts span{font-size:9px!important}
 body.customer-body .v6-campaign-facts b{font-size:10px!important}
 body.customer-body .raffle-quick-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
 body.customer-body .raffle-quick-grid button{min-height:45px!important;padding:5px 2px}
 body.customer-body .raffle-buy-bar{grid-template-columns:minmax(110px,.9fr) minmax(0,1.5fr)!important;gap:7px}
 body.customer-body .raffle-buy-now{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:12px!important;padding:8px 3px}
 body.customer-body .raffle-buy-now small{font-size:10px}
 body.customer-body .raffle-safe-row{font-size:9px!important}
 body.customer-body .raffle-winner-list{grid-template-columns:1fr}
 body.customer-body .raffle-winner-list article{padding:11px!important}
 body.customer-body .raffle-section-head h2{font-size:19px!important}
 body.customer-body .raffle-campaign-info{padding:17px}
 body.customer-body .raffle-campaign-info h1{font-size:23px!important}
 body.customer-body .raffle-campaign-gallery{padding:8px}
 body.customer-body .raffle-campaign-page{padding-top:12px}
 body.customer-body .v6-mobile-sticky-buy{bottom:75px;z-index:15}
 body.customer-body .bottom-nav{z-index:16}
}
@media(max-width:370px){body.customer-body .raffle-unit-price strong{font-size:16px!important}.mz7-intro h1{font-size:22px}body.customer-body .raffle-safe-row span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}