:root{
  --hw:#E0670F;
  --hw-ink:#A3470A;
  --hw-2:#F0954E;
  --adh-op:.22;
}

.label--hw{color:var(--hw-ink)}
.s--dark .label--hw{color:var(--hw-2)}
.btn--hw{background:var(--hw);color:var(--black);border-color:var(--hw)}
.btn--hw:hover{background:var(--black);color:var(--bone);border-color:var(--black)}
.fly-cinta--hw{background:var(--hw);color:var(--black)}

.cmp--hw{--cc:#E0670F}
.cmp--hw .cmp-fr span{color:var(--black);text-shadow:none}
.cmp--hw .cmp-kk,.cmp--hw .cmp-nn{color:var(--hw-2)}
.cmp--hw .cmp-ir{color:var(--black)}

.camp-par.camp--espera,.camp-par.camp--despues,.camp-par.camp--cerrada{display:none}
.cmp--par{margin-top:var(--sp-5,20px)}
.cmp-ph{flex:0 0 30%;max-width:240px;position:relative;overflow:hidden;background:#000}
.cmp-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:760px){
  .cmp-ph{flex-basis:32%}
}

.par-fr{display:block;background:var(--black);color:var(--bone);border-bottom:3px solid var(--hw);text-decoration:none}
.par-fr-in{display:flex;align-items:center;gap:6px 12px;min-height:44px;padding-top:6px;padding-bottom:6px;font-size:.78rem;line-height:1.3}
.par-fr-in b{color:var(--hw-2);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.66rem;white-space:nowrap}
.par-fr-in span{flex:1;min-width:0;color:#E9E4DC}
.par-fr-in i{font-style:normal;font-weight:900;color:var(--hw-2);white-space:nowrap}
@media(hover:hover){ .par-fr:hover .par-fr-in i{color:var(--bone)} }
.par-fr.camp--espera,.par-fr.camp--despues,.par-fr.camp--cerrada{display:none}

.ficha-hw{
  position:absolute;top:0;right:0;z-index:3;background:var(--hw);color:var(--black);
  font-size:.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 8px;border-radius:0 0 0 var(--r2);
}
.sf-mk--hw{background:var(--hw);color:var(--black)}
.pan-hw{
  background:var(--black);color:var(--bone);border-left:4px solid var(--hw);border-radius:var(--r2);
  padding:var(--sp-4);margin:var(--sp-4) 0 0;font-size:.82rem;line-height:1.5;
}
.pan-hw b{display:block;font-size:.62rem;font-weight:900;letter-spacing:.16em;
  text-transform:uppercase;margin-bottom:4px;color:var(--hw-2)}

main[data-camp="halloween"] .ph{
  background:
    repeating-linear-gradient(90deg,var(--hw) 0 18px,#111 18px 36px) bottom / 100% 6px no-repeat,
    radial-gradient(ellipse 60% 90% at 88% 0%,rgba(224,103,15,.30),rgba(224,103,15,0) 70%),
    var(--black);
  color:var(--bone);
}
main[data-camp="halloween"] .ph h1{color:var(--bone)}
main[data-camp="halloween"] .ph p{color:#CFC9C0}
main[data-camp="halloween"] .ph .label--red{color:var(--hw-2)}
main[data-camp="halloween"] .camp-f em{color:var(--hw-2)}
main[data-camp="halloween"] .head .label{color:var(--hw-ink)}
main[data-camp="halloween"] .s--dark .head .label,
main[data-camp="halloween"] .s--dark .label{color:var(--hw-2)}
main[data-camp="halloween"] .ficha-cinta{background:rgba(17,17,17,.86);color:var(--hw-2)}
main[data-camp="halloween"] .ficha-sello{background:var(--hw);color:var(--black)}
main[data-camp="halloween"] .ficha-ver{color:var(--hw-ink)}
@media(hover:hover){ main[data-camp="halloween"] .ficha:hover{border-color:var(--hw)} }
main[data-camp="halloween"] .card-n{color:var(--hw-ink)}
main[data-camp="halloween"] .of-li li::before{background:var(--hw)}
main[data-camp="halloween"] .close h2 em{color:var(--hw-2)}
main[data-camp="halloween"] .lnk{border-bottom-color:var(--hw)}
main[data-camp="halloween"] .btn--red,
.pan[id^="pan-hw-"] .btn--red{background:var(--hw);border-color:var(--hw);color:var(--black)}
main[data-camp="halloween"] .btn--red:hover,
.pan[id^="pan-hw-"] .btn--red:hover{background:var(--bone);border-color:var(--bone);color:var(--black)}
.pan[id^="pan-hw-"] .label--red{color:var(--hw-ink)}
.pan[id^="pan-hw-"] .pan-r--reg i{color:var(--hw-ink)}
.pan[id^="pan-hw-"] .pan-v{border-left-color:var(--hw)}
main[data-camp="halloween"] .pan-ej-t i,
.pan[id^="pan-hw-"] .pan-ej-t i{background:var(--hw);color:var(--black)}

.hw-set{
  background:
    radial-gradient(ellipse 55% 70% at 22% 50%,rgba(224,103,15,.22),rgba(224,103,15,0) 70%),
    var(--black);
}
.hw-set-in{display:grid;grid-template-columns:260px minmax(0,1fr);gap:var(--sp-6,32px);align-items:center}
.hw-set-v{margin:0;max-width:260px}
.hw-set-tx h2{color:var(--bone);margin:var(--sp-3,12px) 0}
.hw-set-tx p{color:#CFC9C0;max-width:46ch;margin-bottom:var(--sp-5,20px)}
@media(max-width:760px){
  .hw-set-in{grid-template-columns:minmax(0,1fr);gap:var(--sp-5,20px)}
  .hw-set-v{order:2;margin:0 auto;width:100%;max-width:240px}
  .hw-set-tx{order:1}
}

.adh{display:block;position:relative;height:0;pointer-events:none}
.adh::before{
  content:"";position:absolute;top:0;display:block;
  z-index:-1;pointer-events:none;opacity:var(--adh-op);
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.adh.camp--espera::before,.adh.camp--cerrada::before{content:none}
.adh--i::before{left:8px}
.adh--d::before{right:8px}
.adh--medio::before{transform:translateY(-50%)}
.adh--sube::before{transform:translateY(-100%)}
.adh--giro::before{rotate:-12deg}
.adh--giro2::before{rotate:10deg}

.adh--calabaza.adh--g::before{width:140px;height:140px}
.adh--calabaza.adh--m::before{width:110px;height:110px}
.adh--murcielago.adh--g::before{width:180px;height:108px}
.adh--murcielago.adh--m::before{width:140px;height:84px}
.adh--sombrero.adh--g::before{width:140px;height:140px}
.adh--sombrero.adh--m::before{width:110px;height:110px}

.adh--calabaza::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130'%3E%3Cdefs%3E%3CradialGradient id='a' cx='.38' cy='.32' r='.8'%3E%3Cstop offset='0' stop-color='%23FFB566'/%3E%3Cstop offset='.5' stop-color='%23E0670F'/%3E%3Cstop offset='1' stop-color='%237A3305'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFE59A'/%3E%3Cstop offset='1' stop-color='%23F5A623'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='65' cy='123' rx='46' ry='5' fill='%23111' opacity='.16'/%3E%3Cellipse cx='40' cy='78' rx='27' ry='38' fill='url(%23a)'/%3E%3Cellipse cx='90' cy='78' rx='27' ry='38' fill='url(%23a)'/%3E%3Cellipse cx='65' cy='77' rx='31' ry='42' fill='url(%23a)'/%3E%3Cpath d='M65 36c0-6 0-9 0-9' stroke='%237A3305' stroke-width='2' opacity='.5'/%3E%3Cpath d='M60 37c-1-13 3-24 13-29l6 5c-7 5-9 13-9 24z' fill='%234E3B1F'/%3E%3Cpath d='M66 30c6-4 14-4 20 1' fill='none' stroke='%235E8C2E' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M42 63l14 5-11 10z' fill='url(%23b)'/%3E%3Cpath d='M88 63l-14 5 11 10z' fill='url(%23b)'/%3E%3Cpath d='M60 84l5-9 5 9z' fill='url(%23b)'/%3E%3Cpath d='M36 90q29 24 58 0l-6 9-5-5-6 7-6-6-6 6-6-7-5 5z' fill='url(%23b)'/%3E%3Cellipse cx='50' cy='54' rx='6' ry='13' fill='%23fff' opacity='.2'/%3E%3C/svg%3E");
}
.adh--murcielago::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 96'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%234A4642'/%3E%3Cstop offset='1' stop-color='%23111'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='80' cy='90' rx='42' ry='4' fill='%23111' opacity='.14'/%3E%3Cg transform='translate(3 4)' fill='%23000' opacity='.28'%3E%3Cpath d='M72 38Q48 14 8 22Q22 32 20 46Q30 39 38 48Q46 40 54 50Q62 44 74 52z'/%3E%3Cpath d='M88 38Q112 14 152 22Q138 32 140 46Q130 39 122 48Q114 40 106 50Q98 44 86 52z'/%3E%3Cellipse cx='80' cy='44' rx='9' ry='15'/%3E%3C/g%3E%3Cpath d='M72 38Q48 14 8 22Q22 32 20 46Q30 39 38 48Q46 40 54 50Q62 44 74 52z' fill='url(%23a)'/%3E%3Cpath d='M88 38Q112 14 152 22Q138 32 140 46Q130 39 122 48Q114 40 106 50Q98 44 86 52z' fill='url(%23a)'/%3E%3Cpath d='M73 34l2-12 5 9 5-9 2 12z' fill='%232A2724'/%3E%3Cellipse cx='80' cy='44' rx='9' ry='15' fill='url(%23a)'/%3E%3Ccircle cx='76.5' cy='37' r='2' fill='%23F0954E'/%3E%3Ccircle cx='83.5' cy='37' r='2' fill='%23F0954E'/%3E%3Cpath d='M14 23Q46 18 70 38' fill='none' stroke='%23fff' stroke-width='1.5' opacity='.25'/%3E%3C/svg%3E");
}
.adh--sombrero::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%234A4642'/%3E%3Cstop offset='.55' stop-color='%23222'/%3E%3Cstop offset='1' stop-color='%23000'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='65' cy='123' rx='52' ry='5' fill='%23111' opacity='.16'/%3E%3Cellipse cx='65' cy='106' rx='58' ry='13' fill='%23000'/%3E%3Cellipse cx='65' cy='102' rx='58' ry='13' fill='url(%23a)'/%3E%3Cpath d='M36 101Q48 62 60 32Q68 10 96 6Q80 20 80 40Q84 70 94 101Q65 110 36 101z' fill='url(%23a)'/%3E%3Cpath d='M38 92Q65 101 92 92L95 102Q65 111 35 102z' fill='%23E0670F'/%3E%3Crect x='57' y='92' width='16' height='13' rx='2' fill='none' stroke='%23FFC94D' stroke-width='3'/%3E%3Cpath d='M62 30Q70 14 90 8' fill='none' stroke='%23fff' stroke-width='2' opacity='.2'/%3E%3C/svg%3E");
}

@media(max-width:760px){
  .adh::before{transform-origin:top left;scale:.74}
  .adh--d::before{transform-origin:top right}
  .adh--i::before{left:2px}
  .adh--d::before{right:2px}
}