:root{
  --black:#0B0B0B;
  --white:#FFFFFF;
  --soft-white:#F6F4EF;
  --muted:#696969;
  --line:rgba(11,11,11,.12);
  --red:#D51C1C;
  --yellow:#F2C300;
  --blue:#00A8E8;
  --font-display:'Anton', sans-serif;
  --font-body:'Outfit', sans-serif;
  --container:1180px;
  --section-padding:clamp(76px,9vw,150px);
  --radius:22px;
  --transition:280ms ease;
  --shadow-soft:0 24px 80px rgba(11,11,11,.13);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);background:var(--soft-white);color:var(--black)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 40px),var(--container));margin:0 auto}
.section{position:relative;overflow:hidden;padding:var(--section-padding) 0}
.section-light{background:var(--soft-white);color:var(--black)}
.section-dark{background:var(--black);color:var(--white)}

/* =========================
   TYPOGRAPHY
========================= */
.eyebrow{
  display:inline-block;
  margin:0 0 20px;
  font-size:clamp(.98rem,1.15vw,1.12rem);
  font-weight:900;
  letter-spacing:.17em;
  text-transform:uppercase;
  line-height:1.2;
  color:var(--yellow);
}
.eyebrow.red{color:var(--red)}
.eyebrow.blue{color:var(--blue)}
.eyebrow.yellow{color:var(--yellow)}

.display-title,
.section-title{
  font-family:var(--font-display);
  text-transform:uppercase;
  line-height:1;
  letter-spacing:.035em;
  margin:0;
  text-wrap:balance;
}
.display-title{font-size:clamp(4rem,8.4vw,8.8rem);max-width:940px}
.display-title span{display:block;line-height:1;margin-bottom:.08em}
.section-title{font-size:clamp(2.7rem,4.7vw,4.8rem);max-width:1100px}
.light-title{color:var(--white)}

.body-copy,
.manifesto__copy p,
.section-header p:not(.eyebrow){
  max-width:62ch;
  margin:24px 0 0;
  font-size:clamp(1.12rem,1.35vw,1.28rem);
  line-height:1.65;
  color:rgba(11,11,11,.78);
}
.body-copy.light,
.jersey-section .body-copy,
.routes .body-copy,
.prize-section .body-copy,
.categories-section .body-copy,
.sponsors-section .body-copy{color:rgba(255,255,255,.84)}

.section-header.center,
.section-heading.center{text-align:center;max-width:920px;margin:0 auto clamp(3rem,6vw,5rem)}
.section-header.center .section-title,
.section-header.center .body-copy,
.section-heading.center .section-title,
.section-heading.center .body-copy{margin-left:auto;margin-right:auto}

/* =========================
   BUTTONS
========================= */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:50px;
  padding:0 24px;
  border-radius:8px;
  font-weight:800;
  font-size:.82rem;
  letter-spacing:.045em;
  text-transform:uppercase;
  transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition);
}
.btn span{transition:transform var(--transition)}
.btn:hover span{transform:translateX(4px)}
.btn-primary{background:var(--red);color:var(--white)}
.btn-primary:hover{background:#B91616;transform:translateY(-2px)}
.btn-map{background:var(--black);color:var(--white);min-height:42px;padding:0 18px;font-size:.74rem}
.btn-map:hover{background:var(--red)}

/* =========================
   HERO
========================= */
.hero{
  min-height:100svh;
  position:relative;
  isolation:isolate;
  color:var(--white);
  display:grid;
  align-items:center;
  overflow:hidden;
  background:var(--black);
}
.hero__media{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.56) 38%,rgba(0,0,0,.18) 100%),
    url('../assets/images/hero-placeholder.jpg');
  background-size:cover;
  background-position:center;
  transform:scale(1.02);
  z-index:-3;
}
.hero__media::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 34%,rgba(242,195,0,.14),transparent 25%),linear-gradient(120deg,#111 0%,#222 40%,#050505 100%);
  opacity:.86;
}
.hero__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.1) 56%,var(--black) 100%);z-index:-2}
.hero::after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-1px;
  height:180px;
  background:linear-gradient(to bottom,transparent 0%,var(--soft-white) 100%);
  z-index:-1;
}
.hero__content{
  padding-top:clamp(90px, 8vw, 130px);
}
.hero .btn{margin-top:34px}
.brand-logo{display:inline-flex;align-items:center;margin-bottom:46px}
.brand-logo img{width:min(240px,60vw);height:auto;display:block}
.scroll-cue{position:absolute;left:50%;bottom:34px;transform:translateX(-50%);font-size:1.5rem;color:rgba(255,255,255,.75);animation:cue 1.6s infinite}
@keyframes cue{50%{transform:translate(-50%,8px)}}
.curve-lines{position:absolute;pointer-events:none}
.curve-lines--hero{right:-40px;top:32px;width:min(36vw,420px);height:190px;opacity:.9}
.curve-lines span{position:absolute;display:block;width:100%;height:100%;border-top:4px solid;border-radius:50%;transform:rotate(-13deg)}
.curve-lines span:nth-child(1){border-color:var(--yellow);top:0}
.curve-lines span:nth-child(2){border-color:var(--red);top:15px}
.curve-lines span:nth-child(3){border-color:var(--blue);top:30px}

