/* ============================================================
   RESPONSIVE FINAL — replica de los breakpoints WordPress/Oxygen
   Backup Skishock: 1280 / 991 / 767 / 479 px
   ============================================================ */

/* Tipografías del proyecto original, siempre sin serifas. */
html{font-size:62.5%;}
body,button,input,textarea,select,.ct-text-block,.ct-link-text{
  font-family:'Raleway',Arial,Helvetica,sans-serif;
}
h1,h2,h3,h4,h5,h6,.ct-headline{
  font-family:'Roboto Condensed','Arial Narrow',Arial,Helvetica,sans-serif;
}
#_nav_menu-7-8,#_nav_menu-7-8 a,#link_button-8-8{
  font-family:'Bebas Neue','Arial Narrow',Arial,Helvetica,sans-serif;
}

/* Ancho global de Oxygen. */
.ct-section-inner-wrap,.oxy-header-container{max-width:1280px;}

/* La galería añadida conserva el comportamiento de #div_block-54-10
   de la última hoja CSS generada por Oxygen. */
#div_block-54-10{
  width:100%;
  display:grid;
  align-items:stretch;
  grid-template-columns:repeat(3,minmax(200px,1fr));
  column-gap:100px;
  row-gap:60px;
  text-align:left;
}
.magazine-card{align-items:flex-start;text-align:left;min-width:0;}
.magazine-cover{width:275px;max-width:100%;height:auto;aspect-ratio:212/300;object-fit:cover;object-position:center top;}

/* ======================= PC GRANDE ======================= */
@media (min-width:1281px){
  /* Menú horizontal, como el header Oxygen original. */
  #_nav_menu-7-8 .oxy-nav-menu-list{
    display:flex!important;
    position:static;
    background:transparent;
    box-shadow:none;
    padding:0;
    flex-direction:row!important;
    align-items:center!important;
  }
  #_nav_menu-7-8 .oxy-menu-toggle{display:none!important;}

  #div_block-7-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(200px,1fr));
    column-gap:60px;
    row-gap:20px;
    padding-left:10rem;
    padding-right:10rem;
  }
  #div_block-408-10,#div_block-411-10{padding-left:10rem;padding-right:10rem;}

  #div_block-54-10{grid-template-columns:repeat(3,minmax(200px,1fr));column-gap:100px;row-gap:60px;}
  #div_block-110-10{grid-template-columns:repeat(3,minmax(200px,1fr));column-gap:60px;row-gap:60px;display:grid;}
  #section-134-10>.ct-section-inner-wrap{grid-template-columns:repeat(4,minmax(200px,1fr));column-gap:40px;row-gap:60px;}
  #section-134-10>.ct-section-inner-wrap>:nth-child(1){grid-column:span 4;}
  #div_block-225-10{grid-template-columns:repeat(4,minmax(200px,1fr));column-gap:40px;row-gap:20px;display:grid;}
}

/* ========== PC PEQUEÑO / TABLET HORIZONTAL ========== */
@media (max-width:1280px) and (min-width:992px){
  /* Oxygen ocultaba el menú de escritorio a 1280px. */
  #_nav_menu-7-8 .oxy-nav-menu-list{display:none!important;}
  #_nav_menu-7-8 .oxy-menu-toggle{display:block!important;}
  #_nav_menu-7-8.oxy-nav-menu-open .oxy-nav-menu-list{
    display:flex!important;
    position:absolute;
    left:0;right:0;top:100%;
    flex-direction:column!important;
    align-items:stretch!important;
    background:#fff;
  }

  #div_block-7-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(200px,1fr));
    column-gap:60px;
    row-gap:20px;
    padding-left:10rem;
    padding-right:10rem;
  }
  #div_block-54-10{grid-template-columns:repeat(3,minmax(200px,1fr));column-gap:70px;row-gap:60px;}
  #div_block-225-10{grid-template-columns:repeat(2,minmax(200px,1fr));column-gap:20px;row-gap:60px;display:grid;}
}

