@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&family=UnifrakturCook:wght@700&display=swap'); /* Temas cadastráveis no painel. A classe é aplicada no elemento . */ html[class*="tema-"] .filter-field:focus-within{border-color:var(--ember);box-shadow:0 0 0 2px color-mix(in srgb,var(--ember) 15%,transparent)} html[class*="tema-"] .filter-field select:focus-visible{outline:none} .tema-natal{--ember:#b51f2e;--ember-dark:#861722;--copper:#b68a3a;--gold:#f2d28a;--sage:#315f43} .tema-natal .hero{background:radial-gradient(circle at 74% 40%,#3e2020 0,#17110f 34%,#07130d 72%)} .tema-natal .marquee{background:#8b1722;border-color:#d3a84e} .tema-natal .hero::after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;opacity:.26;background-image:radial-gradient(circle,#fff 0 1.5px,transparent 2px);background-size:54px 54px} .tema-ano-novo{--ember:#b98727;--ember-dark:#74520f;--copper:#caa95e;--gold:#fff0ad;--sage:#4f5c67} .tema-ano-novo .hero{background:radial-gradient(circle at 74% 40%,#3b3526 0,#151515 38%,#08090b 72%)} .tema-ano-novo .marquee{color:#fff5c5;background:#796021;border-color:#e5ca75} .tema-pascoa{--ember:#9a577d;--ember-dark:#713858;--copper:#ba7e62;--gold:#f2c9a5;--sage:#657a4b} .tema-pascoa .hero{background:radial-gradient(circle at 74% 40%,#523444 0,#21151d 36%,#120d11 72%)} .tema-pascoa .marquee{background:#78405f;border-color:#d79bbd} .tema-dia-das-maes{--ember:#c94f6c;--ember-dark:#96344d;--copper:#c47c75;--gold:#f4c4b6;--sage:#687b54} .tema-dia-das-maes .hero{background:radial-gradient(circle at 74% 40%,#572d38 0,#211419 36%,#110b0e 72%)} .tema-dia-das-maes .marquee{background:#a73d59;border-color:#ed9caf} .tema-dia-dos-namorados{--ember:#bd263e;--ember-dark:#7d1528;--copper:#b75d69;--gold:#f0b5bd;--sage:#66514e} .tema-dia-dos-namorados .hero{background:radial-gradient(circle at 74% 40%,#561d2b 0,#211016 36%,#10080b 72%)} .tema-dia-dos-namorados .marquee{background:#8c1c31;border-color:#dc6c80} .tema-dia-das-criancas{--ember:#ff4f64;--ember-dark:#d92e51;--copper:#ff8a34;--gold:#ffd84d;--sage:#65bd55;--cream:#fff5cf;--paper:#fffdf4;--ink:#30264f;--muted:#75688f;--line:#e3c9e7} .tema-dia-das-criancas body{background:linear-gradient(180deg,#fff7d8 0,#fffdf4 38%,#eefaff 100%);font-family:"Nunito","DM Sans",sans-serif} .tema-dia-das-criancas h1,.tema-dia-das-criancas h2,.tema-dia-das-criancas h3,.tema-dia-das-criancas .brand>span{font-family:"Baloo 2","DM Sans",sans-serif;letter-spacing:-.025em} .tema-dia-das-criancas .topbar{color:#fff;background:#5b3da4;border-bottom-color:#ffd84d}.tema-dia-das-criancas .topbar span:last-child{color:#fff4bd}.tema-dia-das-criancas .topbar i{background:#ffd84d;box-shadow:0 0 10px #ffd84d} .tema-dia-das-criancas .site-header{background:rgba(255,253,244,.94);border-bottom-color:rgba(91,61,164,.14)}.tema-dia-das-criancas .site-header.is-scrolled{background:rgba(255,253,244,.98);box-shadow:0 10px 35px rgba(91,61,164,.12)} .tema-dia-das-criancas .brand img{width:72px;height:72px}.tema-dia-das-criancas .brand b{color:#ff4f64}.tema-dia-das-criancas .brand small{color:#75688f} .tema-dia-das-criancas .hero{background:radial-gradient(circle at 78% 32%,#5f3f9f 0,#32265d 32%,#17234d 68%,#11183b 100%)} .tema-dia-das-criancas .hero::before{opacity:.42;background-image:radial-gradient(circle,#ffd84d 0 3px,transparent 3.5px),radial-gradient(circle,#46c9ed 0 4px,transparent 4.5px),radial-gradient(circle,#ff6e9f 0 3px,transparent 3.5px);background-position:0 0,31px 24px,68px 9px;background-size:94px 82px;mask-image:linear-gradient(to right,black,transparent 72%)} .tema-dia-das-criancas .hero::after{position:absolute;inset:0;z-index:-1;content:"";pointer-events:none;background:radial-gradient(circle at 12% 20%,rgba(70,201,237,.24),transparent 18%),radial-gradient(circle at 30% 78%,rgba(255,216,77,.2),transparent 20%),radial-gradient(circle at 88% 75%,rgba(255,79,100,.24),transparent 22%)} .tema-dia-das-criancas .hero h1{font-weight:700;line-height:.94}.tema-dia-das-criancas .hero h1 em{color:#ffd84d;font-style:normal}.tema-dia-das-criancas .hero-description{color:#ede8ff}.tema-dia-das-criancas .eyebrow.light{color:#7be4ff}.tema-dia-das-criancas .hero-trust{color:#c6bce5}.tema-dia-das-criancas .hero-trust b{color:#ffd84d} .tema-dia-das-criancas .hero-logo{width:min(100%,620px);filter:drop-shadow(0 28px 35px rgba(8,7,31,.48))}.tema-dia-das-criancas .primary{background:linear-gradient(135deg,#ff4f64,#e72f77);box-shadow:0 12px 30px rgba(255,79,100,.3)}.tema-dia-das-criancas .primary:hover{background:linear-gradient(135deg,#ff7080,#d92e51)} .tema-dia-das-criancas .marquee{color:#30264f;background:linear-gradient(90deg,#ffd84d,#ff9e45 24%,#ff75a7 49%,#72d8ef 74%,#8ee06f);border-color:#fff}.tema-dia-das-criancas .marquee i{color:#fff}.tema-dia-das-criancas .marquee span{font-family:"Baloo 2",sans-serif;font-weight:800} .tema-dia-das-criancas .category-card{background:#fffdf4;border-color:#e3c9e7;box-shadow:0 12px 30px rgba(91,61,164,.08)}.tema-dia-das-criancas .category-card:nth-child(4n+1){--category-accent:#ff6e9f}.tema-dia-das-criancas .category-card:nth-child(4n+2){--category-accent:#46c9ed}.tema-dia-das-criancas .category-card:nth-child(4n+3){--category-accent:#ffb23e}.tema-dia-das-criancas .category-card:nth-child(4n){--category-accent:#72ca5c}.tema-dia-das-criancas .category-card:hover{border-color:var(--category-accent);box-shadow:0 18px 38px color-mix(in srgb,var(--category-accent) 20%,transparent)} .tema-dia-das-criancas .catalog-section{background:rgba(255,253,244,.78)}.tema-dia-das-criancas .product-card{border-color:#e3c9e7;box-shadow:0 12px 32px rgba(91,61,164,.08)}.tema-dia-das-criancas .product-card:hover{border-color:#ff8a34;box-shadow:0 20px 44px rgba(255,138,52,.16)} .tema-dia-das-criancas .occasion-card:nth-child(1){background:linear-gradient(145deg,#fff0f5,#fffdf4);border-color:#ffc4d6}.tema-dia-das-criancas .occasion-card:nth-child(2){background:linear-gradient(145deg,#ebfaff,#fffdf4);border-color:#afeafb}.tema-dia-das-criancas .occasion-card:nth-child(3){background:linear-gradient(145deg,#f2ffe9,#fffdf4);border-color:#c1edae} .tema-dia-das-criancas footer{background:#30264f}.tema-dia-das-criancas .footer-brand img{filter:drop-shadow(0 12px 20px rgba(0,0,0,.3))} .tema-festa-junina{--ember:#d65a1f;--ember-dark:#9c3710;--copper:#c68a2d;--gold:#ffd36d;--sage:#50713b} .tema-festa-junina .hero{background:radial-gradient(circle at 74% 40%,#563319 0,#21160e 38%,#100b08 72%)} .tema-festa-junina .marquee{background:#a94216;border-color:#f0a83d} /* Oktoberfest — azul e branco bávaro, madeira, latão e detalhes de tenda. */ .tema-oktoberfest{--ember:#b32128;--ember-dark:#7c161b;--copper:#9b5a27;--gold:#f2bd4f;--sage:#23669f;--cream:#f4f8f7;--paper:#fffdf8;--ink:#26384b;--muted:#687686;--line:#c7d7e5} .tema-oktoberfest body{background-color:#f7f2e8;background-image:linear-gradient(135deg,rgba(18,116,181,.055) 25%,transparent 25%),linear-gradient(225deg,rgba(18,116,181,.055) 25%,transparent 25%),linear-gradient(45deg,rgba(18,116,181,.055) 25%,transparent 25%),linear-gradient(315deg,rgba(18,116,181,.055) 25%,#f7f2e8 25%);background-position:18px 0,18px 0,0 0,0 0;background-size:36px 36px} .tema-oktoberfest h1,.tema-oktoberfest h2{font-family:"UnifrakturCook","Playfair Display",serif;font-weight:700;letter-spacing:.015em}.tema-oktoberfest h3{font-family:"Playfair Display",serif} .tema-oktoberfest .topbar{color:#fff;background:#075c9b;border-bottom:3px solid #f2bd4f}.tema-oktoberfest .topbar span:last-child{color:#e9f6ff}.tema-oktoberfest .topbar i{background:#f2bd4f;box-shadow:0 0 10px #ffe29a} .tema-oktoberfest .site-header{background:rgba(255,253,248,.95);border-bottom:0;box-shadow:0 7px 0 #b32128,0 10px 0 #fff,0 13px 0 #1274b5}.tema-oktoberfest .site-header.is-scrolled{background:rgba(255,253,248,.98);box-shadow:0 7px 0 #b32128,0 10px 0 #fff,0 13px 0 #1274b5,0 20px 32px rgba(31,64,86,.15)} .tema-oktoberfest .brand b,.tema-oktoberfest .desktop-nav a:hover{color:#075c9b}.tema-oktoberfest .bag-button{border-color:#d7a632}.tema-oktoberfest .bag-count{background:#b32128} .tema-oktoberfest .hero{background:radial-gradient(circle at 75% 42%,rgba(21,117,174,.96) 0,#084d7b 34%,#052b48 70%,#031c30 100%);border-bottom:8px solid #7a421d} .tema-oktoberfest .hero::before{opacity:.25;background-image:linear-gradient(135deg,#fff 25%,transparent 25%),linear-gradient(225deg,#fff 25%,transparent 25%),linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(315deg,#fff 25%,transparent 25%);background-position:24px 0,24px 0,0 0,0 0;background-size:48px 48px;mask-image:linear-gradient(90deg,rgba(0,0,0,.75),transparent 72%)} .tema-oktoberfest .hero::after{position:absolute;inset:16px;z-index:-1;content:"";pointer-events:none;border:3px double rgba(242,189,79,.62);border-radius:18px;box-shadow:inset 0 0 0 5px rgba(122,66,29,.3)} .tema-oktoberfest .hero-copy::before{display:block;width:max-content;margin-bottom:14px;padding:7px 13px;content:"🍺 PROST! 🥨 🛢️ 🎩";color:#40240f;background:#f2bd4f;border:2px solid #fff2bc;border-radius:999px;box-shadow:0 4px 0 #7a421d;font-size:.67rem;font-weight:800;letter-spacing:.15em} .tema-oktoberfest .hero h1{line-height:1.02;text-shadow:0 4px 0 rgba(3,28,48,.35)}.tema-oktoberfest .hero h1 em{color:#ffd877;font-family:inherit;font-style:normal}.tema-oktoberfest .hero-description{color:#e8f4fb}.tema-oktoberfest .eyebrow.light{color:#ffd877}.tema-oktoberfest .hero-trust{color:#bdd9eb}.tema-oktoberfest .hero-trust b{color:#ffd877} .tema-oktoberfest .hero-art::before,.tema-oktoberfest .hero-art::after{position:absolute;z-index:2;display:grid;place-items:center;width:74px;height:74px;background:#fff8e7;border:4px solid #f2bd4f;border-radius:50%;box-shadow:0 8px 0 #7a421d,0 15px 24px rgba(2,24,41,.35);font-size:2.3rem;transform:rotate(-9deg)}.tema-oktoberfest .hero-art::before{top:7%;left:0;content:"🍺"}.tema-oktoberfest .hero-art::after{right:0;bottom:10%;content:"🥨";transform:rotate(9deg)} .tema-oktoberfest .hero-logo{filter:drop-shadow(0 28px 30px rgba(1,19,33,.54))!important}.tema-oktoberfest .primary{color:#38200c;background:linear-gradient(135deg,#ffd66d,#d99a25);border-color:#ffedae;box-shadow:0 7px 0 #7a421d,0 16px 30px rgba(1,28,47,.28)}.tema-oktoberfest .primary:hover{color:#fff;background:linear-gradient(135deg,#a86128,#7a421d);box-shadow:0 5px 0 #4c2912,0 17px 34px rgba(1,28,47,.32)} .tema-oktoberfest .marquee{color:#fff;background-color:#1274b5;background-image:linear-gradient(135deg,rgba(255,255,255,.16) 25%,transparent 25%),linear-gradient(225deg,rgba(255,255,255,.16) 25%,transparent 25%),linear-gradient(45deg,rgba(255,255,255,.16) 25%,transparent 25%),linear-gradient(315deg,rgba(255,255,255,.16) 25%,transparent 25%);background-position:12px 0,12px 0,0 0,0 0;background-size:24px 24px;border-color:#f2bd4f}.tema-oktoberfest .marquee span{font-family:"Playfair Display",serif;font-weight:700}.tema-oktoberfest .marquee i{color:#ffd877} .tema-oktoberfest .categories-section,.tema-oktoberfest .choose-section{position:relative}.tema-oktoberfest .section-heading{padding-bottom:16px;border-bottom:4px double #c99a3d}.tema-oktoberfest .section-heading h2{color:#075c9b} .tema-oktoberfest .category-card{background:rgba(255,253,248,.9);border-color:#c7d7e5;box-shadow:0 6px 0 rgba(122,66,29,.14)}.tema-oktoberfest .category-card:hover{background:#fff;border-color:#1274b5;box-shadow:0 8px 0 rgba(18,116,181,.18);transform:translateY(-5px)} .tema-oktoberfest .catalog-section{background:linear-gradient(rgba(244,248,247,.94),rgba(244,248,247,.94)),repeating-linear-gradient(90deg,#875027 0 14px,#6f3d1d 14px 28px);border-block:7px solid #7a421d}.tema-oktoberfest .product-card{border:2px solid #d8bd83;box-shadow:0 7px 0 rgba(122,66,29,.13)}.tema-oktoberfest .product-card::before{height:4px;background:linear-gradient(90deg,#075c9b,#fff,#075c9b)}.tema-oktoberfest .product-card:hover{border-color:#d7a632;box-shadow:0 10px 0 rgba(122,66,29,.13),0 24px 45px rgba(35,66,90,.13)} .tema-oktoberfest .occasion-card{background:#eaf5fc;border:2px solid #84b8d9}.tema-oktoberfest .occasion-card:nth-child(2){color:#fff;background:linear-gradient(145deg,#885029,#553019);border-color:#f2bd4f}.tema-oktoberfest .occasion-card:nth-child(3){background:#fff4d7;border-color:#e5bd5f}.tema-oktoberfest .occasion-card::before{position:absolute;top:0;right:0;left:0;height:10px;content:"";background:repeating-linear-gradient(90deg,#1274b5 0 20px,#fff 20px 40px,#b32128 40px 60px)} .tema-oktoberfest footer{background:linear-gradient(rgba(40,22,10,.94),rgba(40,22,10,.94)),repeating-linear-gradient(90deg,#78451f 0 24px,#5b3218 24px 48px);border-top:8px double #f2bd4f}.tema-oktoberfest .footer-grid h2{color:#ffd877} @media(max-width:760px){.tema-oktoberfest .hero::after{inset:9px}.tema-oktoberfest .hero-art::before,.tema-oktoberfest .hero-art::after{width:54px;height:54px;border-width:3px;font-size:1.7rem}.tema-oktoberfest .hero-art::before{left:-2px}.tema-oktoberfest .hero-art::after{right:-2px}.tema-oktoberfest .hero-copy::before{font-size:.58rem}} @media(prefers-reduced-motion:reduce){.tema-natal .hero::after{animation:none}}