/* Temporário: para voltar à versão normal, usar data-theme="normal" no <html>. */
html[data-theme="halloween"]{--halloween-ink:#160d1d;--halloween-orange:#ff9b45;--halloween-purple:#ac86d4;scrollbar-color:#ff9b45 #160d1d}
html[data-theme="halloween"] body{background:var(--halloween-ink)}
html[data-theme="halloween"] .normal-only{display:none}
html[data-theme="halloween"] .seasonal-only{display:block}
html[data-theme="halloween"] .brand,html[data-theme="halloween"] .delivery-logo{position:relative}
html[data-theme="halloween"] .site-header{padding-top:clamp(38px,4.8svh,60px)}
html[data-theme="halloween"] .hero{background:var(--halloween-ink)}
html[data-theme="halloween"] .hero-media img{filter:saturate(.78)}
html[data-theme="halloween"] .hero-shade{background:linear-gradient(90deg,#160b22e6 0%,#160b2294 28%,#160b2220 61%),linear-gradient(180deg,#1c0c293d,transparent 38%,#190a26a1)}
html[data-theme="halloween"] .hero h1{font-size:clamp(46px,4vw,76px);max-width:62%;line-height:1.07}
html[data-theme="halloween"] .hero h1 .pink{font-style:normal}
html[data-theme="halloween"] .hero-copy{padding-top:84px}
html[data-theme="halloween"] .hero-copy p.halloween-tag{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:9px 15px;border:1px solid #ff9b4561;border-radius:50px;font-size:11px;letter-spacing:.15em;font-weight:800;color:#ffb369;background:#27132bbb;line-height:1}
html[data-theme="halloween"] .halloween-tag svg{width:19px;height:19px;stroke-width:1.5}
html[data-theme="halloween"] .hero-copy>p:not(.halloween-tag){margin-top:35px}
html[data-theme="halloween"] .hero-copy .button{box-shadow:0 0 35px #ec176b54,0 0 60px #ff9b4515}
html[data-theme="halloween"] .halloween-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;color:#160b22}
.halloween-atmosphere .corner-web{position:absolute;top:-1px;right:0;width:clamp(110px,17vw,290px);height:auto;aspect-ratio:1/1;transform:scaleX(-1);stroke:#ffdfb5;stroke-width:.6;opacity:.32}
.halloween-atmosphere .flying-bat{position:absolute;fill:currentColor;stroke:none;height:auto;aspect-ratio:100/48;filter:drop-shadow(0 1px 2px #ff9b4530);animation:bat-drift 5s ease-in-out infinite}
.halloween-atmosphere .bat-one{width:66px;top:25%;left:39%;transform:rotate(-15deg)}
.halloween-atmosphere .bat-two{width:43px;top:20%;right:10%;transform:rotate(13deg);animation-delay:-2s}
.halloween-moon{position:absolute;width:70px;height:70px;right:31%;top:8%;border-radius:50%;box-shadow:-14px 4px 0 -5px #ffe4b169;transform:rotate(-20deg);opacity:.65}
@keyframes bat-drift{50%{translate:0 -9px}}
html[data-theme="halloween"] .flavors{background:radial-gradient(ellipse at 100% 0%,#efddec 0%,transparent 42%),#fff1e2}
html[data-theme="halloween"] .flavors-web{position:absolute;left:0;top:0;width:clamp(90px,12vw,190px);height:auto;aspect-ratio:1/1;stroke:#704755;stroke-width:.65;opacity:.16;pointer-events:none;z-index:-1}
html[data-theme="halloween"] .flavors-copy .section-season-label{display:flex;align-items:center;gap:8px;color:#8c4c20;font-size:10px;letter-spacing:.07em;font-weight:800;line-height:1.2;margin:0 0 23px}
html[data-theme="halloween"] .section-season-label svg{width:23px;height:23px;stroke-width:1.5}
html[data-theme="halloween"] .flavor-price{background:#ff9b4521;border-color:#e88f465c;color:#7a341a}
html[data-theme="halloween"] .flavor:hover .flavor-price{background:#ff9b4540}
html[data-theme="halloween"] .experience-shade{background:linear-gradient(90deg,#160b22d4 0%,#160b2280 28%,transparent 50%,#160b2240 65%,#160b22c9 100%)}
html[data-theme="halloween"] .little-swoosh{border-color:var(--halloween-orange)}
html[data-theme="halloween"] .qualities svg{color:#ffd4a7}
html[data-theme="halloween"] .moments-shade{background:linear-gradient(90deg,transparent 29%,#160b2226 46%,#160b22ed 75%,#160b22 100%)}
html[data-theme="halloween"] .moments{background:var(--halloween-ink)}
html[data-theme="halloween"] .testimonials{background:radial-gradient(ellipse at 0 100%,#f0dcec,transparent 65%),#fff1e2}
html[data-theme="halloween"] .review{border-color:#ad82a025;background:#fffaf64a}
html[data-theme="halloween"] .stars{color:#d66820}
html[data-theme="halloween"] .delivery-swoosh{border-color:var(--halloween-orange)}
html[data-theme="halloween"] .delivery-web{position:absolute;right:0;top:0;width:200px;height:200px;transform:scaleX(-1);stroke:#ffb970;stroke-width:.6;opacity:.4;pointer-events:none;z-index:-1}
html[data-theme="halloween"] dialog::backdrop{background:#14091dd1}
html[data-theme="halloween"] .dialog-kicker{color:#925020}
@media(pointer:fine){
  html[data-theme="halloween"],html[data-theme="halloween"] body{cursor:url('assets/halloween/cursor-osso.png') 14 2,url('assets/halloween/cursor-osso.svg') 13 2,auto}
  html[data-theme="halloween"] a,html[data-theme="halloween"] button{cursor:url('assets/halloween/cursor-osso.png') 14 2,url('assets/halloween/cursor-osso.svg') 13 2,pointer}
}
@media(min-width:701px) and (max-aspect-ratio:1/1){
  html[data-theme="halloween"] .hero-copy{padding-top:0;padding-bottom:125px}
  html[data-theme="halloween"] .hero h1{font-size:56px;max-width:100%}
  html[data-theme="halloween"] .flavors-copy{position:relative}
  html[data-theme="halloween"] .flavors-copy .section-season-label{position:absolute;left:0;top:-36px;font-size:9px;gap:6px;margin:0}
  html[data-theme="halloween"] .section-season-label svg{width:20px;height:20px}
  html[data-theme="halloween"] .moments-shade{background:linear-gradient(0deg,#160b22 0%,#160b22f5 21%,transparent 68%)}
}
@media(max-width:700px){
  html[data-theme="halloween"] .site-header{padding-top:31px}
  html[data-theme="halloween"] .hero h1{font-size:clamp(35px,9.4vw,56px);max-width:100%;line-height:1.04}
  html[data-theme="halloween"] .hero-copy{padding-top:0;padding-bottom:104px}
  html[data-theme="halloween"] .hero-copy p.halloween-tag{font-size:8px;letter-spacing:.12em;padding:7px 11px;gap:6px;margin-bottom:21px}
  html[data-theme="halloween"] .halloween-tag svg{width:15px;height:15px}
  html[data-theme="halloween"] .hero-copy>p:not(.halloween-tag){margin-top:27px}
  html[data-theme="halloween"] .hero-copy .button{margin-top:22px}
  html[data-theme="halloween"] .hero-shade{background:linear-gradient(0deg,#160b22f2,#160b22b3 27%,#160b222b 65%,#160b2233)}
  .halloween-atmosphere .bat-one{width:38px;top:17%;left:46%}
  .halloween-atmosphere .bat-two{width:28px;top:22%;right:10%}
  .halloween-moon{width:52px;height:52px;top:8%;right:24%;box-shadow:-12px 3px 0 -3px #ffe4b182}
  .halloween-atmosphere .corner-web{width:115px}
  html[data-theme="halloween"] .flavors-copy{position:relative}
  html[data-theme="halloween"] .flavors-copy .section-season-label{position:absolute;top:-23px;left:0;font-size:7px;letter-spacing:.04em;gap:5px;margin:0}
  html[data-theme="halloween"] .section-season-label svg{width:15px;height:15px}
  html[data-theme="halloween"] .flavors-layout{padding-top:57px}
  html[data-theme="halloween"] .experience-shade{background:linear-gradient(0deg,#160b22ed,transparent 40%,transparent 52%,#160b22db)}
  html[data-theme="halloween"] .moments-shade{background:linear-gradient(0deg,#160b22 0%,#160b22 20%,#160b22c9 35%,transparent 68%)}
  html[data-theme="halloween"] .delivery-web{width:130px;height:130px}
}
@media(max-width:380px){
  html[data-theme="halloween"] .hero-copy{padding-bottom:92px}
  html[data-theme="halloween"] .hero h1{font-size:34px}
  html[data-theme="halloween"] .hero-copy p.halloween-tag{margin-bottom:18px}
  html[data-theme="halloween"] .hero-copy>p:not(.halloween-tag){margin-top:23px}
  html[data-theme="halloween"] .flavors-layout{padding-top:42px}
}
@media(max-height:620px) and (min-width:701px){
  html[data-theme="halloween"] .site-header{padding-top:26px}
  html[data-theme="halloween"] .hero-copy{padding-top:65px}
  html[data-theme="halloween"] .hero h1{font-size:40px}
  html[data-theme="halloween"] .hero-copy p.halloween-tag{margin-bottom:17px;padding:6px 11px;font-size:8px;gap:6px}
  html[data-theme="halloween"] .halloween-tag svg{width:15px;height:15px}
  html[data-theme="halloween"] .hero-copy>p:not(.halloween-tag){margin-top:22px;font-size:15px}
  html[data-theme="halloween"] .hero-copy .button{margin-top:19px;min-height:43px}
  html[data-theme="halloween"] .flavors-copy .section-season-label{font-size:7px;margin-bottom:15px;gap:5px}
  html[data-theme="halloween"] .section-season-label svg{width:17px;height:17px}
}
@media(max-width:700px) and (max-height:620px) and (orientation:landscape){
  html[data-theme="halloween"] .site-header{padding-top:20px}
  html[data-theme="halloween"] .hero-copy{padding-top:75px;padding-bottom:43px}
  html[data-theme="halloween"] .hero h1{font-size:32px}
  html[data-theme="halloween"] .hero-copy p.halloween-tag{font-size:7px;margin-bottom:15px;padding:5px 8px}
  html[data-theme="halloween"] .hero-copy>p:not(.halloween-tag){margin-top:16px;font-size:12px}
  html[data-theme="halloween"] .hero-copy .button{margin-top:15px;min-height:36px}
  html[data-theme="halloween"] .flavors-layout{padding-top:35px}
  html[data-theme="halloween"] .moments-shade{background:linear-gradient(90deg,transparent,#160b22ef 75%)}
}
@media(prefers-reduced-motion:reduce){html[data-theme="halloween"] .flying-bat{animation:none}}