/* ========================= TABLET ========================= */
@media (max-width:991px) and (min-width:768px){
  #div_block-5-10{width:100%;margin:0;}
  #div_block-7-10{
    display:flex;
    flex-direction:column;
    width:100%;
    margin-top:20px;
    padding-left:40px;
    padding-right:40px;
  }

  #div_block-54-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(200px,1fr));
    column-gap:60px;
    row-gap:60px;
  }
  .magazine-card{align-items:flex-start;text-align:left;}

  #div_block-110-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(200px,1fr));
    column-gap:20px;
    row-gap:20px;
  }
  #section-134-10>.ct-section-inner-wrap{
    display:grid;
    grid-template-columns:repeat(3,minmax(200px,1fr));
    column-gap:20px;
    row-gap:20px;
  }
  #section-134-10>.ct-section-inner-wrap>:nth-child(1){grid-column:span 3;}
  #div_block-225-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(200px,1fr));
    column-gap:20px;
    row-gap:60px;
  }
}

/* ========================= MÓVIL ========================= */
@media (max-width:767px) and (min-width:480px){
  .ct-section-inner-wrap{padding-left:2rem;padding-right:2rem;}

  #div_block-7-10{
    display:flex;
    flex-direction:column;
    width:100%;
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
  }
  #section-71-10>.ct-section-inner-wrap,#section-198-10>.ct-section-inner-wrap{display:flex;flex-direction:column;}

  /* Oxygen original: revistas en una columna a 767px. */
  #div_block-54-10{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:60px;
  }
  .magazine-card{align-items:center;text-align:center;width:100%;}
  .magazine-cover{width:275px;max-width:100%;}

  #div_block-110-10{
    display:grid;
    grid-template-columns:1fr;
    column-gap:20px;
    row-gap:60px;
  }
  #section-134-10>.ct-section-inner-wrap{
    display:grid;
    grid-template-columns:repeat(2,minmax(160px,1fr));
    column-gap:20px;
    row-gap:20px;
  }
  #section-134-10>.ct-section-inner-wrap>:nth-child(1){grid-column:span 2;}
  #div_block-225-10{
    display:grid;
    grid-template-columns:repeat(2,minmax(160px,1fr));
    column-gap:20px;
    row-gap:60px;
  }
}

/* ===================== MÓVIL PEQUEÑO ===================== */
@media (max-width:479px){
  .ct-section-inner-wrap{padding-left:1.6rem;padding-right:1.6rem;}

  #section-1-8>.ct-section-inner-wrap{gap:1rem;}
  #image-5-8{height:42px;max-width:118px;object-fit:contain;}
  #div_block-6-8{margin-left:auto;gap:.5rem;}
  #link_button-8-8{font-size:1.1rem;line-height:1.1;padding:5px 10px!important;margin-left:5px;white-space:nowrap;}
  #_nav_menu-7-8 .oxy-nav-menu-hamburger-wrap{width:34px;height:34px;}
  #_nav_menu-7-8 .oxy-nav-menu-hamburger{width:34px;height:25px!important;}

  #div_block-7-10{
    display:flex;
    flex-direction:column;
    width:100%;
    margin-top:30px;
    padding-left:20px;
    padding-right:20px;
  }
  #div_block-13-10{display:flex;flex-direction:column;}

  #div_block-54-10{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:60px;
  }
  .magazine-card{align-items:center;text-align:center;width:100%;}
  .magazine-cover{width:275px;max-width:100%;}

  #div_block-110-10{display:grid;grid-template-columns:1fr;column-gap:20px;row-gap:60px;}
  #section-134-10>.ct-section-inner-wrap{display:flex;flex-direction:column;align-items:center;}
  #section-134-10{text-align:center;}
  #div_block-225-10{display:grid;grid-template-columns:1fr;column-gap:20px;row-gap:80px;}
}

/* ============================================================
   CENTRADO FINAL — comportamiento de contenedores Oxygen
   Conserva los anchos, columnas y breakpoints originales.
   ============================================================ */

