:root{
  --bg:#050505;--panel:#0b0b0b;--panel2:#111;--gold:#f5c400;--gold2:#ffe26a;
  --white:#fff;--muted:#bdbdbd;--line:rgba(245,196,0,.25)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:
radial-gradient(circle at 12% 9%,rgba(245,196,0,.07),transparent 22%),
radial-gradient(circle at 88% 35%,rgba(245,196,0,.04),transparent 24%),
repeating-linear-gradient(125deg,rgba(245,196,0,.012) 0 1px,transparent 1px 36px),#050505}
a{text-decoration:none;color:inherit}img{display:block;width:100%}.wrap{width:min(1240px,calc(100% - 36px));margin:auto}

/* SOUTHside-inspired navigation structure */
header{position:sticky;top:0;z-index:100;background:rgba(5,5,5,.97);border-bottom:1px solid rgba(245,196,0,.35);backdrop-filter:blur(12px)}
.navbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:flex;align-items:center;gap:11px}.brand img{width:52px;height:52px;object-fit:contain}
.brand strong{display:block;color:var(--gold);font-size:15px;letter-spacing:1px}.brand small{display:block;color:#fff;font-size:9px;letter-spacing:2.7px}
nav{display:flex;align-items:center;gap:28px}nav>a,.navdrop>button,.lang{border:0;background:none;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}
nav>a:hover,.navdrop>button:hover{color:var(--gold)}
.navdrop{position:relative}.drop{position:absolute;top:calc(100% + 28px);left:0;min-width:235px;padding:8px 0;background:#090909;border-top:3px solid var(--gold);box-shadow:0 18px 46px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(7px);transition:.2s}
.drop:before{content:"";position:absolute;top:-28px;left:0;right:0;height:28px}.navdrop:hover .drop,.navdrop.open .drop{opacity:1;visibility:visible;transform:none}
.drop a{display:block;padding:13px 18px;font-size:12px;font-weight:900;text-transform:uppercase}.drop a:hover{background:rgba(245,196,0,.08);color:var(--gold)}
.register{padding:13px 19px!important;background:linear-gradient(135deg,#ffec8c,#f5c400 48%,#b57c00)!important;color:#050505!important;box-shadow:0 10px 28px rgba(245,196,0,.14)}
.lang{width:43px;height:43px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.menu{display:none;background:none;border:0;color:#fff;font-size:28px}.mobile{display:none;padding:10px 18px 18px}.mobile.open{display:grid;gap:7px}.mobile a,.mobile button{padding:13px;background:#0d0d0d;color:#fff;border:1px solid #242424;text-align:left;font-weight:900}.mobile-sub{display:none;margin-left:12px;border-left:2px solid rgba(245,196,0,.35)}.mobile-about.open .mobile-sub{display:grid}

/* HOME hero: photo collage modeled after Southside's photographic opening */
.home-hero{padding:22px 0 0;border-bottom:1px solid var(--line);background:#050505}
.hero-title{text-align:center;padding:26px 0 18px}.hero-title .eyebrow{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2.5px}.hero-title h1{font-size:clamp(34px,5vw,62px);line-height:.94;text-transform:uppercase;margin:10px 0 8px}.hero-title h1 span{color:var(--gold)}
.photo-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;height:min(48vw,560px);min-height:400px;position:relative}
.photo-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.photo-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.28),transparent 45%);pointer-events:none}
.season-banner{position:relative;z-index:3;margin:-94px auto 0;width:max-content;max-width:calc(100% - 30px);text-align:center;background:#050505;border:3px solid #fff;box-shadow:0 0 0 5px var(--gold),0 16px 35px rgba(0,0,0,.45);padding:10px 34px;text-transform:uppercase}
.season-banner small{display:block;font-weight:900;letter-spacing:1px}.season-banner strong{font-size:clamp(28px,4vw,48px);line-height:1;color:var(--gold)}.season-banner span{display:block;font-size:12px;font-weight:900;margin-top:4px}

/* sections */
.section{padding:76px 0;position:relative;border-bottom:1px solid rgba(255,255,255,.07)}.section.alt{background:#0a0a0a}.section:after{content:"";position:absolute;bottom:-1px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(245,196,0,.42),transparent)}
.kicker{color:var(--gold);font-size:11px;font-weight:900;letter-spacing:2.5px;text-transform:uppercase}.title{font-size:clamp(36px,5vw,61px);line-height:.96;text-transform:uppercase;margin:8px 0 15px}.title span{color:var(--gold)}.lead{color:#bbb;font-size:17px;max-width:820px}

/* upcoming programs like Southside products, but with Inter data */
.program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.program-card{background:#0a0a0a;border:1px solid rgba(245,196,0,.16);display:flex;flex-direction:column}
.program-card img{height:310px;object-fit:contain;background:#050505}
.program-body{padding:22px;display:flex;flex-direction:column;flex:1}.program-tag{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.program-body h3{font-size:26px;margin:6px 0}.program-body p{color:#bbb;font-size:14px}.program-meta{margin-top:auto;padding-top:14px;border-top:1px solid rgba(245,196,0,.18);font-weight:900;font-size:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid rgba(255,255,255,.72);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;margin-top:14px}.btn.gold{background:linear-gradient(135deg,#ffec8c,#f5c400 48%,#b57c00);color:#050505;border-color:var(--gold)}

/* year round statement */
.year-round{text-align:center;max-width:1030px;margin:auto}.year-round p{font-size:clamp(20px,2.1vw,28px);font-weight:800;color:#e8e8e8;line-height:1.45}

/* gallery strip */
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.strip img{height:310px;object-fit:contain;background:#050505}

/* news */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.news-card{background:#0b0b0b;border:1px solid rgba(245,196,0,.15)}.news-card img{height:280px;object-fit:contain;background:#050505}.news-card div{padding:18px}.news-card h3{font-size:23px;margin:5px 0}.news-card p{color:#aaa;font-size:14px}

/* special participation */
.logos{display:flex;justify-content:center;align-items:center;gap:58px;flex-wrap:wrap;margin-top:30px}.logos figure{margin:0;text-align:center}.logos img{width:150px;height:115px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(245,196,0,.18))}.logos figcaption{font-size:12px;font-weight:900;margin-top:8px}

/* interior pages */
.page-hero{padding:70px 0 50px;background:radial-gradient(circle at 10% 25%,rgba(245,196,0,.08),transparent 25%),#090909;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(46px,6vw,80px);line-height:.9;text-transform:uppercase;margin:10px 0}.page-hero h1 span{color:var(--gold)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.two img{height:470px;object-fit:contain;background:#050505}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#0b0b0b;border:1px solid rgba(245,196,0,.15)}.card img{height:320px;object-fit:contain;background:#050505}.card-body{padding:20px}.card-body h3{font-size:24px}.card-body p{color:#aaa}.role{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.panel{background:#0b0b0b;border:1px solid rgba(245,196,0,.15);padding:28px}.field{display:grid;gap:7px;margin-bottom:14px}.field input,.field textarea{padding:13px;border:1px solid #292929;background:#050505;color:#fff;font:inherit}.field textarea{min-height:160px}

/* footer */
footer{background:#020202;border-top:1px solid rgba(245,196,0,.28);padding:36px 0}.footer{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:52px;height:52px;object-fit:contain}.footer h3{color:var(--gold);margin:0 0 8px}.footer p,.footer a{display:block;color:#999;font-size:13px;margin:5px 0}

@media(max-width:950px){nav{display:none}.menu{display:block}.program-grid,.news-grid,.cards{grid-template-columns:1fr 1fr}.two,.contact-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}.photo-hero{grid-template-columns:1fr 1fr;height:650px}}
@media(max-width:600px){.wrap{width:calc(100% - 24px)}.navbar{height:70px}.brand img{width:43px;height:43px}.brand strong{font-size:13px}.home-hero{padding-top:5px}.hero-title h1{font-size:36px}.photo-hero{height:520px;gap:5px}.season-banner{margin-top:-70px;padding:9px 18px}.program-grid,.news-grid,.cards,.footer{grid-template-columns:1fr}.strip{grid-template-columns:1fr 1fr}.strip img{height:220px}.section{padding:56px 0}.program-card img,.news-card img,.card img{height:280px}.two img{height:320px}.btn{width:100%}}

.quickfacts{background:#0a0a0a;border-top:1px solid rgba(245,196,0,.25);border-bottom:1px solid rgba(245,196,0,.25);padding:22px 0}
.quickfacts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quickfacts-grid>div{text-align:center;padding:9px 18px;border-right:1px solid rgba(245,196,0,.22)}.quickfacts-grid>div:last-child{border-right:0}
.quickfacts strong{display:block;color:var(--gold);font-size:20px;text-transform:uppercase}.quickfacts span{display:block;color:#aaa;font-size:10px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;margin-top:4px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:32px;border-top:1px solid rgba(245,196,0,.25);border-bottom:1px solid rgba(245,196,0,.25)}
.why-item{padding:28px 22px;border-right:1px solid rgba(245,196,0,.18)}.why-item:last-child{border-right:0}.why-item strong{display:block;color:var(--gold);font-size:17px;text-transform:uppercase;margin-bottom:8px}.why-item span{color:#aaa;font-size:13px}
.join-cta{height:570px;position:relative;display:flex;align-items:center;overflow:hidden;border-top:1px solid rgba(245,196,0,.2);border-bottom:1px solid rgba(245,196,0,.25)}
.join-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}.join-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.66) 48%,rgba(0,0,0,.2))}
.join-content{position:relative;z-index:2}.join-content h2{font-size:clamp(42px,6vw,78px);line-height:.9;margin:10px 0;text-transform:uppercase}.join-content h2 span{color:var(--gold)}.join-content p{font-size:19px;font-weight:800}.join-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:850px){.quickfacts-grid,.why-grid{grid-template-columns:1fr 1fr}.quickfacts-grid>div:nth-child(2),.why-item:nth-child(2){border-right:0}.join-cta{height:500px}}
@media(max-width:520px){.why-grid{grid-template-columns:1fr}.why-item{border-right:0;border-bottom:1px solid rgba(245,196,0,.14)}.join-cta{height:470px}.join-overlay{background:rgba(0,0,0,.68)}.join-content{text-align:center}.join-actions{justify-content:center}}


/* ===== V3 COMPACTA: menos espacios vacíos, mejor equilibrio laptop/teléfono ===== */

/* Header un poco más compacto */
.navbar{height:72px !important}
.brand img{width:44px !important;height:44px !important}
.brand strong{font-size:14px !important}
.brand small{font-size:8px !important}

/* HERO: todo visible en una sola pantalla en laptop */
.home-hero{
  min-height:auto !important;
  padding:8px 0 0 !important;
}
.hero-title{
  padding:12px 0 10px !important;
}
.hero-title .eyebrow{
  margin:0 !important;
  font-size:10px !important;
  letter-spacing:2px !important;
}
.hero-title h1{
  margin:5px 0 4px !important;
  font-size:clamp(30px,4.1vw,50px) !important;
  line-height:.94 !important;
}
.photo-hero{
  height:clamp(255px,30vw,360px) !important;
  min-height:255px !important;
  gap:6px !important;
}
.photo-hero img{
  object-fit:cover !important;
  object-position:center 34% !important;
}
.season-banner{
  margin:-58px auto 0 !important;
  padding:7px 24px !important;
  border-width:2px !important;
  box-shadow:0 0 0 3px var(--gold),0 10px 24px rgba(0,0,0,.42) !important;
}
.season-banner small{
  font-size:9px !important;
}
.season-banner strong{
  font-size:clamp(24px,3vw,38px) !important;
}
.season-banner span{
  font-size:10px !important;
  margin-top:2px !important;
}

/* Franja de datos más compacta */
.quickfacts{
  padding:12px 0 !important;
}
.quickfacts-grid>div{
  padding:5px 14px !important;
}
.quickfacts strong{
  font-size:16px !important;
}
.quickfacts span{
  font-size:9px !important;
  margin-top:2px !important;
}

/* Menos aire en TODA la web */
.section{
  padding:50px 0 !important;
}
.section.alt{
  padding-top:46px !important;
  padding-bottom:46px !important;
}
.page-hero{
  padding:46px 0 34px !important;
}
.page-hero h1{
  margin:6px 0 8px !important;
  font-size:clamp(38px,5vw,64px) !important;
}
.title{
  margin:5px 0 10px !important;
  font-size:clamp(32px,4.2vw,52px) !important;
}
.lead{
  font-size:15px !important;
  line-height:1.5 !important;
}
.kicker{
  font-size:10px !important;
}

/* Programas / noticias: fotos más pequeñas */
.program-grid,
.news-grid,
.cards{
  margin-top:22px !important;
  gap:14px !important;
}
.program-card img{
  height:220px !important;
  object-fit:cover !important;
  object-position:center 32% !important;
}
.news-card img{
  height:205px !important;
  object-fit:cover !important;
  object-position:center 35% !important;
}
.card img{
  height:250px !important;
  object-fit:contain !important;
}
.program-body,
.news-card div,
.card-body{
  padding:16px !important;
}
.program-body h3{
  font-size:22px !important;
  margin:4px 0 6px !important;
}
.news-card h3{
  font-size:20px !important;
  margin:4px 0 5px !important;
}
.card-body h3{
  font-size:21px !important;
  margin:4px 0 6px !important;
}
.program-body p,
.news-card p,
.card-body p{
  margin:5px 0 !important;
  line-height:1.42 !important;
}
.program-meta{
  padding-top:9px !important;
}
.btn{
  margin-top:9px !important;
  padding:11px 17px !important;
}

/* Why: más delgado */
.why-grid{
  margin-top:20px !important;
}
.why-item{
  padding:20px 16px !important;
}
.why-item strong{
  font-size:15px !important;
  margin-bottom:5px !important;
}

/* Year-round: menos altura */
.year-round p{
  margin:6px auto 0 !important;
  font-size:clamp(17px,1.7vw,22px) !important;
  line-height:1.42 !important;
}

/* CTA: más corta, texto más arriba */
.join-cta{
  height:430px !important;
}
.join-content{
  transform:translateY(-8px);
}
.join-content h2{
  font-size:clamp(38px,5vw,62px) !important;
  margin:6px 0 !important;
}
.join-content p{
  margin:6px 0 !important;
  font-size:17px !important;
}

/* Participación especial más compacta */
.logos{
  margin-top:20px !important;
  gap:36px !important;
}
.logos img{
  width:120px !important;
  height:90px !important;
}
.logos figcaption{
  margin-top:5px !important;
}

/* Páginas internas */
.two{
  gap:32px !important;
}
.two img{
  height:360px !important;
}
.contact-grid{
  gap:24px !important;
}
.panel{
  padding:22px !important;
}

/* Footer más compacto */
footer{
  padding:26px 0 !important;
}
.footer{
  gap:22px !important;
}
.footer-brand img{
  width:44px !important;height:44px !important;
}

/* ===== MOBILE ===== */
@media(max-width:600px){
  .navbar{height:64px !important}
  .brand img{width:38px !important;height:38px !important}
  .brand strong{font-size:12px !important}

  .hero-title{
    padding:8px 0 7px !important;
  }
  .hero-title h1{
    font-size:30px !important;
    line-height:.95 !important;
  }
  .photo-hero{
    height:330px !important;
    min-height:330px !important;
    grid-template-columns:1fr 1fr !important;
    gap:4px !important;
  }
  .photo-hero img{
    object-position:center 28% !important;
  }
  .season-banner{
    margin:-48px auto 0 !important;
    padding:7px 14px !important;
    width:calc(100% - 34px) !important;
  }
  .season-banner strong{
    font-size:28px !important;
  }
  .season-banner span{
    font-size:9px !important;
  }

  .quickfacts{
    padding:9px 0 !important;
  }
  .quickfacts-grid{
    grid-template-columns:1fr 1fr !important;
  }
  .quickfacts-grid>div{
    padding:6px 8px !important;
  }
  .quickfacts strong{
    font-size:14px !important;
  }

  .section{
    padding:38px 0 !important;
  }
  .page-hero{
    padding:36px 0 26px !important;
  }
  .page-hero h1{
    font-size:36px !important;
  }
  .title{
    font-size:31px !important;
  }

  .program-card img,
  .news-card img{
    height:220px !important;
    object-fit:contain !important;
    background:#050505 !important;
  }
  .card img{
    height:250px !important;
  }

  .join-cta{
    height:390px !important;
  }
  .join-content{
    transform:none !important;
  }
  .join-content h2{
    font-size:38px !important;
  }

  .two img{
    height:280px !important;
  }
}

/* Muy pequeño */
@media(max-width:390px){
  .photo-hero{height:300px !important}
  .hero-title h1{font-size:27px !important}
  .season-banner strong{font-size:25px !important}
}

/* V4 — smaller, cleaner desktop proportions */
.wrap{max-width:1180px!important;padding-left:22px!important;padding-right:22px!important}
.navbar{height:62px!important}.brand img{width:36px!important;height:36px!important}.brand strong{font-size:12px!important}
.navlinks a,.dropbtn,.lang{font-size:9px!important}
.hero-title{padding:8px 0 6px!important}.hero-title h1{font-size:clamp(28px,3.2vw,43px)!important}
.photo-hero{height:285px!important;min-height:285px!important;max-width:1120px!important;margin:auto!important}
.photo-hero img{object-fit:cover!important;object-position:center 28%!important}
.season-banner{margin:-52px auto 0!important;max-width:390px!important;padding:6px 18px!important}
.season-banner strong{font-size:29px!important}
.quickfacts{padding:8px 0!important}.quickfacts strong{font-size:14px!important}.quickfacts span{font-size:8px!important}
.section{padding:36px 0!important}.section.alt{padding:36px 0!important}
.title{font-size:clamp(28px,3.3vw,43px)!important}
.program-grid,.news-grid{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}
.program-card img{height:185px!important;object-fit:contain!important;background:#050505!important}
.news-card img{height:175px!important;object-fit:contain!important;background:#050505!important}
.program-body,.news-card div{padding:13px!important}
.program-body h3{font-size:18px!important}.news-card h3{font-size:17px!important}
.program-body p,.news-card p{font-size:11px!important}
.why-item{padding:16px 14px!important}.why-item strong{font-size:13px!important}.why-item span{font-size:10px!important}
.year-round p{max-width:820px!important;font-size:17px!important}
.join-cta{height:350px!important}.join-cta>img{object-position:center 38%!important}
.join-content h2{font-size:clamp(34px,4.2vw,52px)!important}.join-content p{font-size:14px!important}
.logos img{width:95px!important;height:70px!important}
footer{padding:20px 0!important}

@media(max-width:600px){
 .wrap{padding-left:14px!important;padding-right:14px!important}
 .navbar{height:58px!important}
 .hero-title h1{font-size:25px!important}
 .photo-hero{height:245px!important;min-height:245px!important;gap:3px!important}
 .season-banner{margin:-42px auto 0!important;width:calc(100% - 42px)!important}
 .season-banner strong{font-size:23px!important}
 .section{padding:30px 0!important}
 .title{font-size:28px!important}
 .program-card img,.news-card img{height:190px!important}
 .join-cta{height:330px!important}
 .join-content h2{font-size:33px!important}
}


/* ===== V5 HERO - estilo referencia con foto real + logo + datos ===== */
.hero-pro{
  position:relative;
  min-height:620px;
  overflow:hidden;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(245,196,0,.32);
  background:#050505;
}
.hero-pro-bg{
  position:absolute;inset:0;
  background:
    url('images/news-1.jpg') center 36%/cover no-repeat;
  transform:scale(1.02);
}
.hero-pro-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.48) 52%,rgba(0,0,0,.74) 100%),
    linear-gradient(0deg,rgba(0,0,0,.76) 0%,transparent 48%,rgba(0,0,0,.34) 100%);
}
.hero-pro:after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 25% 50%,rgba(245,196,0,.14),transparent 23%),
    linear-gradient(125deg,transparent 0 64%,rgba(245,196,0,.045) 64% 64.5%,transparent 64.5%);
}
.hero-pro-inner{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:55px;
  align-items:center;
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.hero-pro-logo{
  display:flex;align-items:center;justify-content:center;
}
.hero-pro-logo img{
  width:245px!important;
  max-height:280px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 28px rgba(245,196,0,.34));
}
.hero-pro-content{
  max-width:760px;
}
.hero-pro-kicker{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:2.3px;
  text-transform:uppercase;
  margin-bottom:7px;
}
.hero-pro h1{
  margin:0 0 10px;
  text-transform:uppercase;
  line-height:.88;
  font-size:clamp(39px,5vw,70px);
  letter-spacing:-1.7px;
}
.hero-pro h1 span{color:#fff;font-style:normal}
.hero-pro h1 strong{color:#fff;font-weight:900}
.hero-pro h1 em{
  color:var(--gold);
  font-style:normal;
  font-weight:900;
  text-shadow:0 0 18px rgba(245,196,0,.17);
}
.hero-pro-sub{
  color:#e3e3e3;
  font-size:13px;
  margin:7px 0 12px;
}
.hero-pro-tags{
  display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px;
}
.hero-pro-tags span{
  padding:6px 10px;
  border:1px solid rgba(245,196,0,.45);
  border-radius:999px;
  background:rgba(0,0,0,.50);
  font-size:8px;
  font-weight:900;
  letter-spacing:.6px;
  white-space:nowrap;
}
.hero-pro-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
  margin:8px 0 12px;
  max-width:690px;
}
.hero-pro-stats>div{
  text-align:center;
  background:rgba(5,5,5,.68);
  border:1px solid rgba(245,196,0,.34);
  padding:8px 7px;
  min-height:67px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-pro-stats strong{
  color:var(--gold);
  font-size:20px;
  line-height:1;
}
.hero-pro-stats span{
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
  margin-top:4px;
}
.hero-pro-actions{
  display:flex;gap:7px;flex-wrap:wrap;
  margin-top:6px;
}
.hero-pro-actions .btn{
  margin-top:0!important;
  padding:9px 13px!important;
  min-width:102px;
  font-size:8px!important;
}
.hero-pro-actions .soft{
  background:linear-gradient(135deg,#fff1a4,#f5c400 48%,#b57c00)!important;
}
.hero-pro-season{
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border:1px solid rgba(245,196,0,.62);
  background:rgba(0,0,0,.70);
  box-shadow:0 0 18px rgba(245,196,0,.11);
}
.hero-pro-season span,.hero-pro-season small{
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}
.hero-pro-season strong{
  color:var(--gold);
  font-size:18px;
}

/* Laptop mediano */
@media(max-width:1000px){
  .hero-pro{min-height:570px}
  .hero-pro-inner{grid-template-columns:220px 1fr;gap:35px}
  .hero-pro-logo img{width:195px!important}
  .hero-pro h1{font-size:clamp(35px,5.3vw,56px)}
}

/* Teléfono */
@media(max-width:700px){
  .hero-pro{
    min-height:auto;
    padding:0;
  }
  .hero-pro-bg{
    background-position:center 28%;
  }
  .hero-pro-shade{
    background:
      linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.76) 55%,rgba(0,0,0,.50) 100%);
  }
  .hero-pro-inner{
    grid-template-columns:1fr;
    gap:8px;
    padding-top:20px!important;
    padding-bottom:20px!important;
    text-align:center;
  }
  .hero-pro-logo{
    order:1;
  }
  .hero-pro-logo img{
    width:120px!important;
    max-height:120px!important;
  }
  .hero-pro-content{
    order:2;
    margin:auto;
    max-width:100%;
  }
  .hero-pro-kicker{
    font-size:8px;
    margin-bottom:5px;
  }
  .hero-pro h1{
    font-size:34px!important;
    line-height:.90;
    margin-bottom:8px;
  }
  .hero-pro-sub{
    font-size:11px;
    max-width:95%;
    margin:7px auto 10px;
  }
  .hero-pro-tags{
    justify-content:center;
    gap:5px;
  }
  .hero-pro-tags span{
    font-size:7px;
    padding:5px 8px;
  }
  .hero-pro-stats{
    grid-template-columns:repeat(2,1fr);
    gap:6px;
    max-width:360px;
    margin:8px auto 10px;
  }
  .hero-pro-stats>div{
    min-height:58px;
    padding:7px 5px;
  }
  .hero-pro-stats strong{font-size:17px}
  .hero-pro-actions{
    justify-content:center;
  }
  .hero-pro-actions .btn{
    min-width:calc(50% - 5px);
    padding:9px 10px!important;
  }
  .hero-pro-season{
    margin-top:10px;
  }
}


/* ===== V6 HOME SIMPLE: HERO COMPACTO + FACEBOOK ===== */
.simple-hero{
  padding:18px 0 24px;
  min-height:calc(100vh - 62px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 15% 20%,rgba(245,196,0,.06),transparent 25%),
    #050505;
  border-bottom:1px solid rgba(245,196,0,.25);
}
.simple-hero-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
  margin-bottom:14px;
}
.simple-kicker{
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2.1px;
  text-transform:uppercase;
  margin-bottom:5px;
}
.simple-hero h1{
  margin:0;
  font-size:clamp(32px,4vw,54px);
  line-height:.92;
  text-transform:uppercase;
  letter-spacing:-1.2px;
}
.simple-hero h1 span{
  display:block;
  color:var(--gold);
}
.simple-hero-info{
  text-align:right;
  border-left:1px solid rgba(245,196,0,.35);
  padding-left:24px;
  min-width:265px;
}
.simple-hero-info strong{
  display:block;
  color:#fff;
  font-size:9px;
  letter-spacing:1.2px;
}
.simple-hero-info>span{
  display:block;
  color:var(--gold);
  font-size:31px;
  font-weight:900;
  line-height:1.05;
}
.simple-hero-info small{
  display:block;
  color:#bbb;
  font-size:8px;
  font-weight:900;
  letter-spacing:.7px;
  margin-top:3px;
}
.simple-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  height:clamp(245px,29vw,350px);
}
.simple-photo-grid img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
  background:#080808;
  border:1px solid rgba(245,196,0,.14);
}

/* News even tighter */
.compact-news{
  padding:34px 0!important;
}
.compact-news .news-grid{
  margin-top:17px!important;
}
.compact-news .news-card img{
  height:165px!important;
}
.compact-news .news-card div{
  padding:11px!important;
}
.compact-news .news-card h3{
  font-size:16px!important;
  margin:3px 0!important;
}

/* Facebook */
.facebook-updates{
  padding:42px 0!important;
  text-align:center;
  background:
    radial-gradient(circle at 50% 25%,rgba(245,196,0,.045),transparent 31%),
    #080808;
}
.facebook-title p{
  color:#aaa;
  margin:4px auto 18px;
  max-width:650px;
  font-size:13px;
}
.facebook-frame{
  width:min(520px,100%);
  margin:0 auto;
  background:#111;
  border:1px solid rgba(245,196,0,.25);
  padding:10px;
  min-height:300px;
}
.facebook-frame iframe{
  display:block;
  width:100%!important;
  max-width:500px;
  margin:auto;
}
.facebook-open{
  display:inline-flex;
  margin-top:14px;
  padding:10px 18px;
  color:#050505;
  background:linear-gradient(135deg,#ffe985,#f5c400,#b67b00);
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
}

/* Special Participation simple */
.special-simple{
  text-align:center;
  padding:38px 0!important;
}
.special-simple .logos{
  margin-top:16px!important;
}

/* laptop */
@media(max-width:900px){
  .simple-hero{
    min-height:auto;
    padding:20px 0 26px;
  }
  .simple-hero-head{
    grid-template-columns:1fr;
    gap:9px;
    align-items:start;
  }
  .simple-hero-info{
    text-align:left;
    border-left:0;
    border-top:1px solid rgba(245,196,0,.30);
    padding:8px 0 0;
    min-width:0;
  }
  .simple-photo-grid{
    height:390px;
    grid-template-columns:1fr 1fr;
  }
}

/* mobile */
@media(max-width:600px){
  .simple-hero{
    min-height:auto;
    padding:12px 0 18px;
  }
  .simple-hero-head{
    margin-bottom:9px;
  }
  .simple-kicker{
    font-size:7px;
  }
  .simple-hero h1{
    font-size:29px!important;
  }
  .simple-hero-info>span{
    font-size:24px;
  }
  .simple-photo-grid{
    height:310px;
    gap:4px;
  }
  .simple-photo-grid img{
    object-position:center 25%;
  }
  .compact-news{
    padding:28px 0!important;
  }
  .compact-news .news-card img{
    height:185px!important;
    object-fit:contain!important;
  }
  .facebook-updates{
    padding:32px 0!important;
  }
  .facebook-frame{
    padding:6px;
  }
  .facebook-frame iframe{
    height:560px;
  }
}

/* ===== V7 HERO IDENTITY ===== */
.simple-hero{
  position:relative;
}
.simple-hero:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  left:-120px;
  top:-110px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,196,0,.085),rgba(245,196,0,0) 70%);
  pointer-events:none;
}
.hero-slogan{
  margin-top:8px;
  color:var(--gold);
  font-size:clamp(14px,1.5vw,19px);
  font-weight:900;
  letter-spacing:1.8px;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(245,196,0,.15);
}
.hero-slogan-sub{
  margin:3px 0 0;
  color:#c7c7c7;
  font-size:11px;
  max-width:520px;
}
.hero-cta-row{
  display:flex;
  justify-content:flex-end;
  gap:7px;
  margin-top:8px;
}
.hero-mini-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:95px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
  background:rgba(0,0,0,.55);
}
.hero-mini-gold{
  border-color:var(--gold);
  color:#050505;
  background:linear-gradient(135deg,#ffec8e,#f5c400 48%,#b67c00);
}
.hero-photo-label{
  margin-bottom:6px;
  color:var(--gold);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.6px;
  text-transform:uppercase;
}
@media(max-width:900px){
  .hero-slogan{font-size:15px}
  .hero-slogan-sub{font-size:10px}
  .hero-cta-row{justify-content:flex-start}
}
@media(max-width:600px){
  .hero-slogan{
    font-size:13px;
    margin-top:6px;
    letter-spacing:1.2px;
  }
  .hero-slogan-sub{
    font-size:9px;
  }
  .hero-cta-row{
    gap:5px;
    margin-top:7px;
  }
  .hero-mini-btn{
    min-width:88px;
    padding:7px 9px;
    font-size:7px;
  }
  .hero-photo-label{
    font-size:7px;
    margin-top:2px;
    margin-bottom:5px;
  }
}

/* ===== V8 HERO: ALL CONTENT OVER THE FOUR PHOTOS ===== */
.hero-photo-stage{
  position:relative;
  min-height:560px;
  overflow:hidden;
  border-bottom:1px solid rgba(245,196,0,.45);
  background:#050505;
}
.hero-photo-stage .simple-photo-grid{
  position:absolute;
  inset:0;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:3px;
}
.hero-photo-stage .simple-photo-grid > *{
  min-width:0;
  height:100%;
}
.hero-photo-stage .simple-photo-grid img{
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
  object-position:center 32%;
  display:block;
}
.hero-photo-shade{
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.69) 36%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.48) 100%),
    linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.05) 48%,rgba(0,0,0,.42) 100%);
}
.hero-photo-stage:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  box-shadow:inset 0 0 100px rgba(0,0,0,.38);
}
.hero-overlay{
  position:relative;
  z-index:4;
  min-height:560px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  padding-top:46px;
  padding-bottom:46px;
}
.hero-overlay-copy{
  width:min(650px,62%);
}
.hero-kicker{
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:2.4px;
  margin-bottom:8px;
  text-transform:uppercase;
}
.hero-overlay h1{
  margin:0;
  max-width:650px;
  color:#fff;
  font-size:clamp(42px,5.2vw,78px);
  line-height:.88;
  font-weight:950;
  letter-spacing:-2.5px;
  text-transform:uppercase;
  text-shadow:0 3px 22px rgba(0,0,0,.72);
}
.hero-overlay h1 span{
  display:block;
  color:var(--gold);
}
.hero-overlay .hero-slogan{
  margin-top:15px;
  font-size:clamp(15px,1.5vw,20px);
  color:#fff;
}
.hero-overlay .hero-slogan-sub{
  max-width:480px;
  margin-top:5px;
  color:#e6e6e6;
  font-size:12px;
}
.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:15px;
}
.hero-badges span{
  padding:7px 10px;
  border:1px solid rgba(245,196,0,.62);
  background:rgba(0,0,0,.58);
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.8px;
}
.hero-registration-card{
  width:245px;
  flex:0 0 245px;
  padding:18px 16px;
  text-align:center;
  background:rgba(5,5,5,.74);
  border:1px solid rgba(245,196,0,.78);
  box-shadow:0 10px 34px rgba(0,0,0,.35), inset 0 0 30px rgba(245,196,0,.035);
  backdrop-filter:blur(5px);
}
.reg-small{
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.8px;
}
.hero-registration-card strong{
  display:block;
  margin:4px 0 0;
  color:var(--gold);
  font-size:31px;
  line-height:1;
}
.reg-season{
  margin-top:5px;
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:2px;
}
.hero-registration-card .hero-cta-row{
  justify-content:center;
  margin-top:13px;
}
.hero-registration-card .hero-mini-btn{
  min-width:94px;
}
@media(max-width:900px){
  .hero-photo-stage,
  .hero-overlay{min-height:500px}
  .hero-photo-stage .simple-photo-grid img{min-height:500px}
  .hero-overlay-copy{width:62%}
  .hero-registration-card{width:215px;flex-basis:215px}
  .hero-overlay h1{font-size:clamp(38px,7vw,58px)}
}
@media(max-width:650px){
  .hero-photo-stage{min-height:570px}
  .hero-photo-stage .simple-photo-grid{
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:repeat(2,1fr);
  }
  .hero-photo-stage .simple-photo-grid img{
    min-height:0;
    height:285px;
    object-position:center 30%;
  }
  .hero-photo-shade{
    background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.38) 55%,rgba(0,0,0,.48));
  }
  .hero-overlay{
    min-height:570px;
    padding-top:32px;
    padding-bottom:24px;
    align-items:flex-end;
    flex-direction:column;
    justify-content:flex-end;
    gap:13px;
  }
  .hero-overlay-copy{
    width:100%;
  }
  .hero-kicker{font-size:8px;letter-spacing:1.5px}
  .hero-overlay h1{
    font-size:clamp(38px,12vw,54px);
    line-height:.9;
    letter-spacing:-1.5px;
  }
  .hero-overlay .hero-slogan{font-size:13px;margin-top:9px}
  .hero-overlay .hero-slogan-sub{font-size:9px}
  .hero-badges{margin-top:9px;gap:5px}
  .hero-badges span{font-size:7px;padding:5px 7px}
  .hero-registration-card{
    width:100%;
    flex:0 0 auto;
    padding:10px 11px;
    display:grid;
    grid-template-columns:auto auto auto 1fr;
    gap:8px;
    align-items:center;
    text-align:left;
  }
  .hero-registration-card strong{font-size:23px;margin:0}
  .reg-small,.reg-season{font-size:7px}
  .hero-registration-card .hero-cta-row{
    margin:0;
    justify-content:flex-end;
  }
  .hero-registration-card .hero-mini-btn{
    min-width:74px;
    padding:6px 7px;
    font-size:6px;
  }
}

