/* SAENZ BIKES · batch premium 2026-09 · test only */
:root{--saenz-silver:#aaa9a4;--saenz-silver-strong:#d2d0ca;--saenz-hairline:rgba(255,255,255,.11)}
html{scroll-behavior:smooth;scroll-padding-top:86px}.site-header{display:grid!important;grid-template-columns:minmax(155px,1fr) auto minmax(92px,1fr)!important;align-items:center!important;column-gap:18px!important}.site-header .brand{justify-self:start!important;align-self:center!important}.site-header .main-nav{justify-self:center!important;display:flex!important;gap:4px!important;align-items:center!important;height:100%!important;white-space:nowrap!important}.main-nav a{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;min-height:0!important;padding:5px 8px!important;border-radius:3px!important;font-family:Inter,Arial,sans-serif!important;font-size:8px!important;line-height:1!important;font-weight:500;letter-spacing:.14em!important;color:#929297!important;text-align:center!important;white-space:nowrap!important;transition:color .22s ease,background .22s ease}.main-nav a:after{content:none!important;display:none!important}.main-nav a:hover,.main-nav a:focus-visible{color:#fff!important;background:rgba(255,255,255,.045)}.main-nav a.active{color:#fff!important;background:rgba(255,255,255,.10)!important}.site-header .header-actions{justify-self:end!important;align-self:center!important;display:flex!important;align-items:center!important;gap:8px!important}.bike-finder .finder-copy>small,.bike-finder .finder-guides span,.community-content article small,.performance-copy small{color:var(--saenz-silver)!important}.community-label i{border-color:var(--saenz-silver)!important}.finder-guides span{font-weight:600}.bike-finder{margin-bottom:72px!important}
.novedades-home{width:min(1260px,calc(100% - 56px));height:390px;min-height:390px;margin:0 auto 72px;border:1px solid var(--saenz-hairline);border-radius:18px;overflow:hidden;background:#08090a;position:relative}.novedades-head{position:absolute;z-index:4;left:0;right:0;top:0;display:flex;justify-content:space-between;align-items:end;padding:22px 30px 16px;background:linear-gradient(#08090ae8,transparent)}.novedades-head small{display:none!important}.novedades-head h2{margin:0;font:600 40px/.96 'Barlow Condensed',Arial,sans-serif}.news-controls{display:flex;gap:8px}.news-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.025);color:#ddd;cursor:pointer}.news-viewport,.news-track,.news-slide{height:390px}.news-viewport{overflow:hidden}.news-track{display:flex;transition:transform .55s cubic-bezier(.22,.75,.2,1)}.news-slide{min-width:100%;position:relative;min-height:390px!important;overflow:hidden;background:#090a0b}.news-slide>picture,.news-slide>.news-media{position:absolute;inset:0}.news-slide img{width:100%;height:100%;object-fit:cover;display:block}.news-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.9),rgba(3,3,3,.12) 70%,rgba(3,3,3,.28))}.news-slide[data-style="PRODUCT_PREMIUM"] img,.news-slide[data-style="PRODUCT_TEXT"] img{object-fit:contain;padding:5% 7% 4% 45%;box-sizing:border-box}.news-copy{position:absolute;z-index:2;left:clamp(28px,6vw,78px);bottom:82px;width:min(620px,62%)}.news-copy h3{margin:0 0 10px;font:600 clamp(34px,4.5vw,58px)/.9 'Barlow Condensed',Arial,sans-serif}.news-copy p{max-width:440px;margin:0 0 18px;color:#b4b4b8;font:400 11px/1.5 Inter,Arial,sans-serif}.news-dots{position:absolute;z-index:4;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.news-dots button{width:22px;height:2px;padding:0;border:0;background:#444}.news-dots button.active{background:#d2d0ca}
.performance-club-home{position:relative;width:min(1260px,calc(100% - 56px));margin:0 auto 72px;min-height:390px;border:1px solid var(--saenz-hairline);border-radius:18px;overflow:hidden;background:#08090a}.performance-club-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.performance-club-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.92),rgba(4,4,4,.22) 75%)}.performance-club-layout{position:relative;z-index:2;min-height:390px;padding:40px 44px;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.3fr);gap:42px;align-items:end}.performance-club-label>small{display:none!important}.performance-club-content{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(5,6,7,.46);overflow:hidden}.performance-club-content article{padding:18px;border-right:1px solid rgba(255,255,255,.1)}.performance-club-content article:last-of-type{border-right:0}.performance-club-cta{grid-column:1/-1;display:flex;justify-content:space-between;padding:14px 20px;border-top:1px solid rgba(255,255,255,.1)}
.performance-strip{width:min(1260px,calc(100% - 56px))!important;height:390px!important;min-height:390px!important;margin:0 auto 72px!important;background:#0a0a0b!important;display:grid!important;grid-template-columns:280px 330px minmax(0,1fr)!important;grid-template-areas:'work copy services'!important;align-items:stretch!important;overflow:hidden;border-radius:18px!important}.performance-strip .workshop{grid-area:work!important;min-height:390px!important;background-color:#0a0a0b!important}.performance-strip .performance-copy{grid-area:copy!important;align-self:center!important;padding:34px 28px!important;border:0!important;background:transparent!important}.performance-strip .services{grid-area:services!important;align-self:center!important;margin:0 28px 0 0!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:12px!important;background:transparent!important;overflow:hidden!important}.performance-strip .services>div{min-width:0!important;min-height:128px!important;padding:12px 6px!important;background:transparent!important}.performance-strip .services .service-photo{width:100%!important;max-width:96px!important;height:68px!important;object-fit:contain!important;display:block!important}.performance-strip .services span{font-size:7px!important;line-height:1.2!important;white-space:normal!important}.performance-strip .services b{display:none!important}
@media(max-width:1180px){.site-header{grid-template-columns:auto 1fr auto!important;column-gap:10px!important}.site-header .main-nav{gap:1px!important}.main-nav a{padding:5px 6px!important;font-size:7px!important}.performance-strip{grid-template-columns:220px 300px minmax(0,1fr)!important}.performance-strip .services{margin-right:18px!important}}
@media(max-width:900px){.site-header{display:flex!important}.site-header .main-nav{display:none!important}.performance-strip{grid-template-columns:220px 1fr!important;grid-template-areas:'work copy' 'work services'!important}.performance-strip .services{margin:0 22px 24px 0!important}}
@media(max-width:760px){html{scroll-padding-top:72px}.novedades-home,.performance-club-home,.performance-strip{width:calc(100% - 36px)!important;margin-bottom:56px!important}.novedades-home{height:390px!important;min-height:390px!important}.news-viewport,.news-track,.news-slide{height:390px!important}.news-slide{min-height:390px!important}.novedades-head{padding:18px 22px 12px}.novedades-head h2{font-size:34px!important}.news-controls button{width:34px;height:34px}.news-slide[data-style="PRODUCT_PREMIUM"] img,.news-slide[data-style="PRODUCT_TEXT"] img{padding:14% 6% 30% 42%!important}.news-copy{left:22px;right:22px;bottom:30px;width:auto}.news-copy h3{font-size:34px!important}.performance-club-home{height:auto!important;min-height:0!important}.performance-club-layout{padding:32px 20px;min-height:520px;grid-template-columns:1fr}.performance-club-content{grid-template-columns:1fr}.performance-strip{height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-areas:'copy' 'services'!important}.performance-strip .workshop{display:none!important}.performance-strip .performance-copy{padding:28px 22px 20px!important}.performance-strip .performance-copy h2{font-size:38px!important}.performance-strip .performance-copy p{font-size:11px!important;line-height:1.55!important}.performance-strip .services{margin:0 20px 22px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.performance-strip .services>div{min-height:104px!important;padding:10px 12px!important;gap:7px!important}.performance-strip .services .service-photo{max-width:88px!important;height:60px!important}.performance-strip .services span{font-size:7px!important}}
@media(max-width:430px){.performance-strip .services>div:last-child{grid-column:1/-1!important}.performance-strip .services>div:last-child .service-photo{max-width:96px!important}.performance-club-layout{min-height:500px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.news-track,.main-nav a{transition:none}.performance-club-video{display:none}}

/* V1.3.8 · Performance Center: copy above, service photos aligned below */
@media(min-width:901px){
  .performance-strip{
    display:grid!important;
    grid-template-columns:260px minmax(0,1fr)!important;
    grid-template-areas:
      "copy copy"
      "workshop services"!important;
    align-items:stretch!important;
    min-height:0!important;
  }
  .performance-strip .performance-copy{
    grid-area:copy!important;
    padding:30px 36px 22px!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:28px!important;
    align-items:end!important;
  }
  .performance-strip .performance-copy small{
    grid-column:1/-1!important;
    margin:0 0 7px!important;
  }
  .performance-strip .performance-copy h2{
    margin:0!important;
    font-size:clamp(34px,3vw,48px)!important;
    line-height:.98!important;
    text-transform:none!important;
  }
  .performance-strip .performance-copy p{
    grid-column:1!important;
    margin:12px 0 0!important;
    max-width:760px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  .performance-strip .performance-copy a{
    grid-column:2!important;
    grid-row:2/4!important;
    align-self:end!important;
    margin:0!important;
    width:230px!important;
  }
  .performance-strip .workshop{
    grid-area:workshop!important;
    min-height:190px!important;
    height:auto!important;
    background-size:84% auto!important;
    background-position:center!important;
  }
  .performance-strip .services{
    grid-area:services!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    margin:0!important;
  }
  .performance-strip .services>div{
    min-height:190px!important;
    padding:18px 10px!important;
    justify-content:center!important;
  }
  .performance-strip .services .service-photo{
    height:92px!important;
    max-width:118px!important;
    object-fit:contain!important;
  }
  .performance-strip .services span{
    margin-top:4px!important;
  }
}


/* V1.3.9 · Performance Center compact service rail + larger bike */
@media(min-width:901px){
  .performance-strip{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  .performance-strip .workshop{
    min-height:190px!important;
    background-size:126% auto!important;
    background-position:center center!important;
    position:relative!important;
    left:72px!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  .performance-strip .services{
    width:min(760px,calc(100% - 24px))!important;
    justify-self:end!important;
    align-self:center!important;
    margin:0 18px 0 0!important;
    border-radius:10px!important;
  }
  .performance-strip .services>div{
    min-height:148px!important;
    padding:0!important;
    gap:0!important;
    position:relative!important;
    overflow:hidden!important;
    cursor:zoom-in!important;
  }
  .performance-strip .services .service-photo{
    width:100%!important;
    max-width:none!important;
    height:112px!important;
    object-fit:cover!important;
    display:block!important;
    margin:0!important;
  }
  .performance-strip .services span{
    width:100%!important;
    min-height:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:6px 8px!important;
    margin:0!important;
    background:rgba(0,0,0,.16)!important;
  }
}
.service-photo-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.service-photo-lightbox.is-open{display:flex}
.service-photo-lightbox img{
  max-width:min(92vw,1400px);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:10px;
  box-shadow:0 18px 70px rgba(0,0,0,.55);
}
.service-photo-lightbox button{
  position:absolute;
  top:18px;
  right:20px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:#0b0b0c;
  color:#fff;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}


/* V1.3.13 · compact footer + SAENZ BIKES Instagram */
@media(min-width:761px){
  .service-footer{
    min-height:58px!important;
    height:58px!important;
    padding-inline:max(24px,calc((100vw - 1180px)/2))!important;
  }
  .service-footer .service-item{
    min-height:58px!important;
    gap:11px!important;
  }
  .service-footer .service-mark{
    max-height:31px!important;
  }
  .service-footer .service-icon{
    width:27px!important;
    height:27px!important;
  }
  .service-footer span{
    font-size:8px!important;
    line-height:1.15!important;
  }
  .service-footer .service-item--instagram{
    color:#fff!important;
    text-decoration:none!important;
  }
  .service-footer .service-icon--instagram{
    fill:none!important;
    stroke:#fff!important;
    stroke-width:1.7!important;
  }
  .service-footer .service-icon--instagram .accent{
    fill:#fff!important;
    stroke:none!important;
  }
}