/* Todos los wrappers de Oxygen quedan centrados en la ventana. */
.ct-section-inner-wrap,
.oxy-header-container{
  width:100%;
  max-width:1280px;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Cabecera: contenido equilibrado dentro del ancho disponible. */
#section-1-8 > .ct-section-inner-wrap{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Bloques principales de la portada. */
#div_block-5-10,
#div_block-7-10,
#div_block-408-10,
#div_block-411-10,
#div_block-54-10,
#div_block-110-10,
#div_block-225-10,
#div_block-204-10,
#div_block-217-10{
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Hero / presentación. */
#section-4-10 > .ct-section-inner-wrap,
#section-51-10 > .ct-section-inner-wrap,
#section-107-10 > .ct-section-inner-wrap,
#section-265-10 > .ct-section-inner-wrap,
#section-370-10 > .ct-section-inner-wrap{
  align-items:center;
}

/* Revistas: tarjetas y contenido centrados en cada columna. */
#div_block-54-10{
  width:100%;
  justify-items:center;
}
#div_block-54-10 > *,
.magazine-card{
  justify-self:center;
  align-items:center!important;
  text-align:center!important;
  margin-left:auto;
  margin-right:auto;
}
.magazine-cover{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* Bloques de cifras y partners/logos. */
#div_block-110-10{
  width:100%;
  justify-items:center;
}
#div_block-110-10 > *{
  justify-self:center;
  align-items:center;
  text-align:center;
}
#section-134-10 > .ct-section-inner-wrap{
  justify-items:center;
}
#section-134-10 > .ct-section-inner-wrap > *{
  justify-self:center;
  margin-left:auto;
  margin-right:auto;
}
#section-134-10 img,
#section-134-10 .ct-image{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* Contacto: columnas repartidas simétricamente y centradas. */
#div_block-225-10{
  width:100%;
  justify-items:center!important;
}
#div_block-225-10 > *{
  justify-self:center;
  align-items:center;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* Agradecimientos: bloque global centrado pero conserva lectura interna. */
#section-198-10 > .ct-section-inner-wrap{
  margin-left:auto!important;
  margin-right:auto!important;
}
#div_block-257-10,
#div_block-217-10{
  margin-left:auto;
  margin-right:auto;
  align-items:center;
  text-align:center;
}
#div_block-204-10{
  width:100%;
}

/* Banners e imágenes grandes, siempre centrados. */
#image-3-10,
#link-407-10,
#link-412-10,
#div_block-408-10 img,
#div_block-411-10 img{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/* Tablet y móvil: evita desplazamientos laterales heredados. */
@media (max-width:991px){
  #div_block-7-10,
  #div_block-54-10,
  #div_block-110-10,
  #div_block-225-10{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:767px){
  #div_block-54-10,
  #div_block-110-10,
  #div_block-225-10{
    align-items:center;
    justify-items:center;
  }
  #div_block-54-10 > *,
  #div_block-110-10 > *,
  #div_block-225-10 > *{
    margin-left:auto;
    margin-right:auto;
  }
}

/* ============================================================
   PRIMERA IMAGEN / HERO — posición de la última versión Oxygen
   ============================================================ */
/* Oxygen mantenía el primer bloque a ancho completo y su contenido
   visual centrado en 50% / 50%. El IMG estático reproduce ese
   comportamiento sin depender de WordPress. */
#div_block-5-10{
  width:100%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background-position:50% 50%!important;
}
#image-376-10{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:78vh!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-self:center!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}

/* Logotipo grande inicial: medidas exactas del CSS de Oxygen. */
#image-3-10{
  align-self:center!important;
  width:90%!important;
  height:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:991px){
  #image-3-10{width:100%!important;}
  #div_block-5-10{margin:0!important;}
  #image-376-10{max-width:100%!important;}
}

/* ============================================================
   TEXTO PRINCIPAL DEBAJO DE LA PRIMERA IMAGEN — centrado
   ============================================================ */