/* ===== V9 HERO COMPACT / CENTERED PHOTOS ===== */

/* Make the full hero fit better in one laptop screen */
.hero-photo-stage{
  min-height:485px !important;
}
.hero-photo-stage .simple-photo-grid img{
  min-height:485px !important;
  object-position:center center !important;
}
.hero-overlay{
  min-height:485px !important;
  padding-top:30px !important;
  padding-bottom:24px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  align-content:center !important;
  justify-items:start !important;
  gap:14px !important;
}
.hero-overlay-copy{
  width:min(680px,72%) !important;
  margin-top:-6px !important;
}
.hero-overlay h1{
  font-size:clamp(38px,4.6vw,66px) !important;
  line-height:.89 !important;
  letter-spacing:-1.8px !important;
}
.hero-kicker{
  margin-bottom:6px !important;
}
.hero-overlay .hero-slogan{
  margin-top:10px !important;
}
.hero-overlay .hero-slogan-sub{
  margin-top:3px !important;
}
.hero-badges{
  margin-top:10px !important;
}

/* Registration now sits as a clean horizontal strip, centered in the lower part */
.hero-registration-strip{
  justify-self:center;
  width:min(720px,88%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 13px;
  margin-top:6px;
  background:rgba(5,5,5,.78);
  border:1px solid rgba(245,196,0,.72);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(4px);
}
.hero-reg-copy{
  display:flex;
  align-items:baseline;
  gap:10px;
  flex-wrap:wrap;
}
.hero-reg-copy span{
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.5px;
}
.hero-reg-copy strong{
  color:var(--gold);
  font-size:24px;
  line-height:1;
}
.hero-reg-copy small{
  color:#cfcfcf;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
}
.hero-reg-actions{
  display:flex;
  gap:6px;
  flex:0 0 auto;
}
.hero-reg-actions .hero-mini-btn{
  min-width:90px;
  padding:7px 9px;
  font-size:7px;
}

/* Slightly soften and center each photo composition */
.hero-photo-stage .simple-photo-grid{
  gap:2px !important;
}
.hero-photo-stage .simple-photo-grid img:nth-child(1){object-position:50% 45% !important;}
.hero-photo-stage .simple-photo-grid img:nth-child(2){object-position:50% 42% !important;}
.hero-photo-stage .simple-photo-grid img:nth-child(3){object-position:50% 45% !important;}
.hero-photo-stage .simple-photo-grid img:nth-child(4){object-position:50% 42% !important;}

@media(max-width:900px){
  .hero-photo-stage,
  .hero-overlay{min-height:455px !important}
  .hero-photo-stage .simple-photo-grid img{min-height:455px !important}
  .hero-overlay-copy{width:75% !important}
  .hero-registration-strip{width:min(680px,92%)}
}

@media(max-width:650px){
  .hero-photo-stage{min-height:520px !important}
  .hero-photo-stage .simple-photo-grid img{
    height:260px !important;
    min-height:0 !important;
    object-position:center center !important;
  }
  .hero-overlay{
    min-height:520px !important;
    padding-top:20px !important;
    padding-bottom:16px !important;
    justify-content:end !important;
  }
  .hero-overlay-copy{
    width:100% !important;
    margin-top:0 !important;
  }
  .hero-overlay h1{
    font-size:clamp(34px,10.8vw,48px) !important;
  }
  .hero-registration-strip{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    padding:9px 10px;
    text-align:center;
  }
  .hero-reg-copy{
    justify-content:center;
    gap:7px;
  }
  .hero-reg-copy strong{
    font-size:21px;
  }
  .hero-reg-actions{
    justify-content:center;
  }
}

/* ===== V10 HERO BALANCED ===== */
.hero-v10{
  position:relative;
  height:520px;
  overflow:hidden;
  background:#050505;
  border-bottom:1px solid rgba(245,196,0,.35);
}
.hero-v10-photos{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:3px;
}
.hero-v10-photos img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
  display:block;
}
.hero-v10-photos img:nth-child(1){object-position:center 47%}
.hero-v10-photos img:nth-child(2){object-position:center 40%}
.hero-v10-photos img:nth-child(3){object-position:center 43%}
.hero-v10-photos img:nth-child(4){object-position:center 42%}