/* =========================
   MANIFESTO
========================= */
.manifesto{padding-top:clamp(96px,11vw,180px)}
.manifesto__grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(36px,8vw,110px);align-items:start}
.manifesto__copy{font-size:clamp(1.08rem,1.5vw,1.25rem);line-height:1.75;color:#2d2d2d}
.manifesto__copy p{margin:0 0 22px}
.manifesto__closing{font-weight:800;color:var(--black)}
.lion-watermark{position:absolute;right:9vw;bottom:9vw;font-size:20rem;line-height:1;color:rgba(11,11,11,.035);font-family:serif;pointer-events:none}

/* =========================
   ROUTES
========================= */

.routes {
  padding-top: clamp(92px, 10vw, 160px);
  position: relative;
}

.routes::before {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  top: -1px;
  height: 160px;
  background: linear-gradient(to top, transparent, var(--soft-white));
  pointer-events: none;
}

.route-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
  margin-top: 62px;
}

.route-card {
  background: #111;
  border-radius: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  transition: transform .3s ease, border-color .3s ease;
}

.route-card:hover {
  transform: translateY(-8px);
  border-color: rgba(255,255,255,.22);
}

.route-map {
  background: #f7f7f4;
  aspect-ratio: 1.45;
  display: grid;
  place-items: center;
  padding: 34px;
}

.route-map img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  filter: none;
}

.route-map svg {
  width: 100%;
  height: 100%;
}

.map-bg {
  fill: #d9d9d2;
  opacity: .75;
}

.route-line {
  fill: none;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.route-card--blue .route-line {
  stroke: var(--blue);
}

.route-card--yellow .route-line {
  stroke: var(--yellow);
}

.route-card__content {
  padding: 32px 36px 36px;
}

.route-card h3 {
  margin: 0 0 28px;
  font-family: var(--font-display);
  font-size: clamp(2.8rem, 5vw, 4.8rem);
  line-height: .9;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.route-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-bottom: 30px;
}

.route-stats strong {
  display: block;
  font-size: clamp(1.15rem, 2vw, 1.6rem);
  line-height: 1.1;
}

.route-stats span {
  display: block;
  margin-top: 8px;
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.58);
}

.route-card .btn {
  transition: background .25s ease, color .25s ease;
}

.route-card .btn span {
  display: inline-block;
  transition: transform .25s ease;
}

.route-card .btn:hover {
  background: #F2C500;
  color: #000;
}

.route-card .btn:hover span {
  transform: translateX(5px);
}

@media (max-width: 850px) {
  .route-grid {
    grid-template-columns: 1fr;
  }

  .route-map {
    padding: 24px;
  }

  .route-card__content {
    padding: 28px;
  }

  .route-stats {
    grid-template-columns: 1fr;
    gap: 14px;
  }
}
/* =========================
   JERSEY
========================= */
.jersey-section{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 25% 70%, rgba(213,28,28,.18), transparent 32%),
    radial-gradient(circle at 70% 30%, rgba(242,195,0,.12), transparent 28%),
    #050505;
  color:var(--white);
  display:flex;
  align-items:center;
}
.jersey-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,6vw,6rem)}
.jersey-visual{display:flex;justify-content:center;align-items:flex-end;min-height:620px}
/*=========================
      REAL JERSEY IMAGE
=========================*/

.jersey-image{
    position:relative;
    width:min(620px, 92vw);
    transform:translateY(120px);
    opacity:0;
    transition:transform 1.1s ease, opacity 1.1s ease;
    filter:drop-shadow(0 38px 70px rgba(0,0,0,.55));
    isolation:isolate;
}

.jersey-image::before{
    content:"";
    position:absolute;
    inset:-4% -4% 8% -4%;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.08) 16%, rgba(255,255,255,0) 42%),
        radial-gradient(circle at 32% 70%, rgba(213,28,28,.16) 0%, rgba(213,28,28,.08) 24%, rgba(213,28,28,0) 54%),
        radial-gradient(circle at 70% 64%, rgba(0,168,232,.10) 0%, rgba(0,168,232,.05) 22%, rgba(0,168,232,0) 48%);
    filter:blur(28px);
    transform:scale(1.03);
}

