@font-face{
  font-family:"Cinzel";
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
  src:url("/assets/cinzel-latin-ext-700-900-v1.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face{
  font-family:"Cinzel";
  font-style:normal;
  font-weight:700 900;
  font-display:swap;
  src:url("/assets/cinzel-latin-700-900-v1.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

.campaign-horizontal{
  --zero-blue:#72d6ff;
  --zero-blue-strong:#259fd0;
  --zero-ice:#dff6ff;
  --zero-gold:#f3cf79;
  --zero-night:#030c15;
  --zero-panel:rgba(5,22,34,.76);
  --zero-line:rgba(168,225,250,.22);
  isolation:isolate;
  background:#030c15;
  color:#edf9ff;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.campaign-horizontal:before{
  position:fixed;
  z-index:30;
  top:calc(var(--ish-head-h) + var(--ish-status-h));
  left:0;
  width:100%;
  height:1px;
  content:"";
  background:linear-gradient(90deg,transparent,rgba(134,218,252,.62),transparent);
  pointer-events:none;
}
.campaign-horizontal>.campaign-panel{
  min-width:100vw;
  background-color:var(--zero-night);
}
.campaign-horizontal>.campaign-panel:before{
  filter:saturate(.86) contrast(1.05);
}
.campaign-horizontal .campaign-panel__inner,
.campaign-horizontal .campaign-hero__content{
  max-width:1280px;
  padding:clamp(28px,4vw,56px) clamp(72px,7vw,112px);
}
.campaign-horizontal h1,
.campaign-horizontal h2,
.campaign-horizontal .campaign-chapters h3,
.campaign-horizontal .campaign-live strong,
.campaign-horizontal .campaign-counter strong{
  font-family:"Cinzel","Times New Roman",serif;
}
.campaign-horizontal .events-eyebrow{
  color:var(--zero-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.3em;
  text-shadow:0 0 20px rgba(114,214,255,.3);
}

/* Portada */
.campaign-horizontal .campaign-hero{
  background-position:64% center;
}
.campaign-horizontal .campaign-hero:before{
  inset:-2%;
  opacity:.94;
  animation:zero-hero-breathe 15s ease-in-out infinite alternate;
}
.campaign-horizontal .campaign-hero__veil{
  background:
    linear-gradient(90deg,rgba(2,9,16,.98) 3%,rgba(3,12,20,.9) 35%,rgba(3,11,18,.42) 67%,rgba(3,10,16,.16) 100%),
    linear-gradient(0deg,rgba(2,9,15,.9),transparent 33%,rgba(2,8,14,.18));
}
.campaign-horizontal .campaign-hero__content{
  padding-right:39%;
}
.campaign-horizontal .campaign-preview{
  width:max-content;
  margin-bottom:18px;
  border:1px solid rgba(243,207,121,.42);
  border-radius:2px;
  background:linear-gradient(90deg,rgba(120,85,23,.28),rgba(36,28,16,.6));
  color:#ffe9ad;
  letter-spacing:.18em;
  box-shadow:inset 0 0 20px rgba(255,214,118,.05);
}
.campaign-horizontal .campaign-hero h1{
  max-width:720px;
  margin:12px 0 0;
  font-size:clamp(48px,5.6vw,88px);
  font-weight:900;
  line-height:.96;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 6px 38px rgba(0,0,0,.58);
}
.campaign-title-rule{
  display:flex;
  width:min(440px,82%);
  align-items:center;
  gap:12px;
  margin:18px 0;
  color:var(--zero-gold);
}
.campaign-title-rule i{
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,rgba(243,207,121,.75));
}
.campaign-title-rule i:last-child{
  background:linear-gradient(90deg,rgba(243,207,121,.75),transparent);
}
.campaign-title-rule span{font-size:11px}
.campaign-horizontal .campaign-hero__content>p:not(.events-eyebrow){
  max-width:600px;
  margin:0;
  color:#c3d6e1;
  font-size:15px;
  line-height:1.75;
}
.campaign-horizontal .campaign-button{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:0 24px;
  border:1px solid rgba(165,228,253,.68);
  border-radius:2px;
  background:linear-gradient(135deg,#33addb,#176b95);
  box-shadow:0 16px 42px rgba(20,132,179,.25),inset 0 1px rgba(255,255,255,.25);
}
.campaign-horizontal .campaign-button:before{
  position:absolute;
  inset:0;
  content:"";
  background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 48%,transparent 66%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}
.campaign-horizontal .campaign-button:hover:before{transform:translateX(120%)}
.campaign-horizontal .campaign-link{
  color:#d5effa;
  letter-spacing:.05em;
}
.campaign-horizontal .campaign-live{
  position:absolute;
  right:clamp(70px,7vw,112px);
  bottom:clamp(48px,8vh,90px);
  min-width:238px;
  border:1px solid var(--zero-line);
  border-radius:2px;
  background:linear-gradient(145deg,rgba(9,34,50,.88),rgba(3,14,23,.8));
  box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08);
}
.campaign-horizontal .campaign-live:after{
  position:absolute;
  inset:6px;
  border:1px solid rgba(169,225,249,.08);
  content:"";
  pointer-events:none;
}
.campaign-horizontal .campaign-live strong{
  color:#f5fbff;
  font-weight:900;
}
.campaign-crest{
  position:absolute;
  z-index:2;
  top:50%;
  right:10%;
  display:grid;
  width:150px;
  height:150px;
  place-content:center;
  border:1px solid rgba(202,239,255,.27);
  border-radius:50%;
  background:radial-gradient(circle,rgba(13,46,65,.66),rgba(3,13,22,.26) 68%,transparent 69%);
  box-shadow:0 0 0 10px rgba(152,222,250,.035),0 0 70px rgba(51,171,216,.16);
  transform:translateY(-62%);
  text-align:center;
  animation:zero-float 5s ease-in-out infinite;
}
.campaign-crest:before,.campaign-crest:after{
  position:absolute;
  inset:13px;
  border:1px solid rgba(243,207,121,.32);
  transform:rotate(45deg);
  content:"";
}
.campaign-crest:after{inset:26px;border-color:rgba(135,220,255,.2)}
.campaign-crest span{
  font:900 54px/1 "Cinzel",serif;
  color:#e9f8ff;
  text-shadow:0 0 24px rgba(111,215,255,.42);
}
.campaign-crest small{
  margin-top:4px;
  color:var(--zero-gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:.28em;
}
.campaign-orbit{
  position:absolute;
  z-index:1;
  top:50%;
  right:3%;
  width:min(45vw,620px);
  aspect-ratio:1;
  border:1px solid rgba(138,218,249,.1);
  border-radius:50%;
  transform:translateY(-52%);
  animation:zero-spin 45s linear infinite;
}
.campaign-orbit:before,.campaign-orbit:after{
  position:absolute;
  border:1px solid rgba(138,218,249,.08);
  border-radius:50%;
  content:"";
}
.campaign-orbit:before{inset:14%}
.campaign-orbit:after{inset:30%;border-color:rgba(243,207,121,.12)}
.campaign-orbit>i{
  position:absolute;
  top:50%;
  left:-3px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--zero-blue);
  box-shadow:0 0 16px 4px rgba(114,214,255,.48);
}
.campaign-orbit>i:nth-child(2){top:10%;left:79%;background:var(--zero-gold)}
.campaign-orbit>i:nth-child(3){top:88%;left:69%}

/* Metas */
.campaign-horizontal .campaign-progress{
  background:
    radial-gradient(circle at 22% 0,rgba(49,168,215,.2),transparent 30rem),
    linear-gradient(120deg,#04111c,#092334 58%,#06131e);
}
.campaign-horizontal .campaign-progress:before{
  opacity:.12;
  mix-blend-mode:screen;
}
.campaign-section-index{
  position:absolute;
  z-index:-1;
  top:50%;
  right:4%;
  color:rgba(190,232,249,.035);
  font:900 min(27vw,360px)/1 "Cinzel",serif;
  transform:translateY(-50%);
  user-select:none;
}
.campaign-horizontal .campaign-heading{
  max-width:760px;
  margin-bottom:24px;
}
.campaign-horizontal .campaign-heading h2{
  margin-top:7px;
  color:#f2fbff;
  font-size:clamp(38px,4vw,62px);
  font-weight:900;
  letter-spacing:-.025em;
}
.campaign-horizontal .campaign-heading>p:last-child{
  max-width:650px;
  color:#9fb6c4;
}
.campaign-horizontal .campaign-counter{
  position:relative;
  margin-bottom:18px;
  border-color:var(--zero-line);
  border-radius:2px;
  background:linear-gradient(90deg,rgba(8,35,51,.9),rgba(5,19,30,.78));
  box-shadow:0 20px 55px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.07);
}
.campaign-horizontal .campaign-counter:before{
  position:absolute;
  top:-1px;
  left:0;
  width:27%;
  height:1px;
  content:"";
  background:linear-gradient(90deg,var(--zero-blue),transparent);
}
.campaign-horizontal .campaign-counter strong b{color:#dff7ff}
.campaign-horizontal .campaign-progressbar{
  height:12px;
  border-radius:1px;
  background:rgba(1,8,14,.75);
}
.campaign-horizontal .campaign-progressbar i{border-radius:0}
.campaign-horizontal .campaign-milestones{
  position:relative;
  gap:14px;
}
.campaign-horizontal .campaign-milestones:before{
  display:block;
  z-index:-1;
  top:44px;
  left:8%;
  right:8%;
  background:linear-gradient(90deg,transparent,var(--zero-blue) 13%,var(--zero-blue) 87%,transparent);
  box-shadow:0 0 18px rgba(87,201,243,.42);
}
.campaign-horizontal .campaign-milestones article{
  min-height:210px;
  padding:12px 18px 18px;
  border-color:var(--zero-line);
  border-radius:2px;
  background:linear-gradient(155deg,rgba(12,42,57,.88),rgba(3,15,24,.9));
  text-align:center;
  transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;
}
.campaign-horizontal .campaign-milestones article:before{
  position:absolute;
  inset:6px;
  border:1px solid rgba(192,233,250,.055);
  content:"";
  pointer-events:none;
}
.campaign-horizontal .milestone-star{
  width:64px;
  height:64px;
  margin:0 auto 10px;
  border-radius:50%;
  background:radial-gradient(circle,#16405a,#06151f 70%);
  box-shadow:0 0 0 7px #071824;
}
.campaign-horizontal .milestone-star b{
  right:-12px;
  border-color:#071824;
  background:#1d82ad;
}
.campaign-horizontal .campaign-milestones article.is-unlocked{
  border-color:rgba(104,225,159,.45);
  box-shadow:inset 0 0 35px rgba(62,189,121,.09),0 15px 40px rgba(0,0,0,.15);
}
.campaign-horizontal .campaign-milestones article.is-locked{opacity:.82}
.campaign-horizontal .campaign-milestones h3{
  margin:6px 0;
  font-family:"Cinzel",serif;
  font-size:14px;
}

/* Agenda */
.campaign-horizontal .campaign-agenda{
  background:
    linear-gradient(90deg,rgba(3,13,22,.98),rgba(4,18,29,.88) 55%,rgba(5,19,29,.77)),
    url("/assets/events-challenge-animated-v1.gif") center/cover;
}
.campaign-horizontal .campaign-agenda:before{
  opacity:.08;
}
.campaign-horizontal .campaign-chapters{
  gap:18px;
}
.campaign-horizontal .campaign-chapters article,
.campaign-horizontal .campaign-chapters article:nth-child(2n){
  position:relative;
  border-color:var(--zero-line);
  border-radius:2px;
  background:rgba(3,15,24,.82);
  box-shadow:0 22px 55px rgba(0,0,0,.3);
}
.campaign-horizontal .campaign-chapter__image{height:165px}
.campaign-horizontal .campaign-chapter__image img{
  transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease;
  filter:saturate(.8);
}
.campaign-horizontal .campaign-chapters article:hover img{
  transform:scale(1.055);
  filter:saturate(1.08);
}
.campaign-horizontal .campaign-chapters article>div:last-child{padding:22px 24px}
.campaign-horizontal .campaign-chapters h3{
  color:#f1faff;
  font-size:clamp(22px,2vw,31px);
  font-weight:900;
}
.campaign-horizontal .campaign-chapters div>span{color:var(--zero-blue)}

/* Cierre */
.campaign-horizontal .campaign-cta{
  background:
    radial-gradient(circle at 16% 50%,rgba(45,164,212,.26),transparent 34rem),
    #030c15;
}
.campaign-horizontal .campaign-cta:before{
  opacity:.48;
  filter:saturate(.8);
}
.campaign-horizontal .campaign-cta>.events-shell{
  position:relative;
  border-color:rgba(164,226,250,.28);
  border-radius:2px;
  background:linear-gradient(110deg,rgba(4,22,34,.94),rgba(6,23,34,.67));
  box-shadow:0 35px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
}
.campaign-horizontal .campaign-cta>.events-shell:before,
.campaign-horizontal .campaign-cta>.events-shell:after{
  position:absolute;
  width:48px;
  height:48px;
  content:"";
  pointer-events:none;
}
.campaign-horizontal .campaign-cta>.events-shell:before{
  top:9px;
  left:9px;
  border-top:1px solid var(--zero-gold);
  border-left:1px solid var(--zero-gold);
}
.campaign-horizontal .campaign-cta>.events-shell:after{
  right:9px;
  bottom:9px;
  border-right:1px solid var(--zero-gold);
  border-bottom:1px solid var(--zero-gold);
}
.campaign-horizontal .campaign-cta h2{
  color:#f4fbff;
  font-weight:900;
  letter-spacing:-.03em;
}

/* Navegación lateral tipo capítulos */
.campaign-horizontal-nav{
  top:50%;
  right:24px;
  bottom:auto;
  left:auto;
  display:grid;
  gap:2px;
  padding:9px 7px;
  border-color:rgba(178,228,249,.18);
  border-radius:2px;
  background:rgba(2,12,20,.72);
  transform:translateY(-50%);
}
.campaign-horizontal-nav:before{
  display:block;
  margin:2px auto 8px;
  color:var(--zero-gold);
  font-size:10px;
  content:"✦";
}
.campaign-horizontal-nav a{
  position:relative;
  display:grid;
  width:74px;
  height:48px;
  grid-template-columns:18px 8px 1fr;
  padding:0 7px;
  color:#718b99;
}
.campaign-horizontal-nav a b{
  font:700 9px/1 "Cinzel",serif;
}
.campaign-horizontal-nav a i{
  width:5px;
  height:5px;
  margin:0;
}
.campaign-horizontal-nav a span{
  font-size:8px;
  letter-spacing:.08em;
}
.campaign-horizontal-nav a.is-active{
  border-color:rgba(114,214,255,.34);
  background:linear-gradient(90deg,rgba(50,164,207,.17),rgba(50,164,207,.04));
  color:#ddf6ff;
}
.campaign-horizontal-nav a.is-active:before{
  position:absolute;
  top:4px;
  bottom:4px;
  left:-8px;
  width:1px;
  content:"";
  background:var(--zero-blue);
  box-shadow:0 0 10px var(--zero-blue);
}
.campaign-slide-status{
  right:25px;
  color:#78909e;
}
.campaign-slide-status b{
  font-family:"Cinzel",serif;
  color:#dff6ff;
}
.campaign-swipe-hint{right:118px}
.campaign-arrow{
  width:46px;
  height:62px;
  border-radius:2px;
  border-color:rgba(170,225,248,.2);
  background:rgba(2,13,21,.58);
}
.campaign-arrow--prev{left:18px}
.campaign-arrow--next{right:116px}

[data-reveal]{
  transform:translateX(35px);
  transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1);
}
[data-reveal].is-visible{transform:none}

@keyframes zero-spin{to{transform:translateY(-52%) rotate(360deg)}}
@keyframes zero-float{50%{transform:translateY(-66%)}}
@keyframes zero-hero-breathe{to{transform:scale(1.035)}}

@media(max-width:980px){
  .campaign-horizontal .campaign-panel__inner,
  .campaign-horizontal .campaign-hero__content{
    padding-right:88px;
    padding-left:58px;
  }
  .campaign-horizontal .campaign-hero__content{padding-right:34%}
  .campaign-crest{right:8%;width:112px;height:112px}
  .campaign-crest span{font-size:39px}
  .campaign-horizontal .campaign-live{right:92px}
  .campaign-horizontal .campaign-milestones article{padding-inline:11px}
  .campaign-horizontal-nav{right:12px}
  .campaign-arrow--next{right:98px}
}

@media(max-width:760px){
  .campaign-horizontal .campaign-panel__inner,
  .campaign-horizontal .campaign-hero__content{
    padding:16px 18px 68px;
  }
  .campaign-horizontal .campaign-hero__content{
    justify-content:flex-start;
    padding-top:38px;
    padding-right:18px;
  }
  .campaign-horizontal .campaign-hero{background-position:62% center}
  .campaign-horizontal .campaign-hero__veil{
    background:linear-gradient(0deg,rgba(2,10,17,.98) 3%,rgba(3,12,20,.9) 68%,rgba(3,11,18,.54));
  }
  .campaign-horizontal .campaign-preview{margin-bottom:10px}
  .campaign-horizontal .campaign-hero h1{max-width:94%;font-size:clamp(35px,10vw,50px)}
  .campaign-title-rule{margin:10px 0}
  .campaign-horizontal .campaign-hero__content>p:not(.events-eyebrow){max-width:95%;font-size:12px;line-height:1.55}
  .campaign-horizontal .campaign-actions{margin-top:14px}
  .campaign-horizontal .campaign-button{min-height:43px}
  .campaign-crest{display:none}
  .campaign-orbit{right:-24%;width:95vw;opacity:.45}
  .campaign-horizontal .campaign-live{right:auto;bottom:62px;left:18px}
  .campaign-horizontal .campaign-heading h2{font-size:clamp(29px,8vw,40px)}
  .campaign-horizontal .campaign-heading>p:last-child{display:block;font-size:10px;line-height:1.45}
  .campaign-horizontal .campaign-heading{margin-bottom:9px}
  .campaign-horizontal .campaign-counter{padding:10px 12px}
  .campaign-horizontal .campaign-counter strong b{font-size:24px}
  .campaign-horizontal .campaign-milestones{gap:7px}
  .campaign-horizontal .campaign-milestones:before{display:none}
  .campaign-horizontal .campaign-milestones article{min-height:142px;padding:7px}
  .campaign-horizontal .milestone-star{width:34px;height:34px;margin-bottom:5px;box-shadow:0 0 0 3px #071824}
  .campaign-horizontal .milestone-star b{right:-11px;padding:3px;font-size:7px}
  .campaign-horizontal .campaign-milestones h3{font-size:10px}
  .campaign-horizontal .campaign-milestones article>small{font-size:6px}
  .campaign-horizontal .campaign-milestones em{font-size:6px}
  .campaign-horizontal .campaign-chapter__image{height:82px}
  .campaign-horizontal .campaign-chapters article>div:last-child{padding:9px 12px}
  .campaign-horizontal .campaign-chapters h3{margin:2px 0;font-size:17px}
  .campaign-horizontal .campaign-chapters p{display:block;font-size:8px;line-height:1.4}
  .campaign-horizontal-nav{
    top:auto;
    right:auto;
    bottom:10px;
    left:50%;
    display:flex;
    transform:translateX(-50%);
  }
  .campaign-horizontal-nav:before{display:none}
  .campaign-horizontal-nav a{display:flex;width:38px;height:34px;min-width:38px;padding:0;gap:0}
  .campaign-horizontal-nav a b,
  .campaign-horizontal-nav a span{display:none}
  .campaign-horizontal-nav a i{margin:0}
  .campaign-horizontal-nav a.is-active:before{display:none}
  .campaign-slide-status{top:10px;right:13px}
  .campaign-swipe-hint,.campaign-arrow{display:none}
}

@media(max-height:720px) and (min-width:761px){
  .campaign-horizontal .campaign-panel__inner,
  .campaign-horizontal .campaign-hero__content{padding-top:20px;padding-bottom:20px}
  .campaign-horizontal .campaign-heading{margin-bottom:10px}
  .campaign-horizontal .campaign-heading h2{font-size:36px}
  .campaign-horizontal .campaign-counter{margin-bottom:9px;padding:9px 14px}
  .campaign-horizontal .campaign-milestones article{min-height:155px}
  .campaign-horizontal .milestone-star{width:42px;height:42px}
  .campaign-horizontal .campaign-chapter__image{height:100px}
}

@media(prefers-reduced-motion:reduce){
  .campaign-orbit,
  .campaign-crest,
  .campaign-horizontal .campaign-hero:before{animation:none}
}