.hero-v10-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.68) 34%,rgba(0,0,0,.30) 60%,rgba(0,0,0,.36) 100%),
    linear-gradient(0deg,rgba(0,0,0,.54),transparent 45%);
}
.hero-v10-content{
  position:relative;
  z-index:2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding-top:42px!important;
  padding-bottom:26px!important;
}
.hero-v10-copy{
  max-width:610px;
}
.hero-v10-kicker{
  color:var(--gold);
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
  margin-bottom:7px;
}
.hero-v10 h1{
  margin:0;
  text-transform:uppercase;
  line-height:.9;
  letter-spacing:-1.8px;
  text-shadow:0 4px 22px rgba(0,0,0,.75);
}
.hero-v10 h1 span{
  display:block;
  color:#fff;
  font-size:clamp(36px,4.5vw,60px);
  font-weight:950;
}
.hero-v10 h1 strong{
  display:block;
  color:var(--gold);
  font-size:clamp(34px,4.2vw,56px);
  font-weight:950;
}
.hero-v10-slogan{
  margin-top:11px;
  color:#fff;
  font-size:15px;
  font-weight:900;
  letter-spacing:1.5px;
}
.hero-v10-copy p{
  margin:4px 0 0;
  color:#ddd;
  font-size:11px;
}
.hero-v10-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:11px;
}
.hero-v10-pills span{
  padding:5px 8px;
  border:1px solid rgba(245,196,0,.55);
  background:rgba(0,0,0,.48);
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.6px;
}

.hero-v10-registration{
  width:min(620px,88%);
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:10px 14px;
  background:rgba(3,3,3,.84);
  border:1px solid rgba(245,196,0,.78);
  box-shadow:0 8px 30px rgba(0,0,0,.35);
}
.hero-v10-registration>div:first-child{
  display:flex;
  align-items:baseline;
  gap:9px;
  flex-wrap:wrap;
}
.hero-v10-registration small{
  color:#fff;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.4px;
}
.hero-v10-registration strong{
  color:var(--gold);
  font-size:24px;
  line-height:1;
}
.hero-v10-registration span{
  color:#ccc;
  font-size:7px;
  font-weight:900;
  letter-spacing:1px;
}
.hero-v10-actions{
  display:flex;
  gap:6px;
  flex:0 0 auto;
}
.hero-v10-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:88px;
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.7px;
  text-transform:uppercase;
}
.hero-v10-btn.primary{
  background:linear-gradient(135deg,#ffeb8c,#f5c400 48%,#b67b00);
  border-color:var(--gold);
  color:#050505;
}

/* laptop */
@media(max-width:1000px){
  .hero-v10{height:485px}
  .hero-v10-content{padding-top:34px!important;padding-bottom:22px!important}
  .hero-v10-copy{max-width:560px}
  .hero-v10-registration{width:min(590px,90%)}
}

/* mobile */
@media(max-width:650px){
  .hero-v10{
    height:560px;
  }
  .hero-v10-photos{
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
  }
  .hero-v10-photos img{
    object-position:center center!important;
  }
  .hero-v10-overlay{
    background:linear-gradient(0deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.54) 55%,rgba(0,0,0,.34) 100%);
  }
  .hero-v10-content{
    padding-top:24px!important;
    padding-bottom:16px!important;
  }
  .hero-v10-copy{
    max-width:100%;
  }
  .hero-v10 h1 span{
    font-size:36px;
  }
  .hero-v10 h1 strong{
    font-size:34px;
  }
  .hero-v10-slogan{
    font-size:12px;
  }
  .hero-v10-copy p{
    font-size:9px;
    max-width:330px;
  }
  .hero-v10-registration{
    width:100%;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    text-align:center;
    padding:9px 10px;
  }
  .hero-v10-registration>div:first-child{
    justify-content:center;
  }
  .hero-v10-actions{
    justify-content:center;
  }
}

/* ===== V11 REGISTRATION REFINED ===== */
.hero-v10-registration{
  width:min(560px,82%);
  padding:9px 12px 9px 15px;
  border:1px solid rgba(245,196,0,.68);
  border-left:4px solid var(--gold);
  background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(12,12,12,.84));
  box-shadow:0 8px 26px rgba(0,0,0,.32);
}
.hero-v11-regcopy{
  display:grid!important;
  grid-template-columns:auto auto;
  grid-template-areas:
    "label season"
    "detail season";
  column-gap:14px!important;
  row-gap:1px!important;
  align-items:center!important;
}
.hero-v11-regcopy small{
  grid-area:label;
  color:#fff!important;
  font-size:7px!important;
  letter-spacing:1.6px!important;
  line-height:1;
}
.hero-v11-season{
  grid-area:season;
  display:flex;
  align-items:baseline;
  gap:5px;
  padding-left:13px;
  border-left:1px solid rgba(245,196,0,.35);
}
.hero-v11-season strong{
  font-size:22px!important;
  letter-spacing:-.5px;
}
.hero-v11-season span{
  font-size:6px!important;
}
.hero-v11-regcopy em{
  grid-area:detail;
  color:#aaa;
  font-size:6px;
  font-style:normal;
  font-weight:800;
  letter-spacing:.6px;
}
.hero-v10-actions{
  margin-left:auto;
}
.hero-v10-btn{
  min-width:82px;
  padding:6px 8px;
}

@media(max-width:650px){
  .hero-v10-registration{
    width:94%;
    grid-template-columns:1fr!important;
    border-left:3px solid var(--gold);
    padding:8px 9px;
  }
  .hero-v11-regcopy{
    grid-template-columns:1fr auto;
    text-align:left;
  }
  .hero-v11-season strong{
    font-size:19px!important;
  }
  .hero-v10-actions{
    margin-left:0;
  }
}


