/*==================================================
  HALLOWEEN.CSS  (ofertas-halloween.html)
==================================================*/
:root{--hw-orange:#ff7a1a;--hw-purple:#6d3fb0}
#main{background:
    radial-gradient(900px 520px at 12% -4%,rgba(255,122,26,.2),transparent 60%),
    radial-gradient(800px 620px at 92% 8%,rgba(109,63,176,.32),transparent 60%),
    #140c1c}
.hw-hero{position:relative;overflow:hidden;padding:clamp(140px,17vw,200px) 0 clamp(70px,8vw,110px);text-align:center}
.hw-hero::before{content:"";position:absolute;top:0;right:0;width:min(46vw,420px);aspect-ratio:1;opacity:.35;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='%23fff' stroke-width='1'%3E%3Cpath d='M200 0L0 0M200 0L160 200M200 0L90 170M200 0L30 120M200 0L0 60M200 0L0 0'/%3E%3Cpath d='M200 40Q160 40 150 0M200 80Q140 80 120 0M200 125Q120 120 85 0M200 170Q100 160 50 0'/%3E%3C/svg%3E") no-repeat top right/contain}
.hw-bat{position:absolute;font-size:clamp(1.6rem,3vw,2.6rem);opacity:.75;animation:hw-float 6s ease-in-out infinite}
.hw-bat:nth-of-type(1){top:22%;left:8%}
.hw-bat:nth-of-type(2){top:34%;right:12%;animation-delay:-2s}
.hw-bat:nth-of-type(3){bottom:14%;left:16%;animation-delay:-4s}
@keyframes hw-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
.hw-hero .section-tag{color:var(--hw-orange)}
.hw-hero h1{max-width:900px;margin:0 auto 1.5rem;font-size:clamp(3rem,8vw,6.4rem);line-height:.98}
.hw-hero h1 em{font-style:italic;color:var(--hw-orange)}
.hw-hero .section-description{max-width:620px;margin:0 auto}
.hw-count{display:flex;justify-content:center;gap:clamp(.6rem,2vw,1.25rem);margin:2.5rem 0 .75rem}
.hw-count div{min-width:clamp(68px,12vw,100px);padding:1rem .5rem;border:1px solid rgba(255,122,26,.4);border-radius:18px;background:rgba(255,255,255,.04)}
.hw-count b{display:block;font-family:var(--font-heading);font-size:clamp(1.9rem,4vw,3rem);font-weight:600;line-height:1;color:var(--color-white)}
.hw-count span{font-size:.8rem;color:var(--color-text-muted)}
.hw-until,.hw-ended{margin:0 0 2.25rem;font-size:.95rem;color:var(--color-text-light)}
.hw-section{padding:0 0 clamp(70px,8vw,110px)}
.hw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.hw-card{display:flex;flex-direction:column;padding:2rem;border:1px solid rgba(255,122,26,.35);border-radius:24px;background:rgba(255,255,255,.04);transition:box-shadow .4s ease,transform .4s ease}
.hw-card:hover{transform:translateY(-4px);box-shadow:0 0 40px rgba(255,122,26,.18)}
.hw-badge{align-self:flex-start;margin-bottom:1.5rem;padding:.4rem 1rem;border-radius:999px;background:var(--hw-orange);color:#1a0d00;font-size:.85rem;font-weight:600}
.hw-card h2{margin-bottom:.9rem;font-size:clamp(1.7rem,2.6vw,2.2rem)}
.hw-card p{flex:1;font-size:.98rem;line-height:1.7}
.hw-price{margin:1.5rem 0 .25rem;font-family:var(--font-heading);font-size:2.6rem;font-weight:600;line-height:1;color:var(--color-white)}
.hw-meta{margin-bottom:1.5rem;font-size:.9rem;color:var(--color-text-muted)}
.hw-card .btn{width:100%;justify-content:center}
.hw-more{margin-top:.9rem;text-align:center;font-size:.92rem}
.hw-more a{color:var(--hw-orange);text-decoration:underline;text-underline-offset:3px}
.hw-note{margin-top:2rem;text-align:center;font-size:.9rem;color:var(--color-text-muted)}
.hw-end{padding:clamp(60px,7vw,100px) 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}
.hw-end h2{max-width:720px;margin:0 auto 1.25rem;font-size:clamp(2rem,4vw,3.2rem)}
.hw-end p{max-width:540px;margin:0 auto 2rem}
.hw-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}
.hw-link{display:inline-flex;align-items:center;height:56px;padding:0 1.6rem;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--color-white);transition:background-color .3s ease,color .3s ease}
.hw-link:hover{background:#fff;color:#000}
@media (max-width:992px){.hw-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.hw-bat{animation:none}.hw-card{transition:none}}