.jersey-image img{
    position:relative;
    z-index:1;
    width:100%;
    height:auto;
    display:block;
    object-fit:contain;
    image-rendering:auto;

    -webkit-mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 78%,
        rgba(0,0,0,.92) 86%,
        rgba(0,0,0,.55) 94%,
        rgba(0,0,0,0) 100%
    );
    mask-image: linear-gradient(
        to bottom,
        rgba(0,0,0,1) 0%,
        rgba(0,0,0,1) 78%,
        rgba(0,0,0,.92) 86%,
        rgba(0,0,0,.55) 94%,
        rgba(0,0,0,0) 100%
    );
}

.jersey-section.is-visible .jersey-image{
    transform:translateY(0);
    opacity:1;
}
.jersey-copy{max-width:520px}
.jersey-included{margin:1.4rem 0 2rem;font-weight:800;color:var(--yellow);text-transform:uppercase;letter-spacing:.08em}
.jersey-bg-words{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.05;font-family:var(--font-display);text-transform:uppercase;color:var(--white);overflow:hidden}
.jersey-bg-words span{position:absolute;font-size:clamp(3rem,8vw,8rem);white-space:nowrap}
.jersey-bg-words span:nth-child(1){top:10%;left:4%}
.jersey-bg-words span:nth-child(2){top:30%;right:-4%}
.jersey-bg-words span:nth-child(3){bottom:12%;left:10%}
.jersey-bg-words span:nth-child(4){bottom:28%;right:8%}
.jersey-bg-words span:nth-child(5){top:55%;left:-8%}
.jersey-section.is-visible .reveal{opacity:1;transform:translateY(0);transition-delay:.45s}

/* =========================
   INCLUDED
========================= */
.included-section{
  position:relative;
  overflow:hidden;
  padding:clamp(5rem,9vw,9rem) 0;
  background:linear-gradient(180deg,#050505 0%,var(--soft-white) 14%,var(--soft-white) 100%);
  color:var(--black);
}
.included-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(2rem,4vw,4rem) clamp(1.5rem,3vw,3rem)}
.included-item{text-align:center;min-height:210px}
.doodle-slot{width:90px;aspect-ratio:1;margin:0 auto 1.4rem;display:flex;align-items:center;justify-content:center}
.doodle-slot img{width:100%;height:100%;object-fit:contain}
.included-item h3{margin:0 0 .6rem;font-size:1rem;text-transform:uppercase;letter-spacing:.04em}
.included-item p{margin:0 auto;max-width:220px;font-size:.92rem;line-height:1.5;color:rgba(11,11,11,.68)}

/* =========================
   PRIZE BIKES
========================= */
.prize-section{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 30%),
    radial-gradient(circle at 18% 55%,rgba(213,28,28,.18),transparent 34%),
    radial-gradient(circle at 82% 55%,rgba(0,168,232,.14),transparent 34%),
    #050505;
  color:var(--white);
  display:flex;
  align-items:center;
  padding:clamp(120px,10vw,170px) 0 var(--section-padding);
}
.prize-section::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-1px;
  height:160px;
  background:linear-gradient(to top,transparent,var(--soft-white));
  pointer-events:none;
  z-index:1;
}
.prize-content{position:relative;z-index:2;width:100%}
.prize-header{max-width:820px;margin:0 auto clamp(2rem,4vw,4rem);text-align:center}
.prize-header .section-title{margin-bottom:1.2rem}
.prize-bikes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.4rem,4vw,4rem);align-items:center;margin:clamp(2rem,5vw,5rem) 0 2rem}
.bike-card{min-height:260px;display:flex;align-items:center;justify-content:center}
.bike-placeholder{width:min(520px,100%);height:260px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);box-shadow:0 36px 80px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.10);position:relative;overflow:hidden}
.bike-placeholder::before{content:"";position:absolute;inset:50%;width:76%;height:52%;transform:translate(-50%,-50%);border-radius:999px;border:8px solid rgba(255,255,255,.72);filter:blur(.2px)}
.bike-placeholder::after{content:"";position:absolute;left:24%;top:47%;width:52%;height:28%;border-left:7px solid rgba(255,255,255,.78);border-bottom:7px solid rgba(255,255,255,.78);transform:skewX(-24deg)}
.bike-placeholder span{position:absolute;bottom:20px;left:24px;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5)}
.reveal-bike{opacity:0;transition:opacity 1s ease,transform 1s ease}
.bike-left{transform:translateX(-80px)}
.bike-right{transform:translateX(80px)}
.prize-section.is-visible .reveal-bike{opacity:1;transform:translateX(0)}
.prize-cta{text-align:center;margin-top:clamp(2rem,4vw,4rem)}