/* ===== V12 INTERNAL PAGES REFINED ===== */
.inner-compact{padding:34px 0 26px;border-bottom:1px solid rgba(245,196,0,.24)}
.inner-compact h1{margin:4px 0 8px;font-size:clamp(34px,4.8vw,64px);line-height:.92;text-transform:uppercase}
.inner-compact h1 span{color:var(--gold)}
.inner-compact p{max-width:920px;margin:6px 0 0;color:#d4d4d4;font-size:14px;line-height:1.55}

/* Philosophy */
.philosophy-hero{background:radial-gradient(circle at 62% 10%,rgba(245,196,0,.10),transparent 32%),#080808}
.philosophy-hero .wrap{max-width:1040px}
.philosophy-hero h1{max-width:900px}
.value-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}
.value-pills span{border:1px solid rgba(245,196,0,.58);border-radius:999px;padding:8px 15px;font-size:11px;font-weight:900}
.philosophy-visual{padding:34px 0}
.philosophy-split{display:grid;grid-template-columns:340px 1fr;gap:38px;align-items:center}
.philosophy-split img{width:100%;height:270px;object-fit:cover;object-position:center 35%;border:1px solid rgba(245,196,0,.36)}
.philosophy-split h2{font-size:clamp(27px,3.5vw,45px);line-height:.95;margin:6px 0 10px}
.philosophy-split h2 span{color:var(--gold)}
.philosophy-split p{color:#bbb;font-size:13px;line-height:1.5}

/* Coaches */
.coaches-heading{padding-bottom:18px}
.coach-founder-section{padding:30px 0;border-bottom:1px solid rgba(245,196,0,.18)}
.coach-founder{display:grid;grid-template-columns:380px 1fr;gap:44px;align-items:center}
.coach-founder-photo img{width:100%;height:365px;object-fit:cover;object-position:center 28%;border:1px solid rgba(245,196,0,.58);box-shadow:0 0 32px rgba(245,196,0,.08)}
.coach-founder-copy h2,.coach-row h2{font-size:clamp(31px,4vw,52px);line-height:.95;margin:5px 0 10px}
.coach-founder-copy h2 span,.coach-row h2 span{color:var(--gold)}
.coach-founder-copy blockquote{margin:8px 0 14px;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(245,196,0,.045);color:#ddd;font-size:13px;line-height:1.58;font-style:italic}
.coach-founder-copy h3{color:var(--gold);font-size:18px;margin:6px 0 1px}
.coach-role{font-size:12px;line-height:1.4;color:#ddd;margin:0}
.coach-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.coach-badges span{border:1px solid rgba(245,196,0,.55);border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900}
.coach-team-section{padding:28px 0 36px}
.coach-team{display:grid;gap:24px}
.coach-row{display:grid;grid-template-columns:1fr 300px;gap:30px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(245,196,0,.18)}
.coach-row img{width:100%;height:250px;object-fit:cover;object-position:center 35%;border:1px solid rgba(245,196,0,.46)}
.coach-row p{max-width:700px;color:#ccc;font-size:13px;line-height:1.5}
.staff-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:5px}
.staff-mini-grid>div{padding-top:14px;border-top:1px solid rgba(245,196,0,.42)}
.staff-mini-grid strong{display:block;color:var(--gold);font-size:15px;margin-bottom:4px}
.staff-mini-grid span{font-size:10px;color:#aaa}

/* Categories compact */
.compact-page-head{padding:28px 0 20px}
.compact-page-head h1{font-size:clamp(31px,4.3vw,54px)}
.compact-page-head p{font-size:12px}
.compact-programs{padding:26px 0 34px}
.compact-program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.compact-program-grid article{border:1px solid rgba(245,196,0,.28);background:#090909;overflow:hidden}
.compact-program-grid img{width:100%;height:150px;object-fit:cover;object-position:center 35%;display:block}
.compact-program-grid article>div{padding:12px 13px}
.compact-program-grid small{color:var(--gold);font-size:8px;font-weight:900;letter-spacing:1.1px}
.compact-program-grid h2{font-size:18px;margin:4px 0 5px;line-height:1.05}
.compact-program-grid p{font-size:10px;color:#aaa;line-height:1.42;margin:0}

/* Contact compact */
.contact-head{padding-bottom:18px}
.compact-contact{padding:28px 0 38px}
.compact-contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;max-width:980px}
.contact-info-box,.contact-form-small{border:1px solid rgba(245,196,0,.25);background:#090909;padding:20px}
.contact-info-box h2{font-size:31px;line-height:.95;margin:5px 0 14px}
.contact-info-box h2 span{color:var(--gold)}
.contact-info-box>a:not(.btn),.contact-info-box p{display:block;margin:7px 0;color:#ddd;font-size:12px}
.contact-form-small{display:grid;gap:10px}
.contact-form-small .field{display:grid;gap:4px}
.contact-form-small label{font-size:9px;font-weight:900}
.contact-form-small input,.contact-form-small textarea{padding:9px 10px;min-height:38px}
.contact-form-small textarea{min-height:100px;resize:vertical}
.compact-btn{padding:9px 14px!important;font-size:8px!important;width:max-content}

/* Mobile internal pages */
@media(max-width:760px){
  .inner-compact{padding:24px 0 18px}
  .inner-compact h1{font-size:34px}
  .inner-compact p{font-size:11px}
  .value-pills{gap:6px;margin-top:14px}
  .value-pills span{font-size:9px;padding:6px 10px}
  .philosophy-split{grid-template-columns:1fr;gap:18px}
  .philosophy-split img{height:245px}
  .coach-founder{grid-template-columns:1fr;gap:18px}
  .coach-founder-photo img{height:300px;object-fit:contain;background:#060606}
  .coach-row{grid-template-columns:1fr;gap:14px}
  .coach-row img{height:230px;object-fit:contain;background:#060606;order:-1}
  .staff-mini-grid{grid-template-columns:1fr}
  .compact-program-grid{grid-template-columns:1fr 1fr;gap:9px}
  .compact-program-grid img{height:130px}
  .compact-program-grid h2{font-size:15px}
  .compact-contact-grid{grid-template-columns:1fr;gap:12px}
  .contact-info-box,.contact-form-small{padding:15px}
}
@media(max-width:480px){
  .compact-program-grid{grid-template-columns:1fr}
  .compact-program-grid img{height:180px;object-fit:contain;background:#050505}
}

/* ===== V17 FINAL REQUESTED CHANGES ===== */

/* Smaller Facebook feed */
.facebook-frame{
  width:min(430px,100%) !important;
  padding:8px !important;
}
.facebook-frame iframe{
  max-width:410px !important;
  width:100% !important;
  height:520px !important;
}
.facebook-updates{
  padding-top:34px !important;
  padding-bottom:34px !important;
}

/* Participation logos: slightly larger, labels removed */
.special-simple .logos,
.section .logos{
  gap:46px !important;
  margin-top:18px !important;
}
.special-simple .logos img,
.section .logos img{
  width:145px !important;
  height:105px !important;
  object-fit:contain !important;
}
.logos figcaption{
  display:none !important;
}

/* Request Information button: allow a bit more width */
.hero-v10-btn.primary,
.hero-mini-btn.hero-mini-gold{
  min-width:118px !important;
}
@media(max-width:650px){
  .facebook-frame{
    width:min(360px,100%) !important;
  }
  .facebook-frame iframe{
    max-width:340px !important;
    height:500px !important;
  }
  .special-simple .logos img,
  .section .logos img{
    width:128px !important;
    height:92px !important;
  }
}

/* =========================================================
   V18 — HERO FINER, BRIGHTER & BETTER BALANCED
========================================================= */

/* Make the main hero text feel stronger without becoming oversized */
.hero-v10-kicker{
  font-size:10px !important;
  letter-spacing:2.2px !important;
  color:#f5c400 !important;
  text-shadow:0 1px 8px rgba(0,0,0,.7);
}

.hero-v10 h1 span{
  font-size:clamp(40px,4.8vw,64px) !important;
  color:#ffffff !important;
  text-shadow:0 4px 24px rgba(0,0,0,.86);
}

.hero-v10 h1 strong{
  font-size:clamp(38px,4.5vw,60px) !important;
  color:#f5c400 !important;
  text-shadow:0 4px 24px rgba(0,0,0,.78),0 0 16px rgba(245,196,0,.10);
}

/* Develop. Compete. Grow. a little stronger */
.hero-v10-slogan{
  font-size:17px !important;
  letter-spacing:1.7px !important;
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.82);
}

/* User requested this sentence to read clearly, not transparent */
.hero-v10-copy p{
  margin-top:6px !important;
  color:#ffffff !important;
  opacity:1 !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.92);
}

/* Pills larger and cleaner */
.hero-v10-pills{
  gap:8px !important;
  margin-top:13px !important;
}
.hero-v10-pills span{
  padding:7px 11px !important;
  border:1px solid rgba(245,196,0,.82) !important;
  background:rgba(0,0,0,.68) !important;
  color:#ffffff !important;
  font-size:9px !important;
  font-weight:900 !important;
  letter-spacing:.8px !important;
  box-shadow:0 4px 16px rgba(0,0,0,.22);
}

/* Registration box: slightly larger, more elegant, still compact */
.hero-v10-registration{
  width:min(650px,88%) !important;
  padding:12px 15px 12px 18px !important;
  border:1px solid rgba(245,196,0,.78) !important;
  border-left:4px solid #f5c400 !important;
  background:linear-gradient(90deg,rgba(4,4,4,.96),rgba(13,13,13,.90)) !important;
  box-shadow:0 10px 30px rgba(0,0,0,.36),0 0 22px rgba(245,196,0,.05) !important;
  backdrop-filter:blur(6px);
}

.hero-v11-regcopy{
  column-gap:17px !important;
  row-gap:2px !important;
}

.hero-v11-regcopy small{
  font-size:8px !important;
  letter-spacing:1.8px !important;
  color:#ffffff !important;
}

.hero-v11-season{
  padding-left:15px !important;
  border-left:1px solid rgba(245,196,0,.48) !important;
}

.hero-v11-season strong{
  font-size:28px !important;
  color:#f5c400 !important;
  line-height:1 !important;
}

.hero-v11-season span{
  font-size:7px !important;
  letter-spacing:1.1px !important;
  color:#ffffff !important;
}

.hero-v11-regcopy em{
  font-size:7px !important;
  color:#d5d5d5 !important;
  letter-spacing:.7px !important;
}

/* Buttons inside registration */
.hero-v10-actions{
  gap:8px !important;
}
.hero-v10-btn{
  min-width:104px !important;
  padding:8px 11px !important;
  font-size:8px !important;
  letter-spacing:.8px !important;
  border-radius:1px;
}
.hero-v10-btn.primary{
  min-width:136px !important;
}

/* Slightly darken overlay only enough to improve readability */
.hero-v10-overlay{
  background:
    linear-gradient(90deg,rgba(0,0,0,.90) 0%,rgba(0,0,0,.70) 34%,rgba(0,0,0,.33) 61%,rgba(0,0,0,.38) 100%),
    linear-gradient(0deg,rgba(0,0,0,.56),transparent 45%) !important;
}

/* Laptop fine-tuning */
@media (min-width:651px) and (max-width:1180px){
  .hero-v10{
    height:500px !important;
  }
  .hero-v10-content{
    padding-top:32px !important;
    padding-bottom:20px !important;
  }
  .hero-v10-copy{
    max-width:590px !important;
  }
  .hero-v10-registration{
    width:min(620px,90%) !important;
  }
}

/* Phone: preserve hierarchy without crowding */
@media(max-width:650px){
  .hero-v10{
    height:555px !important;
  }

  .hero-v10-content{
    padding-top:22px !important;
    padding-bottom:14px !important;
  }

  .hero-v10-kicker{
    font-size:8px !important;
    letter-spacing:1.4px !important;
  }

  .hero-v10 h1 span{
    font-size:35px !important;
  }

  .hero-v10 h1 strong{
    font-size:33px !important;
  }

  .hero-v10-slogan{
    font-size:13px !important;
    margin-top:9px !important;
  }

  .hero-v10-copy p{
    font-size:10px !important;
    max-width:330px !important;
    line-height:1.4 !important;
  }

  .hero-v10-pills{
    gap:5px !important;
    margin-top:9px !important;
  }

  .hero-v10-pills span{
    padding:5px 7px !important;
    font-size:7px !important;
  }

  .hero-v10-registration{
    width:96% !important;
    padding:9px 10px !important;
    border-left:3px solid #f5c400 !important;
  }

  .hero-v11-regcopy{
    grid-template-columns:1fr auto !important;
    column-gap:9px !important;
  }

  .hero-v11-season{
    padding-left:10px !important;
  }

  .hero-v11-season strong{
    font-size:22px !important;
  }

  .hero-v10-actions{
    justify-content:center !important;
    gap:6px !important;
  }

  .hero-v10-btn{
    min-width:86px !important;
    padding:7px 8px !important;
    font-size:7px !important;
  }

  .hero-v10-btn.primary{
    min-width:120px !important;
  }
}

/* V20 - Registration box cleanup after removing repeated ages */
.hero-v11-regcopy{
  grid-template-areas:"label season" !important;
  row-gap:0 !important;
}
.hero-v11-regcopy em{
  display:none !important;
}
@media(max-width:650px){
  .hero-v11-regcopy{
    grid-template-columns:1fr auto !important;
    grid-template-areas:"label season" !important;
    align-items:center !important;
  }
}


/* V21 - Clean registration bar */
.hero-v11-regcopy{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:100% !important;
}
.hero-v11-regcopy em,
.hero-v11-regcopy .hero-v11-regsub{
  display:none !important;
}
.hero-v11-regcopy > *{
  margin-top:0 !important;
  margin-bottom:0 !important;
}
@media(max-width:650px){
  .hero-v11-regcopy{
    justify-content:flex-start !important;
    align-items:center !important;
  }
}


/* ===== V22: brighter hero photos + smaller Facebook box ===== */

/* Make the hero photos easier to see while keeping text readable */
.hero-v10-overlay{
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.68) 0%,
      rgba(0,0,0,.52) 31%,
      rgba(0,0,0,.18) 61%,
      rgba(0,0,0,.22) 100%),
    linear-gradient(0deg,rgba(0,0,0,.30),transparent 46%) !important;
}

/* Extra clarity on the photos themselves */
.hero-v10-photos img{
  filter:brightness(1.12) contrast(1.03) !important;
}

/* Smaller, cleaner Facebook feed on laptop */
.facebook-frame{
  width:min(360px,100%) !important;
  padding:6px !important;
  min-height:0 !important;
}
.facebook-frame iframe{
  width:100% !important;
  max-width:348px !important;
  height:440px !important;
  margin:0 auto !important;
}
.facebook-updates{
  padding-top:28px !important;
  padding-bottom:28px !important;
}

@media(max-width:650px){
  /* Keep enough contrast for text on phones */
  .hero-v10-overlay{
    background:
      linear-gradient(0deg,
        rgba(0,0,0,.68) 0%,
        rgba(0,0,0,.38) 56%,
        rgba(0,0,0,.18) 100%) !important;
  }
  .hero-v10-photos img{
    filter:brightness(1.10) contrast(1.02) !important;
  }
  .facebook-frame{
    width:min(330px,94vw) !important;
  }
  .facebook-frame iframe{
    max-width:318px !important;
    height:420px !important;
  }
}

/* ===== V23 ACADEMY IN ACTION GALLERY ===== */
.academy-gallery{
  padding:38px 0 !important;
  background:
    radial-gradient(circle at 82% 18%,rgba(245,196,0,.07),transparent 26%),
    #070707;
  border-top:1px solid rgba(245,196,0,.16);
  border-bottom:1px solid rgba(245,196,0,.16);
}
.gallery-heading{
  margin-bottom:17px;
}
.gallery-heading .title{
  margin-bottom:5px;
}
.gallery-heading p{
  margin:0;
  max-width:620px;
  color:#d8d8d8;
  font-size:12px;
}
.academy-slider{
  position:relative;
  width:100%;
  height:390px;
  overflow:hidden;
  border:1px solid rgba(245,196,0,.42);
  background:#050505;
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
.academy-track{
  position:relative;
  width:100%;
  height:100%;
}
.academy-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .7s ease,visibility .7s ease;
}
.academy-slide.active{
  opacity:1;
  visibility:visible;
}
.academy-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center 38%;
}
.academy-slider:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(0,0,0,.18),transparent 34%);
}
.gallery-arrow{
  position:absolute;
  z-index:3;
  top:50%;
  transform:translateY(-50%);
  width:38px;
  height:38px;
  border:1px solid rgba(245,196,0,.72);
  background:rgba(0,0,0,.68);
  color:#f5c400;
  font-size:27px;
  line-height:1;
  cursor:pointer;
}
.gallery-prev{left:13px}
.gallery-next{right:13px}
.gallery-dots{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:13px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
}
.gallery-dot{
  width:7px;
  height:7px;
  padding:0;
  border:1px solid rgba(255,255,255,.8);
  border-radius:50%;
  background:rgba(0,0,0,.5);
  cursor:pointer;
}
.gallery-dot.active{
  background:#f5c400;
  border-color:#f5c400;
}
@media(max-width:650px){
  .academy-gallery{padding:27px 0 !important}
  .gallery-heading{margin-bottom:12px}
  .gallery-heading p{font-size:10px}
  .academy-slider{height:290px}
  .academy-slide img{
    object-fit:cover;
    object-position:center center;
  }
  .gallery-arrow{
    width:32px;
    height:32px;
    font-size:23px;
  }
}


/* V24 — fourth Official Participation logo: NJYS */
.special-simple .logos,
.section .logos{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
}
.njys-logo-slot{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
}
.njys-logo-slot img{
  width:145px !important;
  height:105px !important;
  object-fit:contain !important;
}
@media(max-width:650px){
  .special-simple .logos,
  .section .logos{
    gap:20px !important;
  }
  .njys-logo-slot img{
    width:128px !important;
    height:92px !important;
  }
}


/* =========================================================
   CARRUSEL ACADEMY IN ACTION — COMPACTO, UNA SOLA PANTALLA
========================================================= */
.academy-gallery{
  padding:28px 0 32px !important;
}
.academy-gallery .gallery-heading{
  margin-bottom:12px !important;
}
.academy-gallery .gallery-heading .title{
  font-size:clamp(30px,3.5vw,46px) !important;
  margin:3px 0 6px !important;
}
.academy-gallery .gallery-heading p{
  margin:0 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

/* Carrusel más pequeño */
.academy-slider{
  height:340px !important;
  max-height:340px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(245,196,0,.45) !important;
  background:#050505 !important;
}

/* Una sola foto a la vez, centrada */
.academy-slide{
  position:absolute !important;
  inset:0 !important;
  opacity:0 !important;
  visibility:hidden !important;
  transition:opacity .65s ease !important;
}
.academy-slide.active{
  opacity:1 !important;
  visibility:visible !important;
}
.academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050505 !important;
}

/* Flechas discretas */
.gallery-arrow{
  width:36px !important;
  height:36px !important;
  font-size:20px !important;
  background:rgba(0,0,0,.62) !important;
  border:1px solid rgba(245,196,0,.72) !important;
}

/* Puntos más pequeños */
.gallery-dots{
  bottom:9px !important;
  gap:6px !important;
}
.gallery-dot,
.gallery-dots button{
  width:7px !important;
  height:7px !important;
}

/* Laptop mediana */
@media (max-width:1100px){
  .academy-slider{
    height:310px !important;
    max-height:310px !important;
  }
}

/* Teléfono */
@media (max-width:650px){
  .academy-gallery{
    padding:22px 0 24px !important;
  }
  .academy-gallery .gallery-heading .title{
    font-size:28px !important;
  }
  .academy-gallery .gallery-heading p{
    font-size:10px !important;
  }
  .academy-slider{
    height:245px !important;
    max-height:245px !important;
  }
  .gallery-arrow{
    width:32px !important;
    height:32px !important;
    font-size:17px !important;
  }
}


/* =========================================================
   ACADEMY IN ACTION — 3 FOTOS COMPLETAS EN UNA SOLA VISTA
========================================================= */
.academy-gallery{
  padding:26px 0 30px !important;
}
.academy-gallery .gallery-heading{
  margin-bottom:12px !important;
}
.academy-gallery .gallery-heading .title{
  font-size:clamp(30px,3.4vw,44px) !important;
  margin:3px 0 6px !important;
}
.academy-gallery .gallery-heading p{
  margin:0 !important;
  font-size:12px !important;
}

/* viewport */
.academy-slider{
  position:relative !important;
  height:360px !important;
  overflow:hidden !important;
  border:1px solid rgba(245,196,0,.45) !important;
  background:#050505 !important;
}

/* horizontal moving track */
.academy-track{
  display:flex !important;
  height:100% !important;
  transition:transform .65s ease !important;
  will-change:transform !important;
}

/* three complete photos visible */
.academy-slide{
  position:relative !important;
  inset:auto !important;
  flex:0 0 33.333333% !important;
  height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  padding:6px !important;
  background:#050505 !important;
}
.academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050505 !important;
  border:1px solid rgba(245,196,0,.18) !important;
}

/* arrows */
.gallery-arrow{
  z-index:8 !important;
  width:36px !important;
  height:36px !important;
  font-size:20px !important;
  background:rgba(0,0,0,.72) !important;
}

/* dots */
.gallery-dots{
  z-index:8 !important;
  bottom:8px !important;
}

/* Tablet: 2 photos */
@media(max-width:900px){
  .academy-slider{
    height:330px !important;
  }
  .academy-slide{
    flex-basis:50% !important;
  }
}

/* Phone: 1 complete photo */
@media(max-width:600px){
  .academy-gallery{
    padding:22px 0 24px !important;
  }
  .academy-gallery .gallery-heading .title{
    font-size:28px !important;
  }
  .academy-gallery .gallery-heading p{
    font-size:10px !important;
  }
  .academy-slider{
    height:280px !important;
  }
  .academy-slide{
    flex-basis:100% !important;
    padding:4px !important;
  }
}


/* V26 refined home */
.compact-news .news-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:900px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.academy-gallery{padding:22px 0 24px !important}
.academy-gallery .gallery-heading{margin-bottom:10px !important}
.academy-gallery .gallery-heading .title{
  font-size:clamp(28px,3vw,40px) !important;
  margin:2px 0 4px !important;
}
.academy-gallery .gallery-heading p{
  margin:0 !important;
  font-size:11px !important;
}
.academy-slider{
  height:315px !important;
  overflow:hidden !important;
  background:#060606 !important;
  border:1px solid rgba(245,196,0,.42) !important;
}
.academy-track{
  display:flex !important;
  height:100% !important;
  gap:6px !important;
  padding:6px !important;
  transition:transform .4s ease !important;
}
.academy-slide{
  position:relative !important;
  inset:auto !important;
  flex:0 0 calc((100% - 12px)/3) !important;
  height:100% !important;
  opacity:1 !important;
  visibility:visible !important;
  padding:0 !important;
  background:#0a0a0a !important;
  overflow:hidden !important;
  border:1px solid rgba(245,196,0,.13) !important;
}
.academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#0a0a0a !important;
}
.gallery-arrow{
  width:32px !important;
  height:32px !important;
  background:rgba(0,0,0,.78) !important;
}
.gallery-dots{bottom:6px !important}
.footer-contact a,.footer-contact p{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
}
.contact-icon{
  color:var(--gold) !important;
  width:16px !important;
  text-align:center !important;
  font-weight:900 !important;
}
@media(max-width:900px){
  .academy-slide{flex-basis:calc((100% - 6px)/2) !important}
  .academy-slider{height:295px !important}
}
@media(max-width:700px){
  .compact-news .news-grid{grid-template-columns:1fr !important}
}
@media(max-width:600px){
  .academy-slider{height:250px !important}
  .academy-track{gap:0 !important;padding:5px !important}
  .academy-slide{flex-basis:100% !important}
}

/* V27 CLEANUP — larger identity + stronger news presentation */
.navbar{height:96px !important}
.brand{gap:15px !important}
.brand img{width:76px !important;height:76px !important;object-fit:contain !important}
.brand strong{font-size:17px !important}
.brand small{font-size:10px !important}
.footer-brand img{width:72px !important;height:72px !important}

.compact-news{padding:58px 0 66px !important}
.compact-news .news-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  max-width:1180px !important;
  gap:28px !important;
  margin:34px auto 0 !important;
}
.compact-news .news-card{
  background:#090909 !important;
  border:1px solid rgba(245,196,0,.34) !important;
  overflow:hidden !important;
}
.compact-news .news-card img{
  width:100% !important;
  height:520px !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#050505 !important;
  padding:8px !important;
}
.compact-news .news-card div{padding:22px 24px 25px !important}
.compact-news .news-card h3{font-size:27px !important;line-height:1.1 !important;margin:7px 0 0 !important}

@media(max-width:950px){
  .navbar{height:88px !important}
  .brand img{width:66px !important;height:66px !important}
  .compact-news .news-card img{height:430px !important}
}
@media(max-width:700px){
  .navbar{height:78px !important}
  .brand img{width:58px !important;height:58px !important}
  .brand strong{font-size:14px !important}
  .compact-news{padding:42px 0 48px !important}
  .compact-news .news-grid{grid-template-columns:1fr !important;gap:22px !important}
  .compact-news .news-card img{height:auto !important;max-height:620px !important;aspect-ratio:auto !important;object-fit:contain !important}
}

/* ===== V24 — HERO EXACT SPLIT: TEXT LEFT + 4 COMPLETE PHOTOS RIGHT ===== */
@media (min-width: 951px){
  .hero-v10{
    height:440px !important;
    min-height:0 !important;
    background:#050505 !important;
  }
  .hero-v10-photos{
    inset:0 0 0 47% !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:4px !important;
    padding:14px 14px 72px 0 !important;
    z-index:1 !important;
  }
  .hero-v10-photos img,
  .hero-v10-photos img:nth-child(1),
  .hero-v10-photos img:nth-child(2),
  .hero-v10-photos img:nth-child(3),
  .hero-v10-photos img:nth-child(4){
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#090909 !important;
    filter:brightness(1.08) contrast(1.02) !important;
  }
  .hero-v10-overlay{
    background:linear-gradient(90deg,#050505 0%,#050505 43%,rgba(5,5,5,.94) 47%,rgba(5,5,5,.18) 56%,rgba(5,5,5,.04) 100%) !important;
    z-index:1 !important;
  }
  .hero-v10-content{
    z-index:2 !important;
    padding-top:30px !important;
    padding-bottom:14px !important;
  }
  .hero-v10-copy{
    width:44% !important;
    max-width:520px !important;
  }
  .hero-v10 h1 span{font-size:clamp(36px,3.65vw,52px) !important;}
  .hero-v10 h1 strong{font-size:clamp(34px,3.45vw,49px) !important;}
  .hero-v10-slogan{font-size:15px !important;margin-top:9px !important;}
  .hero-v10-copy p{font-size:11px !important;max-width:470px !important;}
  .hero-v10-pills{margin-top:10px !important;gap:6px !important;}
  .hero-v10-pills span{padding:5px 8px !important;font-size:7px !important;}
  .hero-v10-registration{
    width:min(650px,60%) !important;
    margin:0 auto !important;
    padding:9px 13px !important;
  }
  .hero-v11-season strong{font-size:25px !important;}
}

@media (min-width:951px) and (max-height:800px){
  .hero-v10{height:410px !important;}
  .hero-v10-photos{padding-bottom:64px !important;}
  .hero-v10-content{padding-top:22px !important;padding-bottom:10px !important;}
}


/* ==========================================================
   FINAL REFINEMENT — user-approved hero layout preserved
   ========================================================== */

/* Hero: same 4-photo split, slightly shorter to fit one screen */
@media (min-width: 951px){
  .hero-v10{
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
  }
  .hero-v10-photos{
    padding-bottom:60px !important;
  }
  .hero-v10-content{
    min-height:390px !important;
    max-height:390px !important;
    padding-top:18px !important;
    padding-bottom:8px !important;
  }
  .hero-v10 h1 span{font-size:clamp(34px,3.45vw,49px) !important;}
  .hero-v10 h1 strong{font-size:clamp(32px,3.25vw,46px) !important;}
  .hero-v10-slogan{font-size:14px !important;margin-top:7px !important;}
  .hero-v10-copy p{font-size:10.5px !important;margin:6px 0 !important;}
  .hero-v10-pills{margin-top:8px !important;gap:5px !important;}
  .hero-v10-pills span{padding:4px 7px !important;font-size:6.8px !important;}
  .hero-v10-registration{bottom:7px !important;}
}

/* News: image is the protagonist; no card boxes */
.compact-news{padding:36px 0 42px !important;}
.compact-news .news-grid{
  max-width:820px !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  margin:18px auto 0 !important;
}
.compact-news .news-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.compact-news .news-card img{
  width:100% !important;
  height:300px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
}
.compact-news .news-card div{
  padding:7px 0 0 !important;
  border-top:1px solid rgba(245,196,0,.34) !important;
}
.compact-news .news-card h3{
  margin:0 !important;
  text-align:center !important;
  font-size:18px !important;
  line-height:1.12 !important;
}

/* Academy in Action: compact and visually full */
.academy-gallery{padding:34px 0 40px !important;}
.gallery-heading{max-width:700px !important;margin:0 auto 12px !important;text-align:center !important;}
.academy-slider{
  width:min(100%,820px) !important;
  height:280px !important;
  margin:0 auto !important;
  background:#070707 !important;
  border:1px solid rgba(245,196,0,.22) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.26) !important;
}
.academy-slide{padding:8px !important;background:#070707 !important;}
.academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#070707 !important;
}
.gallery-arrow{width:36px !important;height:36px !important;background:rgba(0,0,0,.55) !important;border:1px solid rgba(245,196,0,.48) !important;}
.gallery-dots{bottom:7px !important;}

/* Facebook: smaller */
.facebook-updates{padding:32px 0 38px !important;}
.facebook-frame{
  width:min(100%,300px) !important;
  height:360px !important;
  margin:12px auto 10px !important;
  border:1px solid rgba(245,196,0,.18) !important;
}
.facebook-frame iframe{width:100% !important;height:360px !important;}

/* Coaches: thin gold frame, Miguel & Nestor exactly same image size */
.coach-team .coach-row{
  grid-template-columns:1fr 320px !important;
  min-height:330px !important;
  padding:24px 0 !important;
  border-bottom:1px solid rgba(245,196,0,.18) !important;
}
.coach-team .coach-row img{
  width:320px !important;
  height:320px !important;
  object-fit:cover !important;
  object-position:center 25% !important;
  border:1px solid rgba(245,196,0,.70) !important;
  box-shadow:0 0 0 5px rgba(245,196,0,.045),0 16px 34px rgba(0,0,0,.28) !important;
}
.coach-founder-photo img{
  border:1px solid rgba(245,196,0,.70) !important;
  box-shadow:0 0 0 5px rgba(245,196,0,.045),0 18px 38px rgba(0,0,0,.28) !important;
}

/* Categories: same six categories, open editorial layout */
.compact-programs{padding:20px 0 58px !important;}
.compact-program-grid{
  grid-template-columns:1fr 1fr !important;
  gap:0 46px !important;
  border-top:1px solid rgba(245,196,0,.22) !important;
}
.compact-program-grid article{
  min-height:138px !important;
  padding:23px 0 22px 16px !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
  position:relative !important;
}
.compact-program-grid article:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:27px !important;
  width:3px !important;
  height:36px !important;
  background:linear-gradient(var(--gold),rgba(245,196,0,.12)) !important;
}
.compact-program-grid article>div{padding:0 !important;}
.compact-program-grid small{font-size:9px !important;letter-spacing:1.4px !important;}
.compact-program-grid h2{font-size:24px !important;margin:5px 0 7px !important;}
.compact-program-grid p{font-size:12px !important;line-height:1.5 !important;max-width:470px !important;}

/* Philosophy: same photo and text, elegant thin gold frame */
.philosophy-visual{padding:30px 0 56px !important;}
.philosophy-split{
  grid-template-columns:380px 1fr !important;
  gap:44px !important;
  align-items:center !important;
}
.philosophy-split img{
  width:100% !important;
  height:340px !important;
  object-fit:cover !important;
  object-position:center !important;
  border:1px solid rgba(245,196,0,.72) !important;
  box-shadow:0 0 0 6px rgba(245,196,0,.04),0 20px 42px rgba(0,0,0,.28) !important;
}
.philosophy-split>div:before{
  content:"" !important;
  display:block !important;
  width:60px !important;
  height:2px !important;
  margin-bottom:16px !important;
  background:linear-gradient(90deg,var(--gold),transparent) !important;
}

/* Footer contact + Stripe donation */
.footer-contact a,.footer-contact p{display:flex !important;align-items:center !important;gap:8px !important;}
.contact-icon{color:var(--gold) !important;min-width:16px !important;text-align:center !important;}
.footer-donate{
  display:inline-flex !important;
  width:max-content !important;
  align-items:center !important;
  gap:7px !important;
  margin-top:10px !important;
  padding:7px 10px !important;
  border:1px solid rgba(245,196,0,.42) !important;
  color:var(--gold) !important;
  background:rgba(245,196,0,.035) !important;
  font-weight:900 !important;
  font-size:11px !important;
  letter-spacing:.8px !important;
}
.footer-donate:hover{background:rgba(245,196,0,.10) !important;}

