.promo-contextual .promo-banner-card{grid-template-columns:minmax(360px,1.08fr) minmax(310px,.92fr);overflow:hidden}.promo-cover-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:0;min-height:480px;padding:46px 26px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--promo-accent) 42%,transparent),transparent 48%),linear-gradient(145deg,#0b0713,#21102f)}.promo-cover-stage:before{content:"2 histórias • 1 pagamento";position:absolute;left:22px;top:20px;padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(0,0,0,.38);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.promo-cover{position:relative;width:48%;max-width:205px}.promo-cover img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid rgba(255,255,255,.82);border-radius:18px;box-shadow:0 24px 50px rgba(0,0,0,.6)}.promo-cover span{position:absolute;z-index:2;top:-12px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:999px;background:#fff;color:#17101d;font-size:10px;font-weight:950;text-transform:uppercase;box-shadow:0 7px 20px rgba(0,0,0,.35)}.promo-cover-gift{transform:rotate(5deg) translate(-8px,13px)}.promo-cover-main{z-index:2;transform:rotate(-5deg) translate(8px,-10px)}.promo-cover-gift span{background:linear-gradient(135deg,#facc15,#fb7185)}.promo-cover strong{display:block;margin-top:13px;overflow:hidden;color:#fff;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.promo-plus{z-index:4;display:grid;place-items:center;width:48px;height:48px;margin:0 -10px;border:4px solid #190d26;border-radius:50%;background:var(--promo-accent);font-size:26px;font-weight:950;box-shadow:0 8px 22px rgba(0,0,0,.45)}
.promotion-hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:45px;align-items:center}.promotion-hero-covers{display:flex;align-items:center;justify-content:center;padding-top:40px}.promotion-hero-covers>div{position:relative;width:min(230px,43%)}.promotion-hero-covers img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border:2px solid rgba(255,255,255,.55);border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.62)}.promotion-hero-covers>div:first-child{z-index:2;transform:rotate(-6deg) translateX(13px)}.promotion-hero-covers>div:last-child{transform:rotate(6deg) translateX(-13px)}.promotion-hero-covers span{position:absolute;z-index:3;top:-14px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;border-radius:999px;background:#fff;color:#17101d;font-size:10px;font-weight:950;text-transform:uppercase}.promotion-hero-covers>div:last-child span{background:linear-gradient(135deg,#facc15,#fb7185)}.promotion-hero-covers>b{z-index:5;display:grid;place-items:center;flex:0 0 54px;height:54px;margin:0 -13px;border:5px solid #150b20;border-radius:50%;background:var(--promo-accent);font-size:30px;box-shadow:0 10px 28px rgba(0,0,0,.5)}.promotion-change{display:inline-flex;margin-top:9px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--promo-accent) 65%,#fff);border-radius:9px;background:rgba(236,72,153,.11);color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer}.promotion-change:hover{background:var(--promo-accent)}
.promotion-picker[hidden]{display:none}.promotion-picker{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:18px}.promotion-picker-backdrop{position:absolute;inset:0;border:0;background:rgba(1,2,7,.88);backdrop-filter:blur(10px)}.promotion-picker-dialog{position:relative;width:min(820px,100%);max-height:min(760px,calc(100svh - 32px));overflow:auto;padding:30px;border:1px solid color-mix(in srgb,var(--promo-accent) 70%,#fff);border-radius:25px;background:linear-gradient(145deg,#171122,#090b14);box-shadow:0 35px 110px rgba(0,0,0,.75)}.promotion-picker-dialog h2{margin:8px 0 3px;font-size:32px}.promotion-picker-dialog>p{margin-top:0;color:rgba(255,255,255,.65)}.promotion-picker-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#070911;color:#fff;font-size:24px;cursor:pointer}.promotion-search{display:flex;align-items:center;gap:9px;margin:22px 0;padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#070911}.promotion-search:focus-within{border-color:var(--promo-accent)}.promotion-search span{font-size:23px}.promotion-search input{flex:1;padding:16px 0;border:0;background:transparent;color:#fff;font:inherit;outline:0}.promotion-search-status{padding:20px;color:rgba(255,255,255,.65);text-align:center}.promotion-search-results{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.promotion-result{display:grid;align-content:start;gap:7px;padding:7px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.035);color:#fff;text-align:left;cursor:pointer}.promotion-result:hover{border-color:var(--promo-accent);transform:translateY(-2px)}.promotion-result img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:9px}.promotion-result strong{display:-webkit-box;overflow:hidden;font-size:11px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.promotion-result span{color:#f9a8d4;font-size:10px;font-weight:850}.promotion-picker-open{overflow:hidden}
@media(max-width:760px){.promo-contextual .promo-banner-card{grid-template-columns:1fr}.promo-cover-stage{min-height:245px;padding:32px 30px 17px}.promo-cover{max-width:128px}.promo-cover strong{font-size:10px}.promo-cover-stage:before{left:13px;top:11px;font-size:8px}.promo-plus{width:39px;height:39px;font-size:21px}.promo-contextual .promo-banner-copy{padding-top:17px}.promo-contextual .promo-banner-copy strong{font-size:25px}.promotion-hero-content{display:flex;flex-direction:column-reverse;gap:18px;padding-top:110px}.promotion-hero-covers{width:100%;padding-top:35px}.promotion-hero-covers>div{width:min(170px,40%)}.promotion-hero-covers>b{flex-basis:44px;height:44px;font-size:24px}.promotion-hero h1{font-size:41px}.promotion-search-results{grid-template-columns:repeat(3,minmax(0,1fr))}.promotion-picker-dialog{padding:23px 15px}.promotion-picker-dialog h2{font-size:26px}}