/* La portada queda arriba y el primer bloque editorial pasa a ir
   inmediatamente debajo, centrado en todos los breakpoints. */
#div_block-7-10{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:1280px!important;
  margin:30px auto 0!important;
  padding-left:clamp(20px,6vw,10rem)!important;
  padding-right:clamp(20px,6vw,10rem)!important;
  text-align:center!important;
}
#div_block-328-10{
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
  text-align:center!important;
}
#headline-8-10,
#headline-9-10,
#text_block-10-10{
  width:100%!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#link_button-383-10{
  align-self:center!important;
}
/* El segundo bloque conserva su contenido pero queda debajo del primero,
   centrado dentro del mismo eje vertical. */
#div_block-13-10{
  width:100%!important;
  max-width:900px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

@media (max-width:991px){
  #div_block-7-10{
    margin-top:24px!important;
    padding-left:40px!important;
    padding-right:40px!important;
  }
}
@media (max-width:767px){
  #div_block-7-10{
    margin-top:22px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
}
@media (max-width:479px){
  #div_block-7-10{
    margin-top:18px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
}

/* ============================================================
   TEMPORADA 25-26 — BASE RESPONSIVE / CARRUSEL
   Compatible con Safari, iPhone e iPad
   ============================================================ */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-behavior:auto!important;
}
body{
  width:100%;
  min-width:0;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{
  max-width:100%;
  height:auto;
  -webkit-user-drag:none;
}
button,
a{
  -webkit-tap-highlight-color:transparent;
}
button{
  -webkit-appearance:none;
  appearance:none;
  font:inherit;
}

/* Se desactivan animaciones antiguas de WordPress; el carrusel final se reactiva al final del archivo. */
*,*::before,*::after{
  animation:none!important;
  -webkit-animation:none!important;
  transition:none!important;
  -webkit-transition:none!important;
}
#section-134-10 a:hover,
.logo-colab:hover,
#div_block-165-10:hover,
#link-168-10:hover,#link-170-10:hover,#link-172-10:hover,#link-174-10:hover,
#link-355-10:hover,#link-176-10:hover,#link-357-10:hover,#link-178-10:hover,
#link-180-10:hover,#link-182-10:hover,#link-184-10:hover,#link-363-10:hover,
#link-186-10:hover,#link-365-10:hover,#link-367-10:hover,#link-188-10:hover,#link-192-10:hover{
  transform:none!important;
  -webkit-transform:none!important;
}
/* El antiguo superbox no cambia al pasar el ratón ni al tocar en iOS. */
#_superbox-392-10 .oxy-superbox-secondary{
  display:none!important;
  opacity:0!important;
}

/* Slider situado inmediatamente bajo la primera foto y su texto. */
.season-slider{
  width:100%;
  max-width:1100px;
  margin:42px auto 10px;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.season-slider__heading{
  width:100%;
  margin:0 0 18px;
  text-align:center;
}
.season-slider__heading h2{
  margin:0;
  color:#173f35;
  font-family:'Roboto Condensed','Arial Narrow',Arial,Helvetica,sans-serif;
  font-size:clamp(2.6rem,4vw,3.8rem);
  line-height:1.2;
}
.season-slider__stage{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#fff;
}
.season-slide{
  width:100%;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.season-slide[hidden]{display:none!important;}
.season-slide img{
  display:block;
  width:100%;
  max-width:1000px;
  height:auto;
  max-height:620px;
  object-fit:contain;
  object-position:center;
  margin:0 auto;
}
.season-slider__controls{
  width:100%;
  max-width:1000px;
  margin:16px auto 0;
  display:grid;
  grid-template-columns:48px 1fr 48px;
  align-items:center;
  gap:12px;
}
.season-slider__button{
  width:44px;
  height:44px;
  border:2px solid #173f35;
  border-radius:50%;
  background:#fff;
  color:#173f35;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  cursor:pointer;
  font-size:2.4rem;
  line-height:1;
  touch-action:manipulation;
}
.season-slider__button:focus-visible,
.season-slider__dot:focus-visible{
  outline:3px solid rgba(23,63,53,.35);
  outline-offset:3px;
}
.season-slider__dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
}
.season-slider__dot{
  width:12px;
  height:12px;
  min-width:12px;
  border:1px solid #173f35;
  border-radius:50%;
  background:#fff;
  padding:0;
  cursor:pointer;
  touch-action:manipulation;
}
.season-slider__dot.is-active{
  background:#173f35;
}

/* Safe areas de iPhone/iPad con notch o Dynamic Island. */
#section-1-8{
  padding-left:env(safe-area-inset-left,0px);
  padding-right:env(safe-area-inset-right,0px);
}
.cookie-banner{
  padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))!important;
  padding-left:max(1rem,env(safe-area-inset-left,0px))!important;
  padding-right:max(1rem,env(safe-area-inset-right,0px))!important;
}

