/* ZONAHARU | /feria/proximamente | cinematic responsive redesign R2 */
.zh-soon{
  --zh-gold:#f9c77a;--zh-orange:#ff9b32;--zh-red:#f14919;
  --scene-shift:0px;--scene-bob:0px;
  isolation:isolate;position:relative;left:50%;transform:translateX(-50%);
  width:100vw;max-width:none;min-width:0;overflow:hidden;color:#fbedd9;
  background:#070507;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
}
.zh-soon *,.zh-soon *::before,.zh-soon *::after{box-sizing:border-box}
.zh-soon__stage{
  position:relative;isolation:isolate;min-height:min(810px,calc(100svh - 95px));
  background:radial-gradient(ellipse at 82% 19%,#6d210e7a,transparent 44%),
  radial-gradient(ellipse at 50% 97%,#31100c4d,transparent 55%),
  linear-gradient(110deg,#070609,#0c0808 60%,#150a0a);
}
.zh-soon__ambient{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,#080608 0%,#080608d9 19%,#08060836 66%,transparent 100%);
}
.zh-soon__inner{position:relative;max-width:1500px;margin:auto;padding:clamp(16px,2.2vw,30px) clamp(20px,4.3vw,70px) 0}
.zh-soon__brand{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:78px;position:relative;z-index:3}
.zh-soon__brand img{display:block;width:clamp(175px,23vw,300px);max-height:94px;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 8px #ff5f1324)}
.zh-soon__brand-line{font:600 .66rem/1.5 system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#daa867;text-align:right}
.zh-soon__hero{position:relative;display:flex;align-items:center;min-height:clamp(500px,52vw,680px)}
.zh-soon__copy{position:relative;z-index:3;width:min(54%,670px);padding:20px 0 65px}
.zh-soon__status{display:inline-flex;gap:11px;align-items:center;padding:9px 17px;margin-bottom:19px;
  font:bold .68rem/1.2 system-ui,sans-serif;letter-spacing:.2em;color:#ffcc76;
  text-transform:uppercase;border:1px solid #e9a243a3;border-radius:999px;background:#1d100cba;box-shadow:0 0 24px #da4b1030}
.zh-soon__status-light{width:8px;height:8px;border-radius:50%;background:#ffd879;box-shadow:0 0 11px #ffc474;animation:zhSoonPulse 2.6s ease-in-out infinite}
.zh-soon h1{margin:0 0 9px;line-height:1.03;letter-spacing:-.04em;white-space:nowrap;
  font-family:"Zen Old Mincho",Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,5.5vw,6.1rem);font-weight:800;
  color:#ffd389;background:linear-gradient(115deg,#fff4ce 3%,#ffc052 42%,#f45a22 93%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 12px #fa541c3a)}
.zh-soon__strap{margin:15px 0 13px;font:500 clamp(.89rem,1.25vw,1.18rem)/1.55 Georgia,serif;
  letter-spacing:.14em;text-transform:uppercase;color:#f7e3be}
.zh-soon__lead{max-width:470px;margin:0;font:400 clamp(.95rem,1.25vw,1.12rem)/1.72 system-ui,sans-serif;color:#d5c0ad;
  text-wrap:pretty}
.zh-soon__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.zh-soon__button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:49px;padding:12px 18px;
  border-radius:12px;text-decoration:none;font:.78rem/1.2 system-ui,sans-serif;font-weight:750;letter-spacing:.065em;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.zh-soon__button span{font-size:1.1rem}
.zh-soon__button--primary{background:linear-gradient(120deg,#ffe1a0,#f4a034);color:#211009;border:1px solid #ffe0a1;box-shadow:0 2px 22px #ff7a284a}
.zh-soon__button--secondary{background:#130b0acc;border:1px solid #a7723d;color:#fff0db}
.zh-soon__button:hover{transform:translateY(-3px);box-shadow:0 5px 24px #e35b224f}
.zh-soon__button:focus-visible,.zh-soon__toggle:focus-visible{outline:3px solid #fff3da;outline-offset:3px}
.zh-soon__toggle{border:0;background:transparent;color:#cea774;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:8px 0;margin-top:13px;cursor:pointer;font:600 .73rem/1.4 system-ui,sans-serif}
.zh-soon__toggle-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #ba814f}
.zh-soon__art{position:absolute;z-index:1;inset:-60px -4.6% -10px auto;width:66%;overflow:hidden;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 96%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 20%,#000 96%,transparent 100%)}
.zh-soon__scene{position:absolute;display:block;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 44%;
  transform:scale(1.065) translate3d(var(--scene-shift),var(--scene-bob),0);
  will-change:transform;filter:saturate(1.12) contrast(1.08) brightness(.98)}
.zh-soon__scene-halo{position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 58% 52%,transparent 20%,#06050837 65%,#060507a8 110%),
  linear-gradient(0deg,#07060785,transparent 33%)}
.zh-soon__road-streak{position:absolute;bottom:10%;left:0;width:130%;height:3px;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 44px,#ffc660 50px 98px,transparent 106px 158px);
  filter:blur(.8px) drop-shadow(0 0 8px #ff8f26);opacity:.68;transform:rotate(-7deg);animation:zhSoonFlow 2.8s linear infinite}
.zh-soon__road-streak--two{bottom:18%;left:-12%;opacity:.38;height:2px;animation-duration:1.9s;filter:blur(1px) drop-shadow(0 0 11px #ff490b)}
.zh-soon__sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.zh-soon__spark{position:absolute;width:var(--spark-size,3px);height:var(--spark-size,3px);border-radius:50%;
  background:#ffe49c;box-shadow:0 0 8px #ffae35,0 0 14px #fe591d;
  animation:zhSoonSpark var(--spark-duration,850ms) ease-out forwards}
.zh-soon__footer{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;
  border-top:1px solid #b2783b4f;padding:22px 0 28px;color:#dab383;font:600 .72rem/1.5 system-ui,sans-serif;letter-spacing:.05em}
.zh-soon__footer span{display:inline-flex;align-items:center;gap:9px}
.zh-soon__footer i{width:8px;height:8px;display:inline-block;border:1px solid #e8a048;transform:rotate(45deg)}
@keyframes zhSoonFlow{to{background-position:158px 0}}
@keyframes zhSoonPulse{50%{opacity:.35;box-shadow:0 0 0 6px #ffb83a24,0 0 20px #ffb83a}}
@keyframes zhSoonSpark{to{opacity:0;transform:translate(var(--spark-x,60px),var(--spark-y,-70px)) scale(.1)}}
.zh-soon.is-paused *,.zh-soon.is-paused *::before,.zh-soon.is-paused *::after{animation-play-state:paused!important}
@media(max-width:980px){
 .zh-soon__brand-line{font-size:.58rem}
 .zh-soon h1{font-size:clamp(2.7rem,5.2vw,4.8rem)}
 .zh-soon__copy{width:56%}
 .zh-soon__art{width:65%;inset:-32px -4.6% 0 auto}
}
@media(max-width:730px){
 .zh-soon__stage{min-height:0}
 .zh-soon__inner{padding:12px 17px 0}
 .zh-soon__brand{min-height:65px}
 .zh-soon__brand img{width:178px}
 .zh-soon__brand-line{display:none}
 .zh-soon__hero{display:flex;flex-direction:column;min-height:0}
 .zh-soon__art{position:relative;order:0;inset:auto;width:calc(100% + 34px);margin:0 -17px;height:clamp(270px,78vw,430px);
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%);
   mask-image:linear-gradient(to bottom,#000 0%,#000 77%,transparent 100%)}
 .zh-soon__scene{object-position:center 49%;transform:scale(1.03) translate3d(var(--scene-shift),var(--scene-bob),0)}
 .zh-soon__copy{order:1;width:100%;text-align:center;padding:1px 0 26px}
 .zh-soon__status{margin-bottom:18px}
 .zh-soon h1{white-space:normal;font-size:clamp(2.8rem,10.6vw,5.3rem);letter-spacing:-.05em}
 .zh-soon__strap{letter-spacing:.1em}
 .zh-soon__lead{margin-inline:auto}
 .zh-soon__actions{justify-content:center;gap:10px;margin-top:22px}
 .zh-soon__button{min-height:48px;flex:1 1 170px}
 .zh-soon__footer{justify-content:center;text-align:center;gap:9px 22px;padding:17px 0 23px}
}
@media(max-width:420px){.zh-soon__actions{flex-direction:column}.zh-soon__button{flex:auto;width:100%}}
@media(prefers-reduced-motion:reduce){
 .zh-soon *,.zh-soon *::before,.zh-soon *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .zh-soon__button:hover{transform:none}
}
/* R2 visual parity: integrate the header and avoid vw scrollbar overshoot. */
body:has(#feria-proximamente) .f-subheader{
  background:#0c090b!important;border-color:#4e2a19!important;
}
body:has(#feria-proximamente) .f-subnav-link{
  color:#e8c799!important;
}
body:has(#feria-proximamente) .f-subnav-link:hover,
body:has(#feria-proximamente) .f-subnav-link:focus-visible{
  color:#ffd88c!important;
}
body:has(#feria-proximamente) .f-content{
  overflow-x:clip;
}
.zh-soon{
  width:100%;max-width:100%;left:auto;transform:none;
}
.zh-soon__brand img{
  mix-blend-mode:screen;
}

/* Blend the existing logo artwork into the dark hero; remove its hard edge. */
.zh-soon__brand img{
  -webkit-mask-image:radial-gradient(ellipse 90% 85% at center,#000 38%,#000 65%,transparent 100%);
  mask-image:radial-gradient(ellipse 90% 85% at center,#000 38%,#000 65%,transparent 100%);
}