.bike-card{
    display:flex;
    justify-content:center;
    align-items:center;
}

.bike-image{
    width:100%;
    max-width:520px;
    height:auto;
    display:block;
    object-fit:contain;
    transition:transform .4s ease;
}

.bike-card:hover .bike-image{
    transform:scale(1.03);
}

/* =========================
   PRICING
========================= */
.pricing-section{
  position:relative;
  overflow:hidden;
  padding:clamp(120px,10vw,170px) 0 var(--section-padding);
  background:var(--soft-white);
}
.pricing-section::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-1px;
  height:160px;
  background:linear-gradient(to top,transparent,var(--black));
  pointer-events:none;
  z-index:1;
}
.pricing-section .container{position:relative;z-index:2}
.pricing-grid{margin-top:70px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.price-card{border-radius:24px;padding:35px;background:rgba(255,255,255,.78);text-align:center;transition:.35s;border:1px solid rgba(0,0,0,.06)}
.price-card span{display:block;margin-bottom:14px;font-size:.9rem;letter-spacing:.12em}
.price-card strong{font-size:2rem}
.price-card:hover{transform:translateY(-8px)}
.price-card.past{opacity:.38;filter:grayscale(1)}
.price-card.current{background:var(--yellow);color:#000;transform:translateY(-8px)}
.price-card.current::after{content:"PRECIO ACTUAL";display:inline-block;margin-top:18px;padding:8px 12px;border-radius:999px;background:#000;color:#fff;font-size:.68rem;letter-spacing:.12em;font-weight:800}
.pricing-button{margin-top:55px;text-align:center}

/* =========================
   CATEGORIES
========================= */
.categories-section{
  position:relative;
  overflow:hidden;
  padding:clamp(120px,10vw,170px) 0 var(--section-padding);
  background:#050505;
  color:#fff;
}
.categories-section::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-1px;
  height:160px;
  background:linear-gradient(to top,transparent,var(--soft-white));
  pointer-events:none;
  z-index:1;
}
.categories-section .container{position:relative;z-index:2}
.categories-section .section-title{color:#fff}
.categories-grid{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:36px}
.category-block{padding:42px;border-radius:30px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(0,0,0,.28)}
.category-distance{display:inline-block;margin-bottom:20px;font-family:var(--font-display);font-size:2.8rem;line-height:.9}
.category-distance.blue{color:var(--blue)}
.category-distance.yellow-text{color:var(--yellow)}
.category-block h3{margin-bottom:28px;font-size:1.15rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.branch-card{padding:24px;border-radius:22px;background:rgba(255,255,255,.07)}
.branch-card h4{margin-bottom:16px;color:var(--yellow);text-transform:uppercase;letter-spacing:.12em;font-size:.9rem}
.branch-card ul{list-style:none;padding:0;margin:0}
.branch-card li{padding:6px 0;color:rgba(255,255,255,.78);font-size:.95rem}
.branch-card li::before{content:"• ";color:var(--blue)}

/* =========================
   HOTELS
========================= */
.hotels-section{
  position:relative;
  overflow:hidden;
  padding:clamp(120px,10vw,170px) 0 var(--section-padding);
  background:var(--soft-white);
}
.hotels-section::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-1px;
  height:160px;
  background:linear-gradient(to top,transparent,var(--black));
  pointer-events:none;
  z-index:1;
}
.hotels-section .container{position:relative;z-index:2}
.hotel-grid{margin-top:70px;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.hotel-card{overflow:hidden;border-radius:28px;background:var(--white);box-shadow:0 25px 70px rgba(0,0,0,.08);transition:.35s}
.hotel-card:hover{transform:translateY(-10px)}
.hotel-image{aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;background:#efefef;font-family:var(--font-display);font-size:3rem;color:#c7c7c7}
.hotel-content{padding:35px}
.hotel-content h3{margin-bottom:8px}
.hotel-stars{color:var(--yellow);letter-spacing:2px}
.hotel-prices{margin:30px 0;display:flex;flex-direction:column;gap:16px}
.price-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}
.price-row div{display:flex;flex-direction:column;gap:4px}
.price-row span{color:#555}
.price-row strong{font-size:1.05rem;white-space:nowrap}
.price-row small{font-size:.78rem;line-height:1.35;color:rgba(0,0,0,.48)}
.hotel-note{margin-bottom:30px;color:#888;font-size:.9rem}

/* =========================
   SPONSORS + FOOTER
========================= */
.sponsors-section{
  position:relative;
  overflow:hidden;
  padding:clamp(120px,10vw,170px) 0 var(--section-padding);
  background:#050505;
  color:#fff;
}
.sponsors-section::before{
  content:"";
  position:absolute;
  left:-12%;
  right:-12%;
  top:-1px;
  height:160px;
  background:linear-gradient(to top,transparent,var(--soft-white));
  pointer-events:none;
  z-index:1;
}
.sponsors-section .container{position:relative;z-index:2}
.sponsors-section .section-title{color:#fff}
.sponsors-cloud{margin-top:70px;display:grid;grid-template-columns:repeat(4,1fr);gap:42px;align-items:center}
.sponsor-logo{height:110px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.68;font-family:var(--font-display);font-size:1.6rem;letter-spacing:.08em;border-radius:24px;background:rgba(255,255,255,.035);box-shadow:0 24px 60px rgba(0,0,0,.28);transition:.35s ease}
.sponsor-logo:hover{opacity:1;transform:translateY(-6px);background:rgba(255,255,255,.055)}
.sponsor-logo img{
    max-width:90%;
    max-height:86px;
    width:auto;
    height:auto;
    display:block;
    object-fit:contain;
}
.site-footer{background:linear-gradient(180deg,#050505 0%,#101010 100%);color:#fff;padding:52px 0 28px;border-top:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:center}
.footer-brand h2{margin:0;font-family:var(--font-display);text-transform:uppercase;font-size:1.45rem;line-height:.95}
.footer-brand p{margin-top:6px;color:rgba(255,255,255,.68);font-size:.95rem}
.footer-links{display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:center}
.footer-links a{color:rgba(255,255,255,.72);text-decoration:none;transition:.25s;font-size:.95rem}
.footer-links a:hover{color:var(--yellow)}
.footer-dev{text-align:right}
.footer-dev span{display:block;color:rgba(255,255,255,.48);font-size:.78rem;margin-bottom:6px}
.footer-dev a{
    color:#fff;
    font-size:.99rem;
    font-weight:800;
    transition:.25s;
}
.footer-dev a:hover{
    color:var(--yellow);
}
.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.45);font-size:.78rem}

/* =========================
   ANIMATIONS
========================= */
.reveal,
.reveal-item{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}
.reveal.is-visible,
.reveal-item.is-visible{opacity:1;transform:translateY(0)}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:1000px){
  .included-grid{grid-template-columns:repeat(3,1fr)}
  .pricing-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .manifesto__grid,.route-grid,.jersey-grid,.hotel-grid{grid-template-columns:1fr}
  .display-title{font-size:clamp(4rem,16vw,8rem)}
  .curve-lines--hero{width:55vw;right:-90px}
  .route-stats{grid-template-columns:1fr 1fr}
  .jersey-section{padding:6rem 0}
  .jersey-visual{min-height:480px}
  .prize-section{padding:6rem 0}
  .prize-bikes{grid-template-columns:1fr}
  .bike-card{min-height:220px}
  .bike-placeholder{height:220px}
  .bike-left,.bike-right{transform:translateY(40px)}
  .prize-section.is-visible .reveal-bike{transform:translateY(0)}
  .categories-grid{grid-template-columns:1fr}
  .sponsors-cloud{grid-template-columns:repeat(2,1fr);gap:24px}
  .sponsor-logo{height:96px}
}
@media(max-width:760px){
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-dev{text-align:center}
  .footer-bottom{flex-direction:column;text-align:center}
}
@media(max-width:700px){
  .included-grid{grid-template-columns:repeat(2,1fr)}
  .included-item{min-height:190px}
  .doodle-slot{width:76px;height:76px}
}
@media(max-width:600px){
  .category-block{padding:30px 22px}
  .branch-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .hero__content{padding-top:0}
  .brand-logo{margin-bottom:34px}
  .hero .btn,.btn{width:100%}
  .route-stats{grid-template-columns:1fr}
  .route-card__content{padding:22px}
  .section-title{font-size:clamp(2.8rem,14vw,4.4rem)}
  .pricing-grid,.sponsors-cloud{grid-template-columns:1fr}
}

/* Ajuste de espacios en categorías */

.categories-section .section-header.center{
    margin-bottom:36px;
}

.categories-section .body-copy{
    margin-top:18px;
}

.categories-grid{
    align-items:start;
}

.category-block{
    height:auto;
}

.category-block:first-child{
    align-self:start;
}

.category-block:first-child .branch-card{
    min-height:120px;
}

.category-block:nth-child(2) .branch-card{
    min-height:auto;
}

/* =========================
   BRAND DETAILS
   Lion + curved lines
========================= */

.section-lion{
    position:absolute;
    pointer-events:none;
    user-select:none;
    z-index:1;
    width:clamp(180px, 18vw, 320px);
    height:auto;
    opacity:.035;
}

.section-lion--black{
    filter:none;
}

.section-lion--white{
    opacity:.05;
}

.manifesto-lion{
    right:6vw;
    bottom:5vw;
    width:clamp(220px, 22vw, 380px);
    opacity:.045;
}

.routes-lion{
    left:4vw;
    bottom:4vw;
    width:clamp(200px, 20vw, 340px);
}

.jersey-lion{
    right:42%;
    bottom:8%;
    width:clamp(240px, 24vw, 430px);
    opacity:.045;
}

.included-lion{
    left:4vw;
    top:10%;
    width:clamp(180px, 20vw, 360px);
    opacity:.035;
}

.categories-lion{
    right:5vw;
    bottom:5vw;
    width:clamp(220px, 22vw, 390px);
    opacity:.045;
}

.footer-lion{
    position:absolute;
    right:5vw;
    bottom:1rem;
    width:clamp(160px, 18vw, 280px);
    opacity:.045;
    pointer-events:none;
    user-select:none;
}

/* Líneas curvas de identidad */

.brand-lines{
    position:absolute;
    pointer-events:none;
    z-index:1;
    width:clamp(230px, 28vw, 460px);
    height:190px;
    opacity:.72;
}

.brand-lines span{
    position:absolute;
    inset:0;
    display:block;
    border-top:4px solid;
    border-radius:50%;
    transform:rotate(-13deg);
}

.brand-lines span:nth-child(1){
    border-color:var(--yellow);
    top:0;
}

.brand-lines span:nth-child(2){
    border-color:var(--red);
    top:15px;
}

.brand-lines span:nth-child(3){
    border-color:var(--blue);
    top:30px;
}

.brand-lines--manifesto{
    right:-90px;
    top:8%;
    opacity:.35;
}

.brand-lines--routes{
    right:-120px;
    top:12%;
    opacity:.42;
}

.brand-lines--jersey{
    left:-130px;
    bottom:8%;
    opacity:.38;
}

.brand-lines--categories{
    left:-110px;
    top:10%;
    opacity:.35;
}

/* Asegura que el contenido quede arriba de los detalles */

.manifesto .container,
.routes .container,
.jersey-grid,
.included-section .container,
.categories-section .container,
.site-footer .container{
    position:relative;
    z-index:2;
}

.site-footer{
    position:relative;
    overflow:hidden;
}

/* =========================
   NAVIGATION BAR
========================= */

.site-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;
    background:transparent;
    border-bottom:1px solid transparent;
    transition:background .35s ease, border-color .35s ease, backdrop-filter .35s ease, transform .35s ease;
}

.site-nav.is-scrolled{
    background:rgba(5,5,5,.84);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.nav-inner{
    min-height:100px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
}

.nav-logo{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.nav-logo img{
    width:190px;
    height:auto;
    display:block;
}

.nav-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}

.nav-links a{
    color:rgba(255,255,255,.78);
    font-size:.88rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.075em;
    transition:.25s ease;
}

.nav-links a:hover{
    color:var(--yellow);
}

.nav-cta{
    min-height:44px;
    padding:0 28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:var(--red);
    color:#fff;
    font-size:.88rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;
    transition:.25s ease;
    flex-shrink:0;
    margin-right:70px;
}

.nav-cta:hover{
    background:#B91616;
    transform:translateY(-2px);
}

section{
    scroll-margin-top:90px;
}

@media(max-width:900px){
    .nav-inner{
        min-height:66px;
    }

    .nav-logo img{
        width:128px;
    }

    .nav-links{
        display:none;
    }

    .nav-cta{
        font-size:.7rem;
        padding:0 14px;
    }
}

/* =========================
   HERO FULL LION LOGO
========================= */

.hero-lion-logo{
    position:absolute;
    right:10vw;
    top:50%;
    transform:translateY(-42%);
    width:min(470px, 34vw);
    height:auto;
    z-index:1;
    opacity:.14;
    pointer-events:none;
    user-select:none;
    filter:drop-shadow(0 24px 60px rgba(0,0,0,.45));
}

/* =========================
   RESPONSIVE PHASE 1
   Navbar + Hero
========================= */

@media(max-width:900px){

    .nav-links{
        display:none;
    }

    .nav-inner{
        min-height:64px;
    }

    .nav-logo img{
        width:160px;
    }

    .nav-cta{
        min-height:38px;
        padding:0 18px;
        font-size:.76rem;
        margin-right:0;
    }

    .hero{
        min-height:100svh;
    }

    .hero__content{
        padding-top:92px;
    }

    .display-title{
        font-size:clamp(4rem, 17vw, 7rem);
    }

    .hero-lion-logo{
        right:-12vw;
        top:58%;
        width:70vw;
        opacity:.07;
    }
}

@media(max-width:560px){

    .hero__content{
        padding-top:88px;
    }

    .display-title{
        font-size:clamp(3.6rem, 18vw, 5.8rem);
    }

    .hero .eyebrow{
        font-size:.82rem;
        letter-spacing:.12em;
    }

    .hero .btn{
        width:100%;
        max-width:320px;
    }

    .nav-logo img{
        width:145px;
    }

    .nav-cta{
        min-height:36px;
        padding:0 14px;
        font-size:.7rem;
    }
}

/* =========================
   RESPONSIVE PHASE 2
   Section spacing + Pricing + Footer
========================= */

@media(max-width:700px){

    /* Menos aire entre secciones */
    .section,
    .included-section,
    .prize-section,
    .pricing-section,
    .categories-section,
    .hotels-section,
    .sponsors-section{
        padding-top:76px;
        padding-bottom:76px;
    }

    .manifesto{
        padding-top:84px;
        padding-bottom:76px;
    }

    .routes{
        padding-top:84px;
        padding-bottom:76px;
    }

    .jersey-section{
        padding:76px 0;
        min-height:auto;
    }

    /* Headers más compactos */
    .section-header.center,
    .section-heading.center{
        margin-bottom:40px;
    }

    .section-title{
        font-size:clamp(2.7rem, 14vw, 4.2rem);
    }

    .body-copy,
    .manifesto__copy p,
    .section-header p:not(.eyebrow){
        font-size:1rem;
        line-height:1.55;
    }

    /* Precios más compactos en celular */
    .pricing-grid{
        margin-top:38px;
        gap:18px;
    }

    .price-card{
        border-radius:22px;
        padding:28px 22px;
        min-height:auto;
    }

    .price-card span{
        margin-bottom:10px;
        font-size:.78rem;
        letter-spacing:.14em;
    }

    .price-card strong{
        font-size:2rem;
    }

    .price-card.current{
        transform:none;
    }

    .price-card.current::after{
        display:block;
        width:max-content;
        margin:14px auto 0;
        font-size:.62rem;
        padding:7px 10px;
    }

    .pricing-button{
        margin-top:34px;
    }

    /* Footer un poco más legible */
    .footer-links a{
        font-size:1rem;
    }

    .footer-brand p{
        font-size:1rem;
    }

    .footer-dev span{
        font-size:.86rem;
    }

    .footer-dev a,
    .footer-dev strong{
        font-size:1.02rem;
    }

    .footer-bottom{
        font-size:.86rem;
    }
}

/* Ajuste fino hero celular */

@media(max-width:560px){

    .hero{
        align-items:start;
    }

    .hero__content{
        padding-top:200px;
    }

    .hero .eyebrow{
        margin-bottom:18px;
    }

    .hero .btn{
        margin-top:28px;
    }
}

/* =========================
   HERO DATE RESPONSIVE
========================= */

.hero-date span{
    display:inline;
}

.hero-date span + span::before{
    content:" · ";
}

@media(max-width:560px){

    .hero-date span{
        display:block;
    }

    .hero-date span + span::before{
        content:"";
    }

    .hero-date{
        line-height:1.12;
    }
}

/* =========================
   CLEAN SECTION TRANSITIONS
   Final version
========================= */

/* Apagamos pseudo-degradados que estaban causando líneas */
.routes::before,
.prize-section::before,
.pricing-section::before,
.categories-section::before,
.hotels-section::before,
.sponsors-section::before,
.manifesto::after{
    display:none !important;
}

/* Transición blanco -> negro */
.routes,
.prize-section,
.categories-section,
.sponsors-section{
    background:
        linear-gradient(
            to bottom,
            var(--soft-white) 0px,
            rgba(246,244,239,.78) 38px,
            rgba(5,5,5,0) 150px
        ),
        #050505;
}

/* Transición negro -> blanco */
.pricing-section,
.hotels-section{
    background:
        linear-gradient(
            to bottom,
            #050505 0px,
            rgba(5,5,5,.78) 40px,
            rgba(5,5,5,0) 150px
        ),
        var(--soft-white);
}

/* Hero -> Manifiesto */
.hero::after{
    bottom:-1px;
    height:150px;
    background:linear-gradient(
        to bottom,
        rgba(5,5,5,0) 0%,
        var(--soft-white) 100%
    );
}

/* Evita micro líneas por render */
.hero,
.manifesto,
.routes,
.jersey-section,
.included-section,
.prize-section,
.pricing-section,
.categories-section,
.hotels-section,
.sponsors-section{
    margin-top:-1px;
}

/* =========================
   JERSEY MOBILE FIX
========================= */

@media(max-width:700px){

    .jersey-section{
        padding-top:15px;
        padding-bottom:72px;
        min-height:auto;
    }

    .jersey-grid{
        gap:28px;
    }

    .jersey-visual{
        min-height:auto;
        align-items:center;
        justify-content:center;
    }

    .jersey-image{
        width:min(430px, 94vw);
        transform:translateY(40px);
    }

    .jersey-section.is-visible .jersey-image{
        transform:translateY(0);
    }

    .jersey-bg-words span:nth-child(1){
        top:4%;
    }
}

/* =========================
   HOTEL SINGLE CARD LAYOUT
========================= */

.hotel-grid.hotel-grid--single{
    grid-template-columns:minmax(320px, 620px);
    justify-content:center;
}

.hotel-grid.hotel-grid--single .hotel-card{
    width:100%;
}

/* =========================
   HOTEL ROOM GALLERY
========================= */

.hotel-gallery{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#efefef;
}

.hotel-gallery-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:opacity .25s ease, transform .35s ease;
}

.hotel-gallery:hover .hotel-gallery-image{
    transform:scale(1.03);
}

.hotel-room-tabs{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:2;

    display:flex;
    gap:8px;
    flex-wrap:wrap;
    justify-content:center;
}

.room-tab{
    border:0;
    cursor:pointer;
    min-height:32px;
    padding:0 12px;
    border-radius:999px;

    background:rgba(5,5,5,.72);
    color:#fff;

    font-family:var(--font-body);
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em;

    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    transition:.25s ease;
}

.room-tab:hover,
.room-tab.active{
    background:var(--yellow);
    color:#000;
}

@media(max-width:560px){
    .hotel-room-tabs{
        left:12px;
        right:12px;
        bottom:12px;
        gap:6px;
    }

    .room-tab{
        min-height:30px;
        padding:0 10px;
        font-size:.66rem;
    }
}

/* =========================
   HOTEL DYNAMIC INFO
========================= */

.hotel-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:28px;
}

.hotel-socials{
    display:flex;
    align-items:center;
    gap:8px;
}

.hotel-socials a{
    width:34px;
    height:34px;
    border-radius:999px;
    display:grid;
    place-items:center;
    background:#050505;
    color:#fff;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.04em;
    transition:.25s ease;
}

.hotel-socials a:hover{
    background:var(--yellow);
    color:#000;
    transform:translateY(-2px);
}

.hotel-room-info{
    padding:24px;
    border-radius:22px;
    background:rgba(11,11,11,.04);
    margin-bottom:24px;
}

.hotel-room-label{
    display:block;
    margin-bottom:8px;
    font-size:.72rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:var(--red);
}

.hotel-room-title{
    margin:0 0 10px;
    font-size:1.4rem;
    line-height:1.1;
}

.hotel-room-description{
    margin:0 0 20px;
    color:rgba(11,11,11,.62);
    line-height:1.45;
}

.hotel-room-price{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:20px;
    padding-top:18px;
    border-top:1px solid rgba(0,0,0,.08);
}

.hotel-room-price span{
    font-size:.76rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.12em;
    color:rgba(11,11,11,.48);
}

.hotel-room-price strong{
    font-size:1.65rem;
    line-height:1;
    color:#050505;
}

.hotel-booking-btn{
    width:100%;
}

@media(max-width:560px){
    .hotel-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .hotel-room-price{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

    .hotel-room-price strong{
        font-size:1.45rem;
    }
}

.hotel-room-title{
    font-size:clamp(1.35rem, 2vw, 1.8rem);
    line-height:1.35;
    font-weight:600;
    color:rgba(11,11,11,.72);
}

.hotel-room-description:empty{
    display:none;
}

.hotel-card__logo{
    display:block;
    max-width:120px;
    width:100%;
    height:auto;
}

.prize-disclaimer{
    max-width:560px;
    margin:18px auto 0;
    text-align:center;
    color:rgba(255,255,255,.55);
    font-size:.82rem;
    line-height:1.45;
}