@media(max-width:950px){
  .compact-news .news-grid{grid-template-columns:1fr 1fr !important;gap:16px !important;}
  .academy-slider{height:260px !important;}
  .coach-team .coach-row{grid-template-columns:1fr !important;}
  .coach-team .coach-row img{width:100% !important;height:320px !important;order:-1 !important;}
  .compact-program-grid{grid-template-columns:1fr !important;gap:0 !important;}
  .philosophy-split{grid-template-columns:1fr !important;gap:24px !important;}
  .philosophy-split img{height:320px !important;}
}
@media(max-width:650px){
  .compact-news .news-grid{grid-template-columns:1fr !important;max-width:380px !important;}
  .compact-news .news-card img{height:250px !important;}
  .academy-slider{width:min(100%,380px) !important;height:250px !important;}
  .facebook-frame{width:min(100%,285px) !important;height:350px !important;}
  .facebook-frame iframe{height:350px !important;}
  .coach-team .coach-row img{height:300px !important;}
  .philosophy-split img{height:300px !important;}
}

/* ===== V25 FINAL — HERO LARGER + SUBTLE GOLD BACKGROUND DETAIL ===== */
body:before{
  background:
    radial-gradient(circle at 10% 8%,rgba(245,196,0,.085),transparent 23%),
    radial-gradient(circle at 90% 32%,rgba(245,196,0,.055),transparent 25%),
    radial-gradient(circle at 50% 88%,rgba(245,196,0,.035),transparent 28%),
    repeating-linear-gradient(125deg,rgba(245,196,0,.014) 0 1px,transparent 1px 38px),
    #050505 !important;
}
body:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.42;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(245,196,0,.025) 18% 18.12%,transparent 18.12% 64%,rgba(245,196,0,.018) 64% 64.1%,transparent 64.1%),
    radial-gradient(circle at 14% 72%,rgba(245,196,0,.025) 0 1px,transparent 1.5px) 0 0/28px 28px;
}
.section:nth-of-type(even):before{
  content:"";
  position:absolute;
  width:190px;height:190px;
  right:2%;top:8%;
  border-top:1px solid rgba(245,196,0,.08);
  border-right:1px solid rgba(245,196,0,.08);
  transform:rotate(12deg);
  pointer-events:none;
}

@media (min-width:951px){
  .hero-v10{
    height:455px !important;
    min-height:455px !important;
    max-height:455px !important;
  }
  .hero-v10-photos{
    padding:14px 14px 66px 0 !important;
  }
  .hero-v10-content{
    min-height:455px !important;
    max-height:455px !important;
    padding-top:27px !important;
    padding-bottom:10px !important;
  }
  .hero-v10 h1 span{font-size:clamp(38px,3.8vw,54px) !important;}
  .hero-v10 h1 strong{font-size:clamp(36px,3.6vw,51px) !important;}
  .hero-v10-slogan{font-size:15px !important;margin-top:8px !important;}
  .hero-v10-copy p{font-size:11px !important;margin:7px 0 !important;}
  .hero-v10-pills{margin-top:9px !important;gap:6px !important;}
  .hero-v10-pills span{padding:5px 8px !important;font-size:7px !important;}
}
@media (min-width:951px) and (max-height:760px){
  .hero-v10{height:420px !important;min-height:420px !important;max-height:420px !important;}
  .hero-v10-content{min-height:420px !important;max-height:420px !important;padding-top:20px !important;}
  .hero-v10-photos{padding-bottom:62px !important;}
}

/* ===== V26 — HERO FULLER + PREMIUM BACKGROUND WITH MORE LIFE ===== */
/* Keep the exact 4-photo split, but use most of the visible laptop viewport. */
@media (min-width:951px){
  .hero-v10{
    height:clamp(540px,calc(100dvh - 104px),690px) !important;
    min-height:540px !important;
    max-height:690px !important;
  }
  .hero-v10-photos{
    inset:0 0 0 46% !important;
    padding:18px 18px 82px 0 !important;
    gap:5px !important;
  }
  .hero-v10-content{
    min-height:100% !important;
    max-height:none !important;
    padding-top:clamp(34px,5vh,58px) !important;
    padding-bottom:18px !important;
  }
  .hero-v10-copy{width:43.5% !important;max-width:540px !important;}
  .hero-v10 h1 span{font-size:clamp(44px,4.25vw,62px) !important;}
  .hero-v10 h1 strong{font-size:clamp(41px,4vw,58px) !important;}
  .hero-v10-slogan{font-size:17px !important;margin-top:10px !important;}
  .hero-v10-copy p{font-size:12px !important;line-height:1.45 !important;max-width:490px !important;}
  .hero-v10-pills{margin-top:12px !important;gap:7px !important;}
  .hero-v10-pills span{padding:6px 9px !important;font-size:7.5px !important;}
  .hero-v10-registration{bottom:12px !important;}
}
@media (min-width:951px) and (max-height:720px){
  .hero-v10{height:calc(100dvh - 92px) !important;min-height:500px !important;max-height:620px !important;}
  .hero-v10-content{padding-top:28px !important;}
  .hero-v10 h1 span{font-size:clamp(40px,3.9vw,56px) !important;}
  .hero-v10 h1 strong{font-size:clamp(38px,3.7vw,53px) !important;}
  .hero-v10-photos{padding-bottom:76px !important;}
}

/* More visible but still refined background treatment. */
body{
  background:
    radial-gradient(ellipse at 8% 14%,rgba(245,196,0,.13),transparent 28%),
    radial-gradient(ellipse at 92% 38%,rgba(245,196,0,.09),transparent 25%),
    radial-gradient(ellipse at 30% 82%,rgba(245,196,0,.055),transparent 28%),
    linear-gradient(135deg,#050505 0%,#080704 45%,#050505 100%) !important;
}
body:before{
  background:
    repeating-linear-gradient(120deg,transparent 0 58px,rgba(245,196,0,.026) 59px,transparent 60px),
    repeating-linear-gradient(60deg,transparent 0 108px,rgba(255,255,255,.012) 109px,transparent 110px) !important;
  opacity:1 !important;
}
body:after{
  content:"" !important;position:fixed !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;opacity:1 !important;
  background:
    radial-gradient(circle at 14% 23%,rgba(245,196,0,.18) 0 1px,transparent 1.6px) 0 0/42px 42px,
    linear-gradient(105deg,transparent 0 20%,rgba(245,196,0,.045) 20.05% 20.15%,transparent 20.2% 72%,rgba(245,196,0,.035) 72.05% 72.15%,transparent 72.2%) !important;
  mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 92%,transparent 100%);
}
.section:not(.hero-v10){position:relative;overflow:hidden;}
.section:not(.hero-v10):before{
  content:"";position:absolute;pointer-events:none;width:260px;height:260px;right:-95px;top:12%;
  border:1px solid rgba(245,196,0,.075);transform:rotate(45deg);box-shadow:0 0 55px rgba(245,196,0,.025);
}
.section:nth-of-type(odd):not(.hero-v10):before{right:auto;left:-115px;top:35%;}
.section .wrap{position:relative;z-index:1;}


/* ============================================================
   FINAL HERO XL RESPONSIVE — LAPTOP + PHONE
   Keeps the same HTML and the same 4 hero photos.
   ============================================================ */

/* ---------- LAPTOP / DESKTOP ---------- */
@media (min-width: 951px){
  .hero-v10{
    height:clamp(520px, calc(100dvh - 92px), 660px) !important;
    min-height:520px !important;
    max-height:660px !important;
    overflow:hidden !important;
    background:#050505 !important;
  }

  /* Text left, four large photos right */
  .hero-v10-photos{
    inset:0 0 0 42.5% !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    padding:12px 14px 82px 0 !important;
    z-index:1 !important;
  }

  .hero-v10-photos img,
  .hero-v10-photos img:nth-child(1),
  .hero-v10-photos img:nth-child(2),
  .hero-v10-photos img:nth-child(3),
  .hero-v10-photos img:nth-child(4){
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#090909 !important;
    filter:brightness(1.02) contrast(1.02) saturate(1.03) !important;
  }

  .hero-v10-overlay{
    background:
      linear-gradient(90deg,
        #050505 0%,
        #050505 35%,
        rgba(5,5,5,.93) 42%,
        rgba(5,5,5,.44) 49%,
        rgba(5,5,5,.08) 62%,
        rgba(5,5,5,.03) 100%) !important;
  }

  .hero-v10-content{
    min-height:100% !important;
    max-height:none !important;
    padding-top:clamp(28px,4vh,44px) !important;
    padding-bottom:16px !important;
    z-index:2 !important;
  }

  .hero-v10-copy{
    width:40.5% !important;
    max-width:540px !important;
  }

  .hero-v10-kicker{
    font-size:9px !important;
    letter-spacing:1.8px !important;
  }

  .hero-v10 h1 span{
    font-size:clamp(43px,4.1vw,61px) !important;
  }

  .hero-v10 h1 strong{
    font-size:clamp(40px,3.85vw,57px) !important;
  }

  .hero-v10-slogan{
    font-size:16px !important;
    margin-top:9px !important;
  }

  .hero-v10-copy p{
    font-size:11.5px !important;
    line-height:1.4 !important;
    max-width:470px !important;
    margin:8px 0 !important;
  }

  .hero-v10-pills{
    margin-top:10px !important;
    gap:6px !important;
  }

  .hero-v10-pills span{
    padding:5px 8px !important;
    font-size:7px !important;
  }

  /* Keep registration visible on the same screen */
  .hero-v10-registration{
    width:min(760px,67%) !important;
    bottom:10px !important;
    padding:9px 13px !important;
  }

  .hero-v11-season strong{
    font-size:27px !important;
  }
}

/* Shorter laptop screens: still keep registration visible */
@media (min-width:951px) and (max-height:760px){
  .hero-v10{
    height:calc(100dvh - 84px) !important;
    min-height:485px !important;
    max-height:585px !important;
  }

  .hero-v10-photos{
    padding-bottom:76px !important;
  }

  .hero-v10-content{
    padding-top:24px !important;
  }

  .hero-v10 h1 span{
    font-size:clamp(39px,3.7vw,54px) !important;
  }

  .hero-v10 h1 strong{
    font-size:clamp(37px,3.5vw,51px) !important;
  }
}

/* ---------- TABLET ---------- */
@media (min-width:651px) and (max-width:950px){
  .hero-v10{
    height:720px !important;
    min-height:720px !important;
    max-height:720px !important;
  }

  .hero-v10-photos{
    inset:255px 16px 80px 16px !important;
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:5px !important;
    padding:0 !important;
  }

  .hero-v10-photos img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
  }

  .hero-v10-overlay{
    background:linear-gradient(180deg,#050505 0 245px,rgba(5,5,5,.55) 320px,rgba(5,5,5,.06) 100%) !important;
  }

  .hero-v10-content{
    min-height:720px !important;
    max-height:720px !important;
    padding-top:24px !important;
  }

  .hero-v10-copy{
    width:100% !important;
    max-width:650px !important;
  }
}

/* ---------- PHONE ---------- */
@media (max-width:650px){
  .hero-v10{
    height:760px !important;
    min-height:760px !important;
    max-height:760px !important;
    overflow:hidden !important;
    background:#050505 !important;
  }

  /* 4 photos become a large 2x2 photo wall on phone */
  .hero-v10-photos{
    position:absolute !important;
    inset:315px 10px 88px 10px !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-rows:repeat(2,minmax(0,1fr)) !important;
    gap:5px !important;
    padding:0 !important;
    z-index:1 !important;
  }

  .hero-v10-photos img,
  .hero-v10-photos img:nth-child(1),
  .hero-v10-photos img:nth-child(2),
  .hero-v10-photos img:nth-child(3),
  .hero-v10-photos img:nth-child(4){
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center 35% !important;
    background:#090909 !important;
    filter:brightness(1.03) contrast(1.02) !important;
  }

  .hero-v10-overlay{
    background:
      linear-gradient(180deg,
        #050505 0%,
        #050505 39%,
        rgba(5,5,5,.62) 45%,
        rgba(5,5,5,.12) 58%,
        rgba(5,5,5,.12) 82%,
        rgba(5,5,5,.78) 100%) !important;
    z-index:1 !important;
  }

  .hero-v10-content{
    min-height:760px !important;
    max-height:760px !important;
    padding:18px 12px 12px !important;
    z-index:2 !important;
  }

  .hero-v10-copy{
    width:100% !important;
    max-width:none !important;
  }

  .hero-v10-kicker{
    font-size:7px !important;
    letter-spacing:1.25px !important;
  }

  .hero-v10 h1{
    margin-top:6px !important;
  }

  .hero-v10 h1 span{
    font-size:34px !important;
    line-height:.92 !important;
  }

  .hero-v10 h1 strong{
    font-size:31px !important;
    line-height:.94 !important;
  }

  .hero-v10-slogan{
    font-size:12px !important;
    margin-top:7px !important;
  }

  .hero-v10-copy p{
    font-size:9.5px !important;
    line-height:1.35 !important;
    max-width:350px !important;
    margin:6px 0 !important;
  }

  .hero-v10-pills{
    margin-top:7px !important;
    gap:4px !important;
    flex-wrap:wrap !important;
  }

  .hero-v10-pills span{
    padding:4px 6px !important;
    font-size:6.4px !important;
  }

  .hero-v10-registration{
    width:calc(100% - 20px) !important;
    left:10px !important;
    right:10px !important;
    bottom:8px !important;
    padding:8px 9px !important;
    border-left:3px solid #f5c400 !important;
  }

  .hero-v11-season strong{
    font-size:20px !important;
  }

  .hero-v10-btn{
    min-width:82px !important;
    padding:7px 8px !important;
    font-size:6.8px !important;
  }

  .hero-v10-btn.primary{
    min-width:112px !important;
  }
}

/* Very small phones */
@media (max-width:390px){
  .hero-v10{
    height:735px !important;
    min-height:735px !important;
    max-height:735px !important;
  }

  .hero-v10-photos{
    inset:300px 8px 86px 8px !important;
  }

  .hero-v10 h1 span{font-size:31px !important;}
  .hero-v10 h1 strong{font-size:29px !important;}
}


/* =========================================================
   PRO ACADEMY FINISH — brighter photographic hero + premium background
   ========================================================= */

/* Premium athletic background: graphite, subtle pitch geometry and gold energy */
body{
  background:
    radial-gradient(ellipse at 8% 7%,rgba(245,196,0,.13),transparent 25%),
    radial-gradient(ellipse at 92% 30%,rgba(255,226,106,.08),transparent 24%),
    linear-gradient(180deg,#111 0%,#080808 32%,#101010 68%,#060606 100%) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  background:
    linear-gradient(90deg,transparent 49.85%,rgba(245,196,0,.055) 50%,transparent 50.15%),
    radial-gradient(circle at 50% 52%,transparent 0 110px,rgba(245,196,0,.045) 111px 112px,transparent 113px),
    repeating-linear-gradient(118deg,transparent 0 70px,rgba(255,255,255,.018) 71px,transparent 72px),
    radial-gradient(circle at 18% 18%,rgba(245,196,0,.11),transparent 18%),
    radial-gradient(circle at 84% 72%,rgba(245,196,0,.065),transparent 22%);
}
.section{
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.04)) !important;
}
.section:nth-of-type(even){
  background:linear-gradient(180deg,rgba(245,196,0,.022),rgba(255,255,255,.012)) !important;
}
.section:before{
  content:"";
  position:absolute;
  top:20px;
  right:4%;
  width:74px;
  height:5px;
  border-top:1px solid rgba(245,196,0,.35);
  border-bottom:1px solid rgba(245,196,0,.12);
  transform:skewX(-35deg);
  pointer-events:none;
}

/* Hero: remove the heavy black feeling and let the academy photos lead */
.hero-v10{
  background:#0b0b0b !important;
  border-bottom:1px solid rgba(245,196,0,.42) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.06) !important;
}
.hero-v10-photos img{
  filter:brightness(1.14) contrast(1.035) saturate(1.09) !important;
}
.hero-v10-overlay{
  background:
    linear-gradient(90deg,
      rgba(6,6,6,.92) 0%,
      rgba(6,6,6,.83) 25%,
      rgba(6,6,6,.62) 38%,
      rgba(6,6,6,.22) 48%,
      rgba(6,6,6,.03) 65%,
      rgba(6,6,6,0) 100%),
    linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.12)) !important;
}
.hero-v10-copy{
  position:relative;
}
.hero-v10-copy:before{
  content:"";
  position:absolute;
  left:-18px;
  top:2px;
  bottom:4px;
  width:3px;
  background:linear-gradient(180deg,var(--gold),rgba(245,196,0,.12));
  box-shadow:0 0 24px rgba(245,196,0,.22);
}
.hero-v10-kicker{
  color:#ffe26a !important;
}
.hero-v10-pills span{
  background:rgba(15,15,15,.72) !important;
  border-color:rgba(245,196,0,.48) !important;
  backdrop-filter:blur(8px);
}
.hero-v10-registration{
  background:linear-gradient(100deg,rgba(10,10,10,.94),rgba(20,20,20,.86)) !important;
  border:1px solid rgba(245,196,0,.52) !important;
  border-left:4px solid var(--gold) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 35px rgba(245,196,0,.06) !important;
  backdrop-filter:blur(12px);
}

/* Premium section headings */
.kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
}
.kicker:before{
  content:"";
  width:24px;
  height:2px;
  background:var(--gold);
  box-shadow:0 0 12px rgba(245,196,0,.32);
}

/* Give gallery / news / social a more club-media feel */
.compact-news,.academy-gallery,.facebook-updates,.special-simple{
  position:relative;
  overflow:hidden;
}
.academy-slider{
  box-shadow:0 18px 50px rgba(0,0,0,.32),0 0 0 1px rgba(245,196,0,.16) !important;
}
.facebook-frame{
  box-shadow:0 16px 42px rgba(0,0,0,.32),0 0 0 1px rgba(245,196,0,.13) !important;
}

/* Interior pages inherit the same professional academy atmosphere */
.inner-compact,.compact-programs,.coach-founder-section,.coach-team-section,
.philosophy-hero,.philosophy-visual,.compact-contact{
  background-color:transparent !important;
}

/* Phone: photos stay bright, overlay only where text needs readability */
@media(max-width:650px){
  body:before{
    opacity:.5;
    background:
      radial-gradient(circle at 12% 12%,rgba(245,196,0,.12),transparent 20%),
      radial-gradient(circle at 90% 65%,rgba(245,196,0,.07),transparent 25%),
      repeating-linear-gradient(118deg,transparent 0 52px,rgba(255,255,255,.016) 53px,transparent 54px);
  }
  .hero-v10-photos img{
    filter:brightness(1.12) contrast(1.02) saturate(1.08) !important;
  }
  .hero-v10-overlay{
    background:
      linear-gradient(180deg,
        rgba(6,6,6,.94) 0%,
        rgba(6,6,6,.83) 32%,
        rgba(6,6,6,.28) 43%,
        rgba(6,6,6,.05) 63%,
        rgba(6,6,6,.18) 83%,
        rgba(6,6,6,.72) 100%) !important;
  }
  .hero-v10-copy:before{left:-8px}
}


/* =========================================================
   PRO CLEAN FINISH — no decorative patterns competing with hero
   ========================================================= */

/* Clean graphite background with only soft light */
body{
  background:
    radial-gradient(circle at 14% 10%, rgba(245,196,0,.055), transparent 26%),
    radial-gradient(circle at 86% 72%, rgba(255,255,255,.025), transparent 24%),
    linear-gradient(180deg,#0d0d0d 0%,#080808 42%,#0b0b0b 72%,#060606 100%) !important;
}

/* Remove line/pitch/geometric decorative layer */
body:before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  z-index:-1 !important;
  pointer-events:none !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 78% 18%, rgba(245,196,0,.035), transparent 20%),
    radial-gradient(circle at 20% 82%, rgba(245,196,0,.025), transparent 24%) !important;
}

/* Sections stay clean and premium */
.section,
.section:nth-of-type(even){
  background:transparent !important;
}

/* Remove section decorative marks */
.section:before{
  display:none !important;
}