/* iPad / tablet */
@media (max-width:991px){
  .season-slider{
    max-width:900px;
    margin-top:34px;
  }
  .season-slide img{max-width:850px;}
}

/* iPhone y otros móviles */
@media (max-width:767px){
  .season-slider{
    width:100%;
    margin-top:28px;
  }
  .season-slide img{
    width:100%;
    max-width:100%;
    max-height:none;
  }
  .season-slider__controls{
    grid-template-columns:44px 1fr 44px;
    margin-top:14px;
  }
  .season-slider__button{
    width:40px;
    height:40px;
    font-size:2rem;
  }
}

@media (max-width:430px){
  .season-slider{
    margin-top:24px;
  }
  .season-slider__heading{margin-bottom:14px;}
  .season-slider__heading h2{font-size:2.8rem;}
  .season-slider__controls{
    grid-template-columns:40px 1fr 40px;
    gap:8px;
  }
  .season-slider__dot{
    width:10px;
    height:10px;
    min-width:10px;
  }
}

/* iPhone en horizontal: limita altura sin recortar la creatividad. */
@media (max-height:500px) and (orientation:landscape){
  .season-slide img{max-height:78vh;width:auto;max-width:100%;}
}

/* Logos reales incluidos en las cargas de la temporada 25-26. */
.partner-25{
  width:100%;
  min-height:130px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:12px;
  background:#fff;
}
.partner-25-logo{
  display:block;
  width:auto!important;
  max-width:190px!important;
  height:auto!important;
  max-height:105px!important;
  object-fit:contain!important;
  margin:auto!important;
}
@media(max-width:767px){
  .partner-25{min-height:112px;}
  .partner-25-logo{max-width:165px!important;max-height:90px!important;}
}

/* ============================================================
   TEMPORADA 25-26 — CARRUSEL ANIMADO FINAL
   Dos creatividades únicas, sin repetición.
   ============================================================ */
