/* Variante 2. A variante aprovada permanece em halloween.css. */
.halloween-preview-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:16px; padding:22px; background:#20152d; border-top:1px solid #99614a; color:#fff4e8; font:14px var(--font-body,sans-serif); }
.halloween-preview-bar label { display:flex; align-items:center; gap:10px; }
.halloween-preview-bar select { background:#382442; border:1px solid #ad88bd; border-radius:8px; color:#fff; padding:10px; max-width:100%; }
html[data-halloween-variant="bruxa"] .halloween-v2-ornament { display:flex; align-items:center; justify-content:center; gap:24px; max-width:1200px; margin:0 auto; padding:10px 20px; min-height:124px; }
.halloween-v2-pumpkin { width:110px; height:95px; object-fit:contain; filter:drop-shadow(0 0 12px #ff67005c); animation:pumpkin-breathe 4s ease-in-out infinite; transition:filter .25s; }
.halloween-v2-pumpkin:hover { filter:drop-shadow(0 0 23px #ff7a00c0) brightness(1.15); }
.halloween-v2-season { color:#d4ecaa; font-size:.74rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.halloween-v2-bats { width:110px; color:#ad86bd; opacity:.65; }
.halloween-v2-bats svg { width:100%; height:auto; fill:currentColor; }
.halloween-v2-intro { position:fixed; inset:0; z-index:600; pointer-events:none; overflow:hidden; }
.halloween-v2-mist { position:absolute; inset:0; background:url('../img/halloween-mist.svg') center / 150% 100% no-repeat; opacity:0; animation:witch-mist 6.8s ease both; }
.halloween-v2-flight { position:absolute; top:25%; left:0; width:clamp(210px,28vw,380px); animation:witch-flight 6.5s .2s ease-in-out both; filter:drop-shadow(0 0 12px #cda4e66b); }
.halloween-v2-flight img { display:block; width:100%; height:auto; position:relative; }
.halloween-v2-trail { position:absolute; right:70%; top:45%; width:160%; height:90%; background:url('../img/halloween-mist.svg') center / 100% 100% no-repeat; opacity:.65; }
.halloween-v2-controls { position:absolute; right:18px; bottom:100px; display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; pointer-events:auto; max-width:calc(100% - 36px); }
.halloween-v2-controls button { padding:10px 16px; min-height:44px; border-radius:24px; background:#21152ef0; border:1px solid #d1a3e4; color:#fff4eb; font-size:13px; box-shadow:0 4px 18px #0006; }
.halloween-v2-controls .halloween-v2-sound { background:#ff7900; color:#1c0b24; border-color:#ff7900; font-weight:700; }
html[data-halloween-variant="bruxa"] :is(.halloween-pet,.halloween-section-spider) { opacity:.65; }
@keyframes pumpkin-breathe { 50% { filter:drop-shadow(0 0 20px #ff79008c) brightness(1.08); } }
@keyframes witch-mist { 0%,100% { opacity:0; transform:translateX(-8%); } 20%,50% { opacity:.62; } 80% { opacity:.22; transform:translateX(10%); } }
@keyframes witch-flight { 0% { transform:translate(-420px,60px) rotate(-8deg); } 35% { transform:translate(32vw,-25px) rotate(4deg); } 65% { transform:translate(65vw,25px) rotate(-5deg); } 100% { transform:translate(calc(100vw + 400px),-70px) rotate(-12deg); } }
@media (max-width:1300px) { html[data-halloween-variant="bruxa"] .halloween-pet { display:none; } }
@media (max-width:600px) { .halloween-v2-pumpkin { width:80px; height:70px; } .halloween-v2-bats { width:55px; } .halloween-v2-season { font-size:.58rem; letter-spacing:.07em; max-width:115px; } html[data-halloween-variant="bruxa"] .halloween-v2-ornament { gap:12px; min-height:90px; } .halloween-v2-flight { top:30%; } }
@media (prefers-reduced-motion:reduce) { .halloween-v2-pumpkin { animation:none; transition:none; } .halloween-v2-intro { display:none; } }
@media print { .halloween-preview-bar,.halloween-v2-intro,.halloween-v2-ornament { display:none!important; } }
.halloween-preview-bar > button { min-height:44px; padding:10px 16px; background:#ff7900; color:#1c0b24; font-weight:700; border-radius:8px; }