/* HERO — photos are the main visual, with only a controlled left fade */
.hero-v10{
  background:#080808 !important;
  border-bottom:1px solid rgba(245,196,0,.28) !important;
  box-shadow:none !important;
}

.hero-v10-photos img{
  filter:brightness(1.16) contrast(1.025) saturate(1.07) !important;
}

.hero-v10-overlay{
  background:
    linear-gradient(90deg,
      rgba(7,7,7,.92) 0%,
      rgba(7,7,7,.84) 24%,
      rgba(7,7,7,.62) 36%,
      rgba(7,7,7,.28) 45%,
      rgba(7,7,7,.07) 56%,
      rgba(7,7,7,0) 72%,
      rgba(7,7,7,0) 100%) !important;
}

/* Remove the vertical gold bar beside hero text */
.hero-v10-copy:before{
  display:none !important;
}

/* Keep accents refined, not decorative */
.hero-v10-pills span{
  background:rgba(10,10,10,.56) !important;
  border:1px solid rgba(245,196,0,.34) !important;
  box-shadow:none !important;
}

.hero-v10-registration{
  background:rgba(10,10,10,.88) !important;
  border:1px solid rgba(245,196,0,.34) !important;
  border-left:3px solid var(--gold) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28) !important;
}

/* Kicker: remove decorative line so the site feels cleaner */
.kicker:before{
  display:none !important;
}

/* Media sections: cleaner, less framed */
.academy-slider,
.facebook-frame{
  box-shadow:0 14px 34px rgba(0,0,0,.26) !important;
}

/* Interior pages use same clean graphite atmosphere */
.inner-compact,
.compact-programs,
.coach-founder-section,
.coach-team-section,
.philosophy-hero,
.philosophy-visual,
.compact-contact{
  background:transparent !important;
}