.season-slider__stage{
  position:relative;
  overflow:hidden;
  touch-action:pan-y;
  -webkit-user-select:none;
  user-select:none;
}
.season-slider__track{
  width:100%;
  display:flex;
  align-items:center;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transition:transform .7s cubic-bezier(.22,.61,.36,1)!important;
  -webkit-transition:-webkit-transform .7s cubic-bezier(.22,.61,.36,1)!important;
  will-change:transform;
}
.season-slide{
  flex:0 0 100%;
  min-width:100%;
  width:100%;
  display:flex!important;
  align-items:center;
  justify-content:center;
  opacity:.82;
  transform:scale(.985);
  -webkit-transform:scale(.985);
  transition:opacity .7s ease,transform .7s ease!important;
  -webkit-transition:opacity .7s ease,-webkit-transform .7s ease!important;
}
.season-slide[hidden]{display:flex!important;}
.season-slide.is-active{
  opacity:1;
  transform:scale(1);
  -webkit-transform:scale(1);
}
.season-slide__link{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.season-slider__button,
.season-slider__dot{
  transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease!important;
  -webkit-transition:background-color .25s ease,color .25s ease,border-color .25s ease,-webkit-transform .25s ease!important;
}
.season-slider__button:hover{
  background:#173f35;
  color:#fff;
  transform:scale(1.05);
  -webkit-transform:scale(1.05);
}
.season-slider__dot.is-active{
  transform:scale(1.25);
  -webkit-transform:scale(1.25);
}
@media (prefers-reduced-motion:reduce){
  .season-slider__track,
  .season-slide,
  .season-slider__button,
  .season-slider__dot{
    transition:none!important;
    -webkit-transition:none!important;
  }
}


/* ============================================================
   MENÚ UNIVERSAL — MISMO DISEÑO EN MÓVIL, TABLET Y PC
   Hamburger en todos los tamaños, compatible con Safari/iOS,
   Chrome, Firefox, Edge y navegadores Android.
   ============================================================ */
#section-1-8{
  position:-webkit-sticky;
  position:sticky;
  top:0;
  z-index:9999;
  background:#fff;
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
#section-1-8 > .ct-section-inner-wrap{
  position:relative;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex-wrap:nowrap!important;
}
#div_block-6-8{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  margin-left:auto!important;
}
#_nav_menu-7-8{
  position:relative;
  display:block!important;
}
#_nav_menu-7-8 .oxy-menu-toggle{
  display:flex!important;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  margin:0;
  padding:0;
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
}
#_nav_menu-7-8 .oxy-nav-menu-list{
  display:none!important;
}
#_nav_menu-7-8.oxy-nav-menu-open .oxy-nav-menu-list{
  display:flex!important;
  position:fixed!important;
  top:var(--skishock-header-height,72px)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  max-height:calc(100vh - var(--skishock-header-height,72px));
  max-height:calc(100dvh - var(--skishock-header-height,72px));
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  padding:14px max(18px,env(safe-area-inset-right)) 20px max(18px,env(safe-area-inset-left))!important;
  margin:0!important;
  background:rgba(255,255,255,.985)!important;
  box-shadow:0 12px 28px rgba(23,63,53,.16)!important;
  z-index:9998!important;
}
#_nav_menu-7-8.oxy-nav-menu-open .menu-item{
  width:100%!important;
  margin:0!important;
}
#_nav_menu-7-8.oxy-nav-menu-open .menu-item a{
  display:block!important;
  width:100%!important;
  padding:12px 14px!important;
  text-align:center!important;
  font-size:clamp(1.7rem,2vw,2.1rem)!important;
  line-height:1.25!important;
  border-bottom:1px solid rgba(23,63,53,.10);
}
#_nav_menu-7-8 .oxy-nav-menu-hamburger-wrap{
  width:40px!important;
  height:40px!important;
  margin:0!important;
}
#_nav_menu-7-8 .oxy-nav-menu-hamburger{
  width:36px!important;
  height:28px!important;
}
#_nav_menu-7-8 .oxy-nav-menu-hamburger-line{
  height:4px!important;
  border-radius:4px;
}

/* El bloque de suscripción queda limpio: sin icono/foto superior. */
#div_block-31-10{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
#div_block-36-10{
  align-items:center!important;
  text-align:center!important;
}

/* Ajustes grandes: conserva el mismo header y menú en tablets XL y PC. */
@media (min-width:1281px){
  #_nav_menu-7-8 .oxy-nav-menu-list{display:none!important;}
  #_nav_menu-7-8 .oxy-menu-toggle{display:flex!important;}
  #section-1-8 > .ct-section-inner-wrap{max-width:1280px!important;}
}

@media (max-width:767px){
  #_nav_menu-7-8.oxy-nav-menu-open .oxy-nav-menu-list{
    top:var(--skishock-header-height,66px)!important;
    max-height:calc(100vh - var(--skishock-header-height,66px));
    max-height:calc(100dvh - var(--skishock-header-height,66px));
  }
}