/* Mobile */
@media(max-width:650px){
  body{
    background:
      radial-gradient(circle at 15% 8%, rgba(245,196,0,.05), transparent 24%),
      linear-gradient(180deg,#0c0c0c,#070707) !important;
  }

  body:before{
    background:
      radial-gradient(circle at 85% 18%, rgba(245,196,0,.025), transparent 20%),
      radial-gradient(circle at 15% 88%, rgba(255,255,255,.015), transparent 22%) !important;
  }

  .hero-v10-photos img{
    filter:brightness(1.14) contrast(1.02) saturate(1.06) !important;
  }

  .hero-v10-overlay{
    background:
      linear-gradient(180deg,
        rgba(7,7,7,.92) 0%,
        rgba(7,7,7,.80) 31%,
        rgba(7,7,7,.35) 42%,
        rgba(7,7,7,.08) 57%,
        rgba(7,7,7,.10) 78%,
        rgba(7,7,7,.62) 100%) !important;
  }
}


/* ===== BRIGHT PRO ACADEMY — STRONG VISIBLE CHANGE ===== */
html,body{background:#1b1b1b!important}
body{
 background:
 radial-gradient(circle at 10% 18%,rgba(245,196,0,.10),transparent 30%),
 radial-gradient(circle at 88% 46%,rgba(255,255,255,.055),transparent 28%),
 linear-gradient(135deg,#252525 0%,#171717 46%,#292929 100%)!important;
}
body:before,body:after{display:none!important;content:none!important}
main{background:transparent!important}

/* Alternating graphite sections instead of one black background */
.section,.compact-news,.facebook-updates,.inner-compact,.compact-programs,
.coach-founder-section,.philosophy-hero,.compact-contact{
 background:#1d1d1d!important;
 border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.academy-gallery,.special-simple,.coach-team-section,.philosophy-visual{
 background:#292929!important;
 border-bottom:1px solid rgba(245,196,0,.13)!important;
}
header{background:rgba(17,17,17,.97)!important}

/* Hero: brighter photos and charcoal fade only behind text */
.hero-v10{background:#171717!important}
.hero-v10-photos{background:#171717!important}
.hero-v10-photos img{
 filter:brightness(1.23) contrast(1.01) saturate(1.10)!important;
}
.hero-v10-overlay{
 background:linear-gradient(90deg,
 rgba(18,18,18,.90) 0%,rgba(18,18,18,.78) 22%,
 rgba(18,18,18,.50) 34%,rgba(18,18,18,.16) 45%,
 rgba(18,18,18,.02) 58%,transparent 72%)!important;
}
.hero-v10-registration{
 background:rgba(29,29,29,.95)!important;
 border:1px solid rgba(245,196,0,.50)!important;
 border-left:4px solid #f5c400!important;
}

/* Open media presentation */
.compact-news .news-card,.news-card{
 background:transparent!important;border:0!important;box-shadow:none!important;
}
.academy-slider,.academy-slide,.academy-slide img{background:#222!important}
footer{background:#101010!important}

@media(max-width:650px){
 html,body{background:#1c1c1c!important}
 body{background:linear-gradient(180deg,#252525,#191919 50%,#242424)!important}
 .section,.compact-news,.facebook-updates,.inner-compact,.compact-programs,
 .coach-founder-section,.philosophy-hero,.compact-contact{background:#1e1e1e!important}
 .academy-gallery,.special-simple,.coach-team-section,.philosophy-visual{background:#292929!important}
 .hero-v10-overlay{
  background:linear-gradient(180deg,
  rgba(18,18,18,.90) 0%,rgba(18,18,18,.73) 31%,
  rgba(18,18,18,.20) 43%,rgba(18,18,18,.02) 61%,
  rgba(18,18,18,.10) 80%,rgba(18,18,18,.62) 100%)!important;
 }
}


/* ============================================================
   ONE TONE PREMIUM — single continuous background
   ============================================================ */

html,
body,
main,
.section,
.compact-news,
.academy-gallery,
.facebook-updates,
.special-simple,
.inner-compact,
.compact-programs,
.coach-founder-section,
.coach-team-section,
.philosophy-hero,
.philosophy-visual,
.compact-contact{
  background:#0b0b0b !important;
  background-image:none !important;
}

body:before,
body:after,
.section:before,
.section:after{
  display:none !important;
  content:none !important;
}

header{
  background:rgba(11,11,11,.97) !important;
  border-bottom:1px solid rgba(245,196,0,.24) !important;
}
footer{
  background:#0b0b0b !important;
  border-top:1px solid rgba(245,196,0,.24) !important;
}

.hero-v10{
  background:#0b0b0b !important;
  border-bottom:1px solid rgba(245,196,0,.24) !important;
}
.hero-v10-photos{
  background:#0b0b0b !important;
}
.hero-v10-photos img{
  filter:brightness(1.20) contrast(1.015) saturate(1.08) !important;
}
.hero-v10-overlay{
  background:
    linear-gradient(90deg,
      rgba(11,11,11,.93) 0%,
      rgba(11,11,11,.82) 23%,
      rgba(11,11,11,.58) 35%,
      rgba(11,11,11,.22) 45%,
      rgba(11,11,11,.03) 57%,
      transparent 72%) !important;
}
.hero-v10-registration{
  background:rgba(11,11,11,.92) !important;
  border:1px solid rgba(245,196,0,.42) !important;
  border-left:3px solid var(--gold) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.24) !important;
}

.news-card,
.compact-news .news-card{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.compact-news .news-card img{
  background:transparent !important;
}

.academy-slider,
.academy-slide,
.academy-slide img,
.facebook-frame,
.coach-founder,
.coach-row,
.philosophy-split,
.compact-program-grid article,
.contact-info-box,
.contact-form-small{
  background:#0b0b0b !important;
}

.academy-slider,
.facebook-frame{
  border:1px solid rgba(245,196,0,.16) !important;
  box-shadow:0 14px 30px rgba(0,0,0,.26) !important;
}

@media(max-width:650px){
  html,
  body,
  main,
  .section,
  .compact-news,
  .academy-gallery,
  .facebook-updates,
  .special-simple,
  .inner-compact,
  .compact-programs,
  .coach-founder-section,
  .coach-team-section,
  .philosophy-hero,
  .philosophy-visual,
  .compact-contact{
    background:#0b0b0b !important;
    background-image:none !important;
  }

  .hero-v10-overlay{
    background:
      linear-gradient(180deg,
        rgba(11,11,11,.92) 0%,
        rgba(11,11,11,.78) 31%,
        rgba(11,11,11,.28) 43%,
        rgba(11,11,11,.04) 60%,
        rgba(11,11,11,.10) 80%,
        rgba(11,11,11,.62) 100%) !important;
  }
}


/* ============================================================
   DELICATE GOLD DETAIL — subtle color without changing one-tone base
   ============================================================ */

/* Keep the exact same one-tone black, add only soft atmospheric color */
body{
  background-color:#0b0b0b !important;
  background-image:
    radial-gradient(circle at 7% 17%,rgba(245,196,0,.065),transparent 18%),
    radial-gradient(circle at 94% 47%,rgba(245,196,0,.045),transparent 19%),
    radial-gradient(circle at 18% 82%,rgba(255,226,106,.025),transparent 17%) !important;
  background-attachment:fixed !important;
}

/* Very delicate gold glow at the edge of major sections */
.compact-news,
.academy-gallery,
.facebook-updates,
.special-simple,
.coach-founder-section,
.coach-team-section,
.philosophy-visual,
.compact-programs{
  position:relative !important;
}
.compact-news:before,
.academy-gallery:before,
.facebook-updates:before,
.special-simple:before,
.coach-founder-section:before,
.coach-team-section:before,
.philosophy-visual:before,
.compact-programs:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:210px !important;
  height:210px !important;
  border-radius:50% !important;
  right:-130px !important;
  top:12% !important;
  background:radial-gradient(circle,rgba(245,196,0,.055),rgba(245,196,0,.018) 38%,transparent 70%) !important;
  pointer-events:none !important;
}

/* Fine gold section separators */
.compact-news:after,
.academy-gallery:after,
.facebook-updates:after,
.special-simple:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:min(520px,55%) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,transparent,rgba(245,196,0,.38),transparent) !important;
}

/* Slightly richer gold accents */
.title span,
.hero-v10 h1 span,
.coach-row h2 span,
.coach-founder h2 span,
.philosophy-split h2 span{
  text-shadow:0 0 22px rgba(245,196,0,.10) !important;
}

/* Buttons get a restrained premium sheen */
.btn.gold,
.register,
.hero-v10-btn.primary{
  box-shadow:0 8px 22px rgba(245,196,0,.10) !important;
}

/* Gallery and photos get a hairline gold edge */
.academy-slider,
.philosophy-split>img,
.coach-row img,
.coach-founder-photo img{
  outline:1px solid rgba(245,196,0,.18) !important;
  outline-offset:0 !important;
}

/* Logo area receives a very soft halo */
.brand img,
.footer-brand img{
  filter:drop-shadow(0 0 10px rgba(245,196,0,.16)) !important;
}

/* Keep phone version delicate */
@media(max-width:650px){
  body{
    background-color:#0b0b0b !important;
    background-image:
      radial-gradient(circle at 0% 14%,rgba(245,196,0,.055),transparent 17%),
      radial-gradient(circle at 100% 58%,rgba(245,196,0,.04),transparent 18%) !important;
  }
  .compact-news:before,
  .academy-gallery:before,
  .facebook-updates:before,
  .special-simple:before,
  .coach-founder-section:before,
  .coach-team-section:before,
  .philosophy-visual:before,
  .compact-programs:before{
    width:150px !important;
    height:150px !important;
    right:-105px !important;
    opacity:.8 !important;
  }
}


/* ============================================================
   FINAL POLISH — keep the approved one-tone + delicate gold look
   ============================================================ */

/* 1. Hero: same size/layout, only make the four photos slightly more alive */
.hero-v10-photos img{
  filter:brightness(1.25) contrast(1.02) saturate(1.10) !important;
}

/* 2. Academy in Action: premium editorial gallery, no heavy box */
.academy-gallery{
  padding-top:44px !important;
  padding-bottom:48px !important;
}
.gallery-heading{
  margin-bottom:18px !important;
}
.academy-slider{
  border:1px solid rgba(245,196,0,.24) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.30),
    0 0 28px rgba(245,196,0,.035) !important;
  overflow:hidden !important;
}
.academy-slide{
  padding:6px !important;
}
.academy-slide img{
  filter:brightness(1.05) contrast(1.015) saturate(1.04) !important;
}
.gallery-arrow{
  border:1px solid rgba(245,196,0,.52) !important;
  background:rgba(11,11,11,.72) !important;
  backdrop-filter:blur(7px) !important;
}
.gallery-dot{
  border-color:rgba(245,196,0,.50) !important;
}
.gallery-dot.active{
  background:#f5c400 !important;
}

/* 3. Official Participation: cleaner premium logo presentation, no cards */
.special-simple{
  padding-top:48px !important;
  padding-bottom:50px !important;
}
.special-simple .official-logos,
.special-simple .logos{
  gap:clamp(28px,5vw,62px) !important;
}
.special-simple figure{
  position:relative !important;
  padding:12px 8px 9px !important;
  background:transparent !important;
  border:0 !important;
}
.special-simple figure:after{
  content:"" !important;
  position:absolute !important;
  left:22% !important;
  right:22% !important;
  bottom:0 !important;
  height:1px !important;
  background:linear-gradient(90deg,transparent,rgba(245,196,0,.42),transparent) !important;
}
.special-simple img{
  filter:drop-shadow(0 7px 14px rgba(0,0,0,.28))
         drop-shadow(0 0 10px rgba(245,196,0,.08)) !important;
  transition:transform .25s ease,filter .25s ease !important;
}
.special-simple figure:hover img{
  transform:translateY(-3px) !important;
  filter:drop-shadow(0 9px 18px rgba(0,0,0,.32))
         drop-shadow(0 0 14px rgba(245,196,0,.13)) !important;
}

/* 4. Final brand statement before footer */
.final-club-cta{
  position:relative;
  padding:64px 18px 68px;
  text-align:center;
  background:#0b0b0b;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.055);
}
.final-club-cta:before{
  content:"";
  position:absolute;
  width:380px;
  height:190px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(245,196,0,.07),transparent 68%);
  pointer-events:none;
}
.final-club-cta-inner{
  position:relative;
  z-index:1;
  max-width:920px;
}
.final-club-line{
  display:block;
  width:46px;
  height:2px;
  margin:0 auto 13px;
  background:#f5c400;
  box-shadow:0 0 13px rgba(245,196,0,.20);
}
.final-club-kicker{
  margin:0 0 8px;
  color:#f5c400;
  font-size:9px;
  font-weight:900;
  letter-spacing:2.6px;
}
.final-club-cta h2{
  max-width:800px;
  margin:0 auto 21px;
  color:#fff;
  font-size:clamp(30px,4.1vw,54px);
  line-height:.96;
  letter-spacing:-1.2px;
  text-transform:uppercase;
}
.final-club-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 20px;
  color:#0b0b0b;
  background:linear-gradient(135deg,#ffe36b,#f5c400 55%,#c89000);
  border:1px solid #f5c400;
  font-size:10px;
  font-weight:900;
  letter-spacing:1px;
  text-transform:uppercase;
  box-shadow:0 9px 22px rgba(245,196,0,.10);
  transition:transform .2s ease,box-shadow .2s ease;
}
.final-club-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(245,196,0,.16);
}

@media(max-width:650px){
  .hero-v10-photos img{
    filter:brightness(1.20) contrast(1.015) saturate(1.08) !important;
  }
  .academy-gallery{
    padding-top:36px !important;
    padding-bottom:40px !important;
  }
  .special-simple{
    padding-top:40px !important;
    padding-bottom:42px !important;
  }
  .final-club-cta{
    padding:50px 14px 54px;
  }
  .final-club-cta h2{
    font-size:32px;
    line-height:1;
  }
}


/* ============================================================
   FINAL SIZE TUNE — larger logo + stronger registration
   ============================================================ */

/* HEADER LOGO — visibly larger, without making nav oversized */
.brand img{
  height:68px !important;
  width:auto !important;
  max-width:92px !important;
  object-fit:contain !important;
}
header .nav{
  min-height:82px !important;
}

/* FOOTER LOGO — slightly larger too */
.footer-brand img{
  width:105px !important;
  height:auto !important;
}

/* REGISTRATION — larger and easier to notice */
.hero-v10-registration{
  width:min(900px,76%) !important;
  padding:13px 18px !important;
  bottom:10px !important;
  gap:18px !important;
  border-left:4px solid var(--gold) !important;
}
.hero-v11-season small{
  font-size:9px !important;
  letter-spacing:1.7px !important;
}
.hero-v11-season strong{
  font-size:34px !important;
  line-height:.95 !important;
}
.hero-v11-info strong{
  font-size:11px !important;
}
.hero-v11-info small{
  font-size:8px !important;
}
.hero-v10-btn{
  min-height:38px !important;
  padding:9px 13px !important;
  font-size:8px !important;
}
.hero-v10-btn.primary{
  min-width:145px !important;
}

/* Keep hero photos clear above the larger registration bar */
@media(min-width:951px){
  .hero-v10-photos{
    padding-bottom:94px !important;
  }
}

/* TABLET */
@media(min-width:651px) and (max-width:950px){
  .brand img{
    height:62px !important;
    max-width:86px !important;
  }
  .hero-v10-registration{
    width:calc(100% - 32px) !important;
    left:16px !important;
    right:16px !important;
    padding:11px 13px !important;
  }
  .hero-v11-season strong{
    font-size:27px !important;
  }
}

/* PHONE — larger logo and registration, but still fits cleanly */
@media(max-width:650px){
  .brand img{
    height:54px !important;
    max-width:76px !important;
  }
  header .nav{
    min-height:68px !important;
  }
  .hero-v10-registration{
    width:calc(100% - 16px) !important;
    left:8px !important;
    right:8px !important;
    bottom:7px !important;
    padding:10px 9px !important;
    gap:7px !important;
  }
  .hero-v11-season strong{
    font-size:23px !important;
  }
  .hero-v11-season small{
    font-size:7px !important;
  }
  .hero-v11-info strong{
    font-size:8px !important;
  }
  .hero-v11-info small{
    font-size:6.5px !important;
  }
  .hero-v10-btn{
    min-height:32px !important;
    padding:7px 8px !important;
    font-size:6.8px !important;
  }
  .hero-v10-btn.primary{
    min-width:108px !important;
  }
}


/* ============================================================
   REGISTRATION OVER HERO PHOTOS — FINAL
   Same hero / same four photos; registration floats over photos.
   ============================================================ */

/* LAPTOP / DESKTOP */
@media(min-width:951px){
  /* Photos can now use almost the full hero height */
  .hero-v10-photos{
    padding-bottom:14px !important;
  }

  /* Floating registration bar over lower part of photo wall */
  .hero-v10-registration{
    width:min(900px,56%) !important;
    left:auto !important;
    right:18px !important;
    bottom:22px !important;
    transform:none !important;
    padding:13px 16px !important;
    gap:16px !important;
    background:rgba(8,8,8,.76) !important;
    border:1px solid rgba(245,196,0,.58) !important;
    border-left:4px solid #f5c400 !important;
    box-shadow:
      0 16px 34px rgba(0,0,0,.38),
      0 0 24px rgba(245,196,0,.055) !important;
    backdrop-filter:blur(12px) saturate(1.08) !important;
    -webkit-backdrop-filter:blur(12px) saturate(1.08) !important;
    z-index:5 !important;
  }

  .hero-v11-season strong{
    font-size:33px !important;
  }

  .hero-v10-btn{
    min-height:38px !important;
  }
}

/* TABLET */
@media(min-width:651px) and (max-width:950px){
  .hero-v10-photos{
    inset:255px 16px 18px 16px !important;
  }

  .hero-v10-registration{
    width:calc(100% - 56px) !important;
    left:28px !important;
    right:28px !important;
    bottom:24px !important;
    padding:11px 13px !important;
    background:rgba(8,8,8,.78) !important;
    border:1px solid rgba(245,196,0,.55) !important;
    border-left:4px solid #f5c400 !important;
    box-shadow:0 14px 30px rgba(0,0,0,.36) !important;
    backdrop-filter:blur(11px) !important;
    -webkit-backdrop-filter:blur(11px) !important;
    z-index:5 !important;
  }
}

/* PHONE: float over the bottom edge of the 2x2 photo wall */
@media(max-width:650px){
  .hero-v10-photos{
    inset:315px 10px 24px 10px !important;
  }

  .hero-v10-registration{
    width:calc(100% - 28px) !important;
    left:14px !important;
    right:14px !important;
    bottom:18px !important;
    padding:9px 8px !important;
    gap:6px !important;
    background:rgba(8,8,8,.80) !important;
    border:1px solid rgba(245,196,0,.58) !important;
    border-left:3px solid #f5c400 !important;
    box-shadow:0 12px 28px rgba(0,0,0,.38) !important;
    backdrop-filter:blur(10px) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    z-index:5 !important;
  }

  .hero-v11-season strong{
    font-size:22px !important;
  }
}

/* Very small phones */
@media(max-width:390px){
  .hero-v10-photos{
    inset:300px 8px 22px 8px !important;
  }

  .hero-v10-registration{
    width:calc(100% - 20px) !important;
    left:10px !important;
    right:10px !important;
    bottom:14px !important;
  }
}


/* ============================================================
   HERO WIDER PHOTOS + ACADEMY IN ACTION FULL IMAGE
   ============================================================ */

/* LAPTOP: give the 4 hero photos much more horizontal room */
@media(min-width:951px){
  .hero-v10-photos{
    inset:0 0 0 34% !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:4px !important;
    padding:10px 12px 12px 0 !important;
  }

  .hero-v10-copy{
    width:34% !important;
    max-width:470px !important;
  }

  .hero-v10-photos img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
  }

  .hero-v10-overlay{
    background:linear-gradient(90deg,
      rgba(11,11,11,.94) 0%,
      rgba(11,11,11,.84) 20%,
      rgba(11,11,11,.58) 30%,
      rgba(11,11,11,.20) 39%,
      rgba(11,11,11,.03) 48%,
      transparent 60%) !important;
  }

  /* Registration remains floating over the photos */
  .hero-v10-registration{
    width:min(930px,62%) !important;
    right:18px !important;
  }
}

/* Academy in Action: eliminate empty side areas and show the whole photo */
.academy-slider{
  width:min(96vw,980px) !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16/9 !important;
  background:transparent !important;
  border:1px solid rgba(245,196,0,.22) !important;
}

.academy-track,
.academy-slide{
  width:100% !important;
  height:100% !important;
}

.academy-slide{
  padding:0 !important;
  background:transparent !important;
  align-items:center !important;
  justify-content:center !important;
}

.academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:transparent !important;
}

/* Tablet */
@media(min-width:651px) and (max-width:950px){
  .hero-v10-photos{
    left:10px !important;
    right:10px !important;
    gap:4px !important;
  }
  .academy-slider{
    width:min(94vw,820px) !important;
    aspect-ratio:16/9 !important;
  }
}

/* Phone: keep full images, use a taller frame so portraits don't look tiny */
@media(max-width:650px){
  .academy-slider{
    width:calc(100% - 20px) !important;
    max-width:430px !important;
    aspect-ratio:4/3 !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .academy-slide img{
    object-fit:contain !important;
  }

  /* Hero photo wall uses more width on phone too */
  .hero-v10-photos{
    left:5px !important;
    right:5px !important;
    gap:4px !important;
  }
}

/* FINAL COMPLETE — larger academy logo + clean full gallery */
.navbar{min-height:92px!important}
.brand{gap:14px!important;flex-shrink:0!important}
.brand img{width:88px!important;height:88px!important;max-width:88px!important;object-fit:contain!important;flex:0 0 88px!important;filter:drop-shadow(0 0 10px rgba(245,196,0,.14))!important}
.brand strong{font-size:16px!important}
.brand small{font-size:9.5px!important}

.academy-gallery{padding-top:42px!important;padding-bottom:44px!important}
.academy-slider{
  width:min(96vw,1080px)!important;height:360px!important;min-height:360px!important;aspect-ratio:auto!important;
  margin:0 auto!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;overflow:hidden!important
}
.academy-track{width:100%!important;height:100%!important;padding:0!important;margin:0!important;background:transparent!important}
.academy-slide{
  width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;outline:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important
}
.academy-slide img{
  display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;
  object-fit:fill!important;object-position:center!important;margin:0!important;padding:0!important;border:0!important;
  outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
.academy-slide:before,.academy-slide:after,.academy-slider:before,.academy-slider:after{display:none!important;content:none!important}
.gallery-arrow{
  width:36px!important;height:36px!important;border:1px solid rgba(245,196,0,.52)!important;
  background:rgba(11,11,11,.62)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  box-shadow:none!important
}
.gallery-dots{bottom:8px!important}

@media(min-width:651px) and (max-width:950px){
  .navbar{min-height:82px!important}
  .brand img{width:74px!important;height:74px!important;max-width:74px!important;flex-basis:74px!important}
  .academy-slider{width:min(96vw,860px)!important;height:330px!important;min-height:330px!important}
}
@media(max-width:650px){
  .navbar{min-height:74px!important}
  .brand img{width:64px!important;height:64px!important;max-width:64px!important;flex-basis:64px!important}
  .brand strong{font-size:13px!important}
  .brand small{font-size:8px!important}
  .academy-slider{width:100%!important;max-width:none!important;height:300px!important;min-height:300px!important;margin:0!important}
  .academy-slide img{width:100%!important;height:100%!important;object-fit:fill!important}
}
@media(max-width:390px){
  .brand img{width:58px!important;height:58px!important;max-width:58px!important;flex-basis:58px!important}
  .academy-slider{height:275px!important;min-height:275px!important}
}


/* ============================================================
   FINAL RESTORE — ACADEMY CAROUSEL + DELICATE GOLD DETAILS
   ============================================================ */

/* DELICATE GOLD DETAILS THROUGHOUT THE WEBSITE */
body{
  background-color:#0b0b0b !important;
  background-image:
    radial-gradient(circle at 5% 16%,rgba(245,196,0,.055),transparent 17%),
    radial-gradient(circle at 95% 48%,rgba(245,196,0,.040),transparent 18%),
    radial-gradient(circle at 12% 82%,rgba(255,226,106,.020),transparent 15%) !important;
  background-attachment:fixed !important;
}

.compact-news,
.academy-gallery,
.facebook-updates,
.special-simple,
.coach-founder-section,
.coach-team-section,
.philosophy-visual,
.compact-programs{
  position:relative !important;
}

.compact-news:after,
.academy-gallery:after,
.facebook-updates:after,
.special-simple:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:50% !important;
  bottom:0 !important;
  width:min(520px,55%) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,transparent,rgba(245,196,0,.34),transparent) !important;
}

.title span,
.hero-v10 h1 span,
.coach-founder h2 span,
.coach-row h2 span,
.philosophy-split h2 span{
  text-shadow:0 0 18px rgba(245,196,0,.10) !important;
}

.brand img,
.footer-brand img{
  filter:drop-shadow(0 0 10px rgba(245,196,0,.16)) !important;
}

.coach-founder-photo img,
.coach-row img,
.philosophy-split>img{
  outline:1px solid rgba(245,196,0,.20) !important;
  outline-offset:0 !important;
}

/* ACADEMY IN ACTION — REAL MULTI-PHOTO CAROUSEL */
.academy-gallery{
  padding:38px 0 42px !important;
}

.gallery-heading{
  margin-bottom:14px !important;
}

.academy-slider{
  position:relative !important;
  width:min(96vw,1080px) !important;
  height:330px !important;
  min-height:330px !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
}

.academy-track{
  position:relative !important;
  display:flex !important;
  width:auto !important;
  height:100% !important;
  gap:7px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  transition:transform .72s cubic-bezier(.22,.61,.36,1) !important;
  will-change:transform !important;
}

.academy-slide,
.academy-slide.active{
  position:relative !important;
  inset:auto !important;
  flex:0 0 calc((100% - 14px)/3) !important;
  width:auto !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  transition:none !important;
}

/* Photos fill the same height, with no empty side borders */
.academy-slide img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Remove old overlays/frames that made the gallery look boxed */
.academy-slider:before,
.academy-slider:after,
.academy-slide:before,
.academy-slide:after{
  display:none !important;
  content:none !important;
}

/* Gold carousel controls */
.gallery-arrow{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  position:absolute !important;
  z-index:8 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:38px !important;
  height:38px !important;
  border:1px solid rgba(245,196,0,.68) !important;
  background:rgba(11,11,11,.70) !important;
  color:#f5c400 !important;
  font-size:22px !important;
  backdrop-filter:blur(7px) !important;
  -webkit-backdrop-filter:blur(7px) !important;
  cursor:pointer !important;
}

.gallery-prev{left:10px !important}
.gallery-next{right:10px !important}

.gallery-dots{
  position:absolute !important;
  z-index:8 !important;
  left:50% !important;
  bottom:8px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  gap:6px !important;
}

.gallery-dot{
  width:7px !important;
  height:7px !important;
  min-width:7px !important;
  padding:0 !important;
  border:1px solid rgba(245,196,0,.72) !important;
  border-radius:50% !important;
  background:rgba(11,11,11,.60) !important;
}

.gallery-dot.active{
  background:#f5c400 !important;
  border-color:#f5c400 !important;
}

/* TABLET: 2 photos */
@media(min-width:651px) and (max-width:950px){
  .academy-slider{
    width:min(96vw,860px) !important;
    height:315px !important;
    min-height:315px !important;
  }
  .academy-track{
    gap:7px !important;
  }
  .academy-slide,
  .academy-slide.active{
    flex-basis:calc((100% - 7px)/2) !important;
  }
}

/* PHONE: one full photo at a time */
@media(max-width:650px){
  body{
    background-color:#0b0b0b !important;
    background-image:
      radial-gradient(circle at 0% 14%,rgba(245,196,0,.050),transparent 18%),
      radial-gradient(circle at 100% 62%,rgba(245,196,0,.032),transparent 17%) !important;
  }

  .academy-gallery{
    padding:30px 0 34px !important;
  }

  .academy-slider{
    width:100% !important;
    max-width:none !important;
    height:300px !important;
    min-height:300px !important;
  }

  .academy-track{
    gap:0 !important;
  }

  .academy-slide,
  .academy-slide.active{
    flex-basis:100% !important;
  }

  .academy-slide img{
    object-fit:cover !important;
  }

  .gallery-arrow{
    width:34px !important;
    height:34px !important;
    font-size:19px !important;
  }
}

/* FINAL CLEAN ACADEMY IN ACTION */
.academy-gallery{padding:38px 0 42px!important;overflow:hidden!important}
.academy-gallery .gallery-heading{margin-bottom:16px!important}
.academy-gallery .academy-slider{position:relative!important;width:min(94vw,1180px)!important;height:390px!important;min-height:390px!important;margin:0 auto!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.academy-gallery .academy-track{position:relative!important;display:flex!important;width:auto!important;height:100%!important;gap:6px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.academy-gallery .academy-slide,.academy-gallery .academy-slide.active{position:relative!important;inset:auto!important;flex:0 0 calc((100% - 12px)/3)!important;width:auto!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;overflow:hidden!important}
.academy-gallery .academy-slide img{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;object-fit:fill!important;object-position:center!important}
.academy-gallery .academy-slider:before,.academy-gallery .academy-slider:after,.academy-gallery .academy-track:before,.academy-gallery .academy-track:after,.academy-gallery .academy-slide:before,.academy-gallery .academy-slide:after{content:none!important;display:none!important;border:0!important;outline:0!important;box-shadow:none!important}
.academy-gallery .gallery-arrow{position:absolute!important;z-index:20!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:46px!important;margin:0!important;padding:0!important;border:1px solid rgba(245,196,0,.62)!important;border-radius:0!important;background:rgba(5,5,5,.62)!important;color:#f5c400!important;box-shadow:none!important;backdrop-filter:blur(5px)!important}
.academy-gallery .gallery-prev{left:10px!important}.academy-gallery .gallery-next{right:10px!important}
.academy-gallery .gallery-dots{position:absolute!important;z-index:20!important;left:50%!important;bottom:10px!important;transform:translateX(-50%)!important;display:flex!important;gap:6px!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
@media(min-width:651px) and (max-width:950px){.academy-gallery .academy-slider{width:96vw!important;height:350px!important;min-height:350px!important}.academy-gallery .academy-track{gap:5px!important}.academy-gallery .academy-slide,.academy-gallery .academy-slide.active{flex-basis:calc((100% - 5px)/2)!important}}
@media(max-width:650px){.academy-gallery{padding:30px 0 34px!important}.academy-gallery .academy-slider{width:100%!important;max-width:none!important;height:330px!important;min-height:330px!important;margin:0!important}.academy-gallery .academy-track{gap:0!important}.academy-gallery .academy-slide,.academy-gallery .academy-slide.active{flex:0 0 100%!important;width:100%!important;height:100%!important}.academy-gallery .academy-slide img{width:100%!important;height:100%!important;object-fit:fill!important}.academy-gallery .gallery-prev{left:7px!important}.academy-gallery .gallery-next{right:7px!important}}
@media(max-width:390px){.academy-gallery .academy-slider{height:300px!important;min-height:300px!important}}


/* ============================================================
   FINAL COMPACT DETAIL
   Shorter Academy in Action + subtle premium gold accents
   ============================================================ */

/* Academy in Action: shorter, tighter and more elegant */
.academy-gallery{
  padding-top:30px !important;
  padding-bottom:32px !important;
}

.academy-gallery .gallery-heading{
  margin-bottom:12px !important;
}

.academy-gallery .academy-slider{
  width:min(92vw,1120px) !important;
  height:300px !important;
  min-height:300px !important;
}

/* Keep the clean 3-photo layout */
.academy-gallery .academy-track{
  gap:6px !important;
}

.academy-gallery .academy-slide,
.academy-gallery .academy-slide.active{
  flex:0 0 calc((100% - 12px)/3) !important;
  height:100% !important;
}

.academy-gallery .academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:fill !important;
}

/* Tablet: shorter too */
@media(min-width:651px) and (max-width:950px){
  .academy-gallery{
    padding-top:26px !important;
    padding-bottom:28px !important;
  }

  .academy-gallery .academy-slider{
    width:94vw !important;
    height:270px !important;
    min-height:270px !important;
  }
}

/* Phone: compact and still full width */
@media(max-width:650px){
  .academy-gallery{
    padding-top:24px !important;
    padding-bottom:26px !important;
  }

  .academy-gallery .academy-slider{
    height:245px !important;
    min-height:245px !important;
  }
}

@media(max-width:390px){
  .academy-gallery .academy-slider{
    height:225px !important;
    min-height:225px !important;
  }
}

/* ------------------------------------------------------------
   Subtle premium details throughout the website
   ------------------------------------------------------------ */

/* Fine gold line under major headings */
.section .title,
.gallery-heading .title,
.compact-news .title,
.facebook-updates .title,
.special-simple .title{
  position:relative !important;
}

.section .title:after,
.gallery-heading .title:after,
.compact-news .title:after,
.facebook-updates .title:after,
.special-simple .title:after{
  content:"" !important;
  display:block !important;
  width:42px !important;
  height:1px !important;
  margin-top:8px !important;
  background:linear-gradient(90deg,#f5c400,rgba(245,196,0,.18)) !important;
}

/* Soft gold glow near selected section edges */
.compact-news,
.academy-gallery,
.facebook-updates,
.special-simple,
.coach-founder-section,
.philosophy-visual{
  position:relative !important;
}

.compact-news:before,
.academy-gallery:before,
.facebook-updates:before,
.special-simple:before,
.coach-founder-section:before,
.philosophy-visual:before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:150px !important;
  height:150px !important;
  right:-80px !important;
  top:18% !important;
  border-radius:50% !important;
  background:radial-gradient(circle,rgba(245,196,0,.045),rgba(245,196,0,.012) 42%,transparent 72%) !important;
  pointer-events:none !important;
}

/* Small refined gold accents on key media */
.news-card img,
.academy-slide img,
.philosophy-split>img,
.coach-row img,
.coach-founder-photo img{
  box-shadow:0 0 0 1px rgba(245,196,0,.10) !important;
}

/* Buttons get a very soft premium sheen */
.btn.gold,
.hero-v10-btn.primary,
.register,
.final-club-btn{
  box-shadow:
    0 8px 18px rgba(0,0,0,.22),
    0 0 14px rgba(245,196,0,.07) !important;
}

/* Keep mobile detail subtle */
@media(max-width:650px){
  .compact-news:before,
  .academy-gallery:before,
  .facebook-updates:before,
  .special-simple:before,
  .coach-founder-section:before,
  .philosophy-visual:before{
    width:110px !important;
    height:110px !important;
    right:-70px !important;
    opacity:.75 !important;
  }
}


/* ============================================================
   ACADEMY IN ACTION — SHORTER CAROUSEL FINAL
   Same width / same 3-photo carousel, but less vertical height.
   ============================================================ */

@media(min-width:951px){
  .academy-gallery .academy-slider{
    height:235px !important;
    min-height:235px !important;
  }

  .academy-gallery{
    padding-top:26px !important;
    padding-bottom:28px !important;
  }
}

/* Tablet */
@media(min-width:651px) and (max-width:950px){
  .academy-gallery .academy-slider{
    height:220px !important;
    min-height:220px !important;
  }
}

/* Phone */
@media(max-width:650px){
  .academy-gallery .academy-slider{
    height:210px !important;
    min-height:210px !important;
  }
}

@media(max-width:390px){
  .academy-gallery .academy-slider{
    height:195px !important;
    min-height:195px !important;
  }
}


/* ============================================================
   ACADEMY IN ACTION — CENTERED + NARROWER + NATURAL PHOTOS
   ============================================================ */

/* Center the whole section and heading */
.academy-gallery{
  text-align:center !important;
}

.academy-gallery .gallery-heading{
  width:100% !important;
  max-width:900px !important;
  margin:0 auto 14px !important;
  text-align:center !important;
}

.academy-gallery .gallery-heading .kicker,
.academy-gallery .gallery-heading .title,
.academy-gallery .gallery-heading p{
  text-align:center !important;
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Narrower carousel, centered */
@media(min-width:951px){
  .academy-gallery .academy-slider{
    width:min(78vw,900px) !important;
    height:245px !important;
    min-height:245px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .academy-gallery .academy-track{
    gap:8px !important;
  }

  .academy-gallery .academy-slide,
  .academy-gallery .academy-slide.active{
    flex:0 0 calc((100% - 16px)/3) !important;
  }
}

/* Preserve photo proportions.
   Crop slightly instead of stretching/distorting faces and players. */
.academy-gallery .academy-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* Tablet */
@media(min-width:651px) and (max-width:950px){
  .academy-gallery .academy-slider{
    width:min(84vw,720px) !important;
    height:230px !important;
    min-height:230px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .academy-gallery .academy-track{
    gap:7px !important;
  }

  .academy-gallery .academy-slide,
  .academy-gallery .academy-slide.active{
    flex-basis:calc((100% - 7px)/2) !important;
  }
}

/* Phone */
@media(max-width:650px){
  .academy-gallery .gallery-heading{
    width:calc(100% - 28px) !important;
  }

  .academy-gallery .academy-slider{
    width:88vw !important;
    max-width:410px !important;
    height:225px !important;
    min-height:225px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .academy-gallery .academy-slide img{
    object-fit:cover !important;
  }
}

@media(max-width:390px){
  .academy-gallery .academy-slider{
    width:90vw !important;
    height:210px !important;
    min-height:210px !important;
  }
}

/* HERO TEXT BALANCE — Registration remains in its existing position */
@media(min-width:951px){
 .hero-v10-copy{width:35%!important;max-width:500px!important;padding-left:clamp(22px,3.8vw,64px)!important;padding-right:18px!important;top:49%!important;transform:translateY(-50%)!important}
 .hero-v10-copy h1,.hero-v10 h1{font-size:clamp(38px,3.75vw,61px)!important;line-height:.91!important;letter-spacing:-1.5px!important;margin:0 0 13px!important;max-width:470px!important}
 .hero-v10-copy .hero-tagline,.hero-v10-copy h2{font-size:clamp(16px,1.38vw,22px)!important;line-height:1.05!important;letter-spacing:1.6px!important;margin:0 0 12px!important}
 .hero-v10-copy p{font-size:clamp(12px,.94vw,15px)!important;line-height:1.42!important;max-width:470px!important;margin-bottom:14px!important}
 .hero-v10-copy .hero-tags,.hero-v10-copy .hero-badges{gap:7px!important}
 .hero-v10-copy .hero-tags span,.hero-v10-copy .hero-badges span,.hero-v10-copy .pill{padding:8px 11px!important;font-size:10px!important;letter-spacing:1px!important}
}
@media(min-width:951px) and (max-height:760px){
 .hero-v10-copy h1,.hero-v10 h1{font-size:clamp(35px,3.35vw,53px)!important;margin-bottom:10px!important}
 .hero-v10-copy .hero-tagline,.hero-v10-copy h2{margin-bottom:9px!important}
 .hero-v10-copy p{margin-bottom:10px!important}
}
@media(max-width:650px){
 .hero-v10-copy h1,.hero-v10 h1{line-height:.94!important;letter-spacing:-.8px!important}
}


/* ============================================================
   FINAL REQUEST — REGISTRATION LOW + CAROUSEL A LITTLE TALLER
   Everything else stays unchanged.
   ============================================================ */

/* Registration stays at the bottom of the hero, compact,
   so the complete hero still fits in one laptop screen. */
@media(min-width:951px){
  .hero-v10-content{
    position:relative !important;
    height:100% !important;
    padding-bottom:16px !important;
  }

  .hero-v10-registration{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    bottom:14px !important;
    transform:translateX(-50%) !important;
    width:min(700px,58vw) !important;
    min-height:52px !important;
    padding:7px 11px !important;
    gap:12px !important;
    z-index:7 !important;
  }

  .hero-v10-registration small{
    font-size:7px !important;
  }

  .hero-v10-registration strong{
    font-size:25px !important;
  }

  .hero-v10-registration span{
    font-size:6.5px !important;
  }

  .hero-v10-btn{
    padding:6px 9px !important;
    min-height:32px !important;
  }
}

/* The photo carousel is slightly taller so faces/heads have more room.
   Keep the same centered/narrow design and slow movement. */
@media(min-width:951px){
  .academy-gallery .academy-slider{
    height:275px !important;
    min-height:275px !important;
  }

  .academy-gallery .academy-slide img{
    object-fit:cover !important;
    object-position:center 30% !important;
  }
}

@media(min-width:651px) and (max-width:950px){
  .academy-gallery .academy-slider{
    height:255px !important;
    min-height:255px !important;
  }

  .academy-gallery .academy-slide img{
    object-position:center 28% !important;
  }
}

@media(max-width:650px){
  .academy-gallery .academy-slider{
    height:240px !important;
    min-height:240px !important;
  }

  .academy-gallery .academy-slide img{
    object-position:center 25% !important;
  }
}


/* ============================================================
   FINAL USER REQUEST — ONLY THREE TARGETED CHANGES
   1) Center hero copy inside its existing black area.
   2) Club News: clean photos only, no cards/boxes.
   3) Philosophy: add a light, elegant principles detail.
   Everything else remains unchanged.
   ============================================================ */

/* 1 — HERO COPY: center text inside the existing left black panel.
   No hero dimensions, photos, registration position or height are changed. */
@media(min-width:951px){
  .hero-v10-copy{
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
  }
  .hero-v10-kicker,
  .hero-v10-copy h1,
  .hero-v10-slogan,
  .hero-v10-copy p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .hero-v10-pills{
    justify-content:center !important;
    align-items:center !important;
  }
}

/* Keep the hero copy centered on tablet / phone too, without moving registration. */
@media(max-width:950px){
  .hero-v10-copy{
    text-align:center !important;
    align-items:center !important;
  }
  .hero-v10-kicker,
  .hero-v10-copy h1,
  .hero-v10-slogan,
  .hero-v10-copy p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  .hero-v10-pills{justify-content:center !important;}
}

/* 2 — CLUB NEWS: photographs only, no card, frame, panel or text box. */
.compact-news .news-grid{
  gap:20px !important;
  align-items:start !important;
}
.compact-news .news-card,
.news-card{
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.compact-news .news-card:before,
.compact-news .news-card:after,
.news-card:before,
.news-card:after{
  content:none !important;
  display:none !important;
}
.compact-news .news-card img,
.news-card img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.compact-news .news-card > div,
.news-card > div{
  display:none !important;
}

/* 3 — PHILOSOPHY: refined content detail, no heavy cards. */
.philosophy-principles{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  margin-top:28px !important;
  padding-top:22px !important;
  border-top:1px solid rgba(245,196,0,.34) !important;
}
.philosophy-principles>div{
  position:relative !important;
  padding-left:15px !important;
  min-width:0 !important;
}
.philosophy-principles>div:before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:3px !important;
  bottom:3px !important;
  width:2px !important;
  background:linear-gradient(180deg,#f5c400,rgba(245,196,0,.10)) !important;
}
.philosophy-principles strong{
  display:block !important;
  color:#f5c400 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  letter-spacing:1.15px !important;
  margin-bottom:6px !important;
}
.philosophy-principles span{
  display:block !important;
  color:#c8c8c8 !important;
  font-size:12px !important;
  line-height:1.42 !important;
}
@media(max-width:700px){
  .philosophy-principles{
    grid-template-columns:1fr !important;
    gap:14px !important;
    margin-top:22px !important;
  }
}


/* ============================================================
   FINAL — ONLY TWO REQUESTED CHANGES
   1. Hero text centered/organized inside the EXISTING black area.
   2. Club News photos a little smaller.
   No other section, size, position, registration, carousel,
   colors, buttons, footer or content is changed.
   ============================================================ */

/* 1 — HERO COPY: keep exactly the current hero/photo/registration size.
   Center only the text block within the existing black left panel. */
@media (min-width:951px){
  .hero-v10-copy{
    text-align:center !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    /* preserve the existing panel dimensions/position */
    width:35% !important;
    max-width:500px !important;
    top:49% !important;
    transform:translateY(-50%) !important;

    /* balanced horizontal spacing so the copy sits visually in the middle */
    padding-left:30px !important;
    padding-right:30px !important;
  }

  .hero-v10-kicker,
  .hero-v10-copy h1,
  .hero-v10-slogan,
  .hero-v10-copy p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-v10-copy h1{
    max-width:470px !important;
  }

  .hero-v10-copy p{
    max-width:455px !important;
  }

  .hero-v10-pills{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Keep copy centered responsively without touching hero height or registration. */
@media (max-width:950px){
  .hero-v10-copy{
    text-align:center !important;
    align-items:center !important;
  }

  .hero-v10-kicker,
  .hero-v10-copy h1,
  .hero-v10-slogan,
  .hero-v10-copy p{
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .hero-v10-pills{
    justify-content:center !important;
  }
}

/* 2 — CLUB NEWS: same clean style, just slightly smaller photos.
   No boxes are added back. */
@media (min-width:951px){
  .compact-news .news-grid{
    width:min(900px,82%) !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:22px !important;
  }

  .compact-news .news-card img{
    width:100% !important;
    height:auto !important;
    max-height:420px !important;
    object-fit:contain !important;
  }
}

@media (min-width:651px) and (max-width:950px){
  .compact-news .news-grid{
    width:90% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

@media (max-width:650px){
  .compact-news .news-grid{
    width:92% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* ============================================================
   FINAL REQUEST — HERO LETTERS LEFT ONLY
   Keep every other part of the website exactly as it is.
   ============================================================ */
@media (min-width:951px){
  .hero-v10-copy{
    text-align:left !important;
    align-items:flex-start !important;
    justify-content:center !important;
    padding-left:30px !important;
    padding-right:22px !important;
  }
  .hero-v10-kicker,
  .hero-v10-copy h1,
  .hero-v10-slogan,
  .hero-v10-copy p{
    text-align:left !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .hero-v10-pills{
    justify-content:flex-start !important;
    align-items:flex-start !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* FINAL — move ONLY hero text closer to upper-left. Nothing else changed. */
@media (min-width:951px){
  .hero-v10-copy{
    padding-left:8px !important;
    padding-right:22px !important;
    justify-content:flex-start !important;
    top:38% !important;
  }
}

/* ============================================================
   FINAL — REGISTRATION 2026–2027 MORE COMPACT
   ONLY this block is changed. Everything else remains untouched.
   ============================================================ */
@media(min-width:951px){
  .hero-v10-registration{
    width:min(585px,49vw) !important;
    min-height:48px !important;
    padding:6px 9px !important;
    gap:9px !important;
  }
  .hero-v11-regcopy{
    gap:8px !important;
  }
  .hero-v10-actions{
    gap:7px !important;
  }
  .hero-v10-btn{
    padding:6px 10px !important;
    min-height:30px !important;
    font-size:8px !important;
    letter-spacing:.8px !important;
  }
}

@media(min-width:651px) and (max-width:950px){
  .hero-v10-registration{
    width:min(610px,82vw) !important;
  }
}


/* ============================================================
   FINAL — COMPACT TWO-ROW REGISTRATION
   Keeps the exact hero position; only makes the registration
   block shorter and tighter internally.
   ============================================================ */
.hero-v10-registration{
  width:min(430px,38%) !important;
  min-width:390px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
  gap:6px !important;
  padding:7px 10px !important;
}
.hero-reg-top{
  display:flex !important;
  align-items:baseline !important;
  justify-content:center !important;
  gap:7px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
.hero-reg-top small{
  color:#fff !important;
  font-size:7.5px !important;
  font-weight:900 !important;
  letter-spacing:1.1px !important;
}
.hero-reg-top strong{
  color:var(--gold) !important;
  font-size:22px !important;
  line-height:.95 !important;
  letter-spacing:-.4px !important;
}
.hero-v10-actions{
  width:100% !important;
  display:flex !important;
  justify-content:center !important;
  gap:6px !important;
  margin:0 !important;
}
.hero-v10-btn{
  min-width:112px !important;
  min-height:28px !important;
  padding:5px 9px !important;
  font-size:7px !important;
  line-height:1 !important;
}
.hero-v10-btn.primary{
  min-width:122px !important;
}

@media(min-width:651px) and (max-width:1180px){
  .hero-v10-registration{
    width:min(410px,42%) !important;
    min-width:360px !important;
    padding:6px 9px !important;
  }
  .hero-reg-top strong{font-size:20px !important;}
  .hero-v10-btn{min-width:102px !important;}
  .hero-v10-btn.primary{min-width:112px !important;}
}

@media(max-width:650px){
  .hero-v10-registration{
    width:min(340px,88%) !important;
    min-width:0 !important;
    padding:6px 8px !important;
    gap:5px !important;
  }
  .hero-reg-top{gap:6px !important;}
  .hero-reg-top small{font-size:6.5px !important;}
  .hero-reg-top strong{font-size:18px !important;}
  .hero-v10-actions{gap:5px !important;}
  .hero-v10-btn{
    min-width:92px !important;
    min-height:27px !important;
    padding:5px 7px !important;
    font-size:6.4px !important;
  }
  .hero-v10-btn.primary{min-width:100px !important;}
}

/* ============================================================
   FINAL — REGISTRATION LEFT UNDER HERO COPY
   Requested change only: move the compact 2026–2027 registration
   card to the lower-left, directly beneath the hero text.
   ============================================================ */
@media (min-width:951px){
  .hero-v10-registration{
    position:absolute !important;
    left:clamp(22px,3.8vw,64px) !important;
    right:auto !important;
    bottom:18px !important;
    transform:none !important;
    width:330px !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:8px 10px !important;
    gap:6px !important;
    align-self:auto !important;
  }
  .hero-reg-top{
    justify-content:flex-start !important;
    gap:7px !important;
  }
  .hero-reg-top small{font-size:7px !important;}
  .hero-reg-top strong{font-size:21px !important;}
  .hero-v10-actions{
    justify-content:flex-start !important;
    gap:6px !important;
  }
  .hero-v10-btn{
    min-width:104px !important;
    min-height:28px !important;
    padding:5px 8px !important;
    font-size:6.8px !important;
  }
  .hero-v10-btn.primary{min-width:112px !important;}
}

@media (min-width:651px) and (max-width:950px){
  .hero-v10-registration{
    left:24px !important;
    right:auto !important;
    bottom:14px !important;
    transform:none !important;
    width:315px !important;
    min-width:0 !important;
  }
  .hero-reg-top,
  .hero-v10-actions{justify-content:flex-start !important;}
}

/* ============================================================
   FINAL REQUEST — REGISTRATION CARD ONLY
   Makes the registration box shorter/narrower and removes excess
   empty space. No other part of the website is changed.
   ============================================================ */
@media (min-width:951px){
  .hero-v10-registration{
    width:285px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
}

@media (min-width:651px) and (max-width:950px){
  .hero-v10-registration{
    width:285px !important;
  }
}

/* FINAL — REGISTRATION CONTENT-FIT ONLY (2026-08-28)
   No other website section is changed. */
@media (min-width:951px){
  .hero-v10-registration{
    width:max-content !important;
    max-width:calc(100% - 44px) !important;
    padding:7px 8px !important;
    gap:5px !important;
  }
  .hero-reg-top{
    gap:8px !important;
  }
  .hero-reg-top small{
    font-size:9px !important;
    letter-spacing:1.25px !important;
    line-height:1 !important;
  }
  .hero-reg-top strong{
    font-size:25px !important;
    line-height:.92 !important;
    letter-spacing:-.3px !important;
  }
  .hero-v10-actions{
    width:auto !important;
    gap:5px !important;
  }
  .hero-v10-btn{
    min-width:0 !important;
    min-height:27px !important;
    padding:5px 10px !important;
    font-size:8px !important;
    letter-spacing:.9px !important;
  }
  .hero-v10-btn.primary{min-width:0 !important;}
}

@media (min-width:651px) and (max-width:950px){
  .hero-v10-registration{
    width:max-content !important;
    max-width:calc(100% - 48px) !important;
    padding:7px 8px !important;
    gap:5px !important;
  }
  .hero-reg-top small{font-size:8.5px !important;}
  .hero-reg-top strong{font-size:23px !important;}
  .hero-v10-actions{width:auto !important;gap:5px !important;}
  .hero-v10-btn,.hero-v10-btn.primary{
    min-width:0 !important;
    padding:5px 9px !important;
    font-size:7.5px !important;
  }
}

@media (max-width:650px){
  .hero-v10-registration{
    width:max-content !important;
    max-width:88% !important;
    padding:6px 7px !important;
    gap:4px !important;
  }
  .hero-reg-top small{font-size:7.2px !important;letter-spacing:1px !important;}
  .hero-reg-top strong{font-size:20px !important;}
  .hero-v10-actions{width:auto !important;gap:4px !important;}
  .hero-v10-btn,.hero-v10-btn.primary{
    min-width:0 !important;
    min-height:26px !important;
    padding:5px 8px !important;
    font-size:6.8px !important;
  }
}

/* ============================================================
   V25 FINAL MICRO-POLISH — 2026-08-28
   ONLY requested adjustments:
   1) visually center hero copy a few pixels more in its black area;
   2) protect compact Registration on smaller laptop screens.
   No other website styling is changed.
   ============================================================ */
@media (min-width:951px){
  .hero-v10-copy{
    top:40% !important;
  }
}

@media (min-width:951px) and (max-width:1280px),
       (min-width:951px) and (max-height:760px){
  .hero-v10-registration{
    bottom:8px !important;
    max-width:calc(100% - 32px) !important;
  }
}

/* ============================================================
   V25 — REGISTRATION CONTENT ALIGNMENT ONLY — 2026-08-28
   Requested: center WhatsApp + Registration inside the card
   and make them slightly larger. Nothing else changed.
   ============================================================ */
.hero-v10-registration{
  align-items:center !important;
}
.hero-reg-top,
.hero-v10-actions{
  width:100% !important;
  justify-content:center !important;
  text-align:center !important;
}
.hero-v10-btn{
  min-height:31px !important;
  padding:7px 12px !important;
  font-size:8.6px !important;
}
.hero-v10-btn.primary{
  min-width:0 !important;
}

@media (max-width:950px){
  .hero-reg-top,
  .hero-v10-actions{
    justify-content:center !important;
  }
}

@media (max-width:650px){
  .hero-v10-btn{
    min-height:29px !important;
    padding:6px 10px !important;
    font-size:7.4px !important;
  }
}


/* ============================================================
   V25 FINAL — HERO FIT ONE SCREEN
   ONLY requested changes:
   - hero minimally shorter
   - registration slightly higher
   - responsive laptop + phone
   Everything else remains exactly unchanged.
   ============================================================ */

/* LAPTOP / DESKTOP */
@media (min-width:951px){
  .hero-v10{
    height:clamp(510px,calc(100dvh - 118px),620px) !important;
    min-height:510px !important;
    max-height:620px !important;
  }
  .hero-v10-content{
    min-height:100% !important;
    height:100% !important;
    max-height:none !important;
  }
  .hero-v10-registration{
    bottom:24px !important;
  }
}

/* Shorter laptop screens: guarantee the complete hero fits */
@media (min-width:951px) and (max-height:760px){
  .hero-v10{
    height:calc(100dvh - 96px) !important;
    min-height:470px !important;
    max-height:590px !important;
  }
  .hero-v10-registration{
    bottom:20px !important;
  }
}

/* TABLET */
@media (min-width:651px) and (max-width:950px){
  .hero-v10{
    max-height:calc(100dvh - 82px) !important;
  }
  .hero-v10-registration{
    bottom:20px !important;
  }
}

/* PHONE: keep the current mobile design, only tighten hero vertically
   and lift registration slightly so the opening fits more cleanly. */
@media (max-width:650px){
  .hero-v10{
    max-height:calc(100dvh - 68px) !important;
  }
  .hero-v10-registration{
    bottom:14px !important;
  }
}

/* ============================================================
   ACADEMY IN ACTION — CLICK TO ENLARGE ONLY
   No layout/design changes to the existing website.
   ============================================================ */
.academy-gallery .academy-slide img{cursor:zoom-in!important}

.academy-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(0,0,0,.92);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.academy-lightbox.open{display:flex}
.academy-lightbox img{
  width:auto!important;
  height:auto!important;
  max-width:min(94vw,1400px)!important;
  max-height:90vh!important;
  object-fit:contain!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 20px 70px rgba(0,0,0,.72),0 0 0 1px rgba(245,196,0,.32)!important;
}
.academy-lightbox-close{
  position:fixed;
  top:18px;
  right:22px;
  z-index:10000;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(245,196,0,.65);
  border-radius:50%;
  background:rgba(5,5,5,.82);
  color:#f5c400;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:650px){
  .academy-lightbox{padding:16px}
  .academy-lightbox img{max-width:96vw!important;max-height:84vh!important}
  .academy-lightbox-close{top:12px;right:12px;width:40px;height:40px;font-size:25px}
}