/** Shopify CDN: Minification failed

Line 842:10 Expected identifier but found whitespace
Line 842:11 Unexpected "\"\""

**/
/* =======================================================
   NEREO ANIMATION PACK v1
   Autor: NEREO PRO FITNESS
   Tema: Shopify Dawn
======================================================= */


/* =======================================================
   VARIABLES
======================================================= */

:root{
  --nereo-green:#8BC34A;
  --nereo-dark:#111111;
  --nereo-light:#ffffff;
  --nereo-transition:.35s ease;
}


/* =======================================================
   FADE IN
======================================================= */



/* =======================================================
   HOVER CARDS
======================================================= */



/* =======================================================
   BUTTON GLOW
======================================================= */



/* =======================================================
   COUNTERS
======================================================= */



/* =======================================================
   EBOOK 3D
======================================================= */



/* =======================================================
   PARALLAX
======================================================= */



/* =======================================================
   PARTICLES
======================================================= */

.nereo-counters{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:80px;
    padding:80px 20px;
    text-align:center;
    flex-wrap:wrap;
}

.nereo-counter{
    min-width:220px;
}

.nereo-counter h2{
    font-size:64px;
    font-weight:800;
    color:#8BC34A;
    margin:0;
    line-height:1;
}

.nereo-counter p{
    margin-top:16px;
    font-size:22px;
    color:#222;
    font-weight:600;
}

@media screen and (min-width: 750px) {
  .banner__content {
    padding-left: 2vw !important;
  }
}
/* ==========================================
   HERO BANNER PREMIUM
========================================== */

.banner__heading {
    font-weight: 700 !important;
    letter-spacing: -2px;
    line-height: .92;
    text-transform: uppercase;
}

@media screen and (min-width: 990px) {
    .banner__heading {
        font-size: clamp(4.8rem, 6vw, 7rem);
    }
}
/* =====================================================
   HERO BANNER PREMIUM
===================================================== */

.banner__heading{
    font-weight:700 !important;
    letter-spacing:-2px;
    line-height:.92;
    text-transform:uppercase;
    max-width:700px;
}

@media(min-width:990px){

.banner__heading{
    font-size:clamp(58px,5vw,82px);
}

}

/* =====================================================
   HERO PREMIUM NEREO
===================================================== */

.banner__heading{
    font-family: var(--font-heading-family);
    font-weight:900 !important;
    text-transform:uppercase;
    letter-spacing:-3px;
    line-height:.88;
    color:#111;
    max-width:720px;
    animation:nereoHero .9s ease;
}

@media(min-width:990px){

.banner__heading{
    font-size:clamp(5.2rem,7vw,8.2rem);
}

}

@keyframes nereoHero{

0%{
opacity:0;
transform:translateY(45px);
}

100%{
opacity:1;
transform:translateY(0);
}

}
/* =====================================
   NEREO PREMIUM HERO TITLE
===================================== */

.banner__heading {
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: -2.5px;
    line-height: 0.95;
    color: #111111;
    max-width: 560px;
    margin-bottom: 25px;
}


/* Tamaño escritorio */
@media screen and (min-width: 990px){

.banner__heading {
    font-size: clamp(4rem, 5.5vw, 6.5rem);
}

}


/* Texto secundario */
.banner__text {
    max-width: 520px;
}

.banner__text p{
    font-size: 22px;
    line-height: 1.45;
    color:#444;
}


/* Animación premium */

.banner__heading,
.banner__text,
.banner__buttons {

animation:nereoHeroFade .8s ease forwards;

}


@keyframes nereoHeroFade {

from{
opacity:0;
transform:translateY(30px);
}

to{
opacity:1;
transform:translateY(0);
}

}
/* HERO PREMIUM TITLE */

.banner__heading {
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: 0.92 !important;
  text-transform: uppercase;
}

.hero-highlight {
  color: #8BC34A !important;
}
/* HERO PREMIUM */

.banner__heading {
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: .95 !important;
  text-transform: uppercase;
}

.hero-highlight {
  color: #8BC34A !important;
}
/* =====================================
   NEREO PREMIUM HERO TITLE
===================================== */

.banner__heading {
  font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: -4px !important;
  line-height: 0.88 !important;
  color: #111111 !important;
}


/* Tamaño desktop */


/* Tablet */

@media screen and (max-width: 989px) {

.banner__heading {
  font-size: 55px !important;
}

}


/* Mobile */

@media screen and (max-width: 749px) {

.banner__heading {
  font-size: 42px !important;
  letter-spacing: -2px !important;
}

}
/* Subir botón Hero NEREO */

.banner__buttons {
    transform: translateY(-45px) !important;
}
/* ==========================================
   NEREO PREMIUM BENEFITS SECTION
========================================== */


.multicolumn {

background:#0b0b0b;

padding:90px 0;

}


/* TITULO */

.multicolumn .title {

color:#ffffff !important;

font-size:42px;

font-weight:800;

letter-spacing:-1.5px;

margin-bottom:55px;

}



/* CONTENEDOR */

.multicolumn-list {

display:flex !important;

gap:28px;

justify-content:center;

}



/* TARJETAS */

.multicolumn-card {

background:
linear-gradient(
145deg,
#1c1c1c,
#111111
);


border-radius:20px;


padding:45px 35px;


border:
1px solid rgba(139,195,74,.25);


box-shadow:

0 20px 40px rgba(0,0,0,.55);


transition:.35s ease;


min-height:320px;


}


/* HOVER */

.multicolumn-card:hover {


transform:
translateY(-12px);


border-color:
#8bc34a;


box-shadow:

0 35px 70px rgba(0,0,0,.8);


}



/* ICONOS */

.multicolumn-card .media {

margin-bottom:30px;

}



/* TITULO TARJETA */

.multicolumn-card h3 {


color:white !important;


font-size:22px;


font-weight:700;


letter-spacing:.5px;


}



/* TEXTO */

.multicolumn-card .rte {


color:#bdbdbd !important;


font-size:16px;


line-height:1.7;


}



/* MOBILE */

@media(max-width:749px){

.multicolumn-list{

display:block !important;

}


.multicolumn-card{

margin-bottom:25px;

}

}
/* ==========================================
NEREO MULTICOLUMN FINAL PREMIUM FIX
========================================== */


.multicolumn {

background:#080808 !important;

padding:100px 0 !important;

}


/* TITULO */

.multicolumn .title {

color:#ffffff !important;

text-align:left;

font-size:42px !important;

font-weight:800 !important;

margin-bottom:50px !important;

}



/* FORZAR 3 COLUMNAS */

.multicolumn-list {

display:grid !important;

grid-template-columns:repeat(3,1fr) !important;

gap:30px !important;

}



/* TARJETAS */

.multicolumn-card {

background:
linear-gradient(
145deg,
#191919,
#0d0d0d
) !important;


border-radius:24px !important;


padding:45px 35px !important;


min-height:330px;


border:
1px solid rgba(139,195,74,.25) !important;


box-shadow:

0 25px 60px rgba(0,0,0,.65) !important;


transition:.35s ease !important;


}



/* EFECTO PREMIUM */

.multicolumn-card:hover {

transform:translateY(-10px);

border-color:#8BC34A !important;

}



/* TITULOS */

.multicolumn-card h3 {


color:#ffffff !important;


font-size:22px !important;


font-weight:800 !important;


}



/* TEXTO */

.multicolumn-card p {


color:#bdbdbd !important;


font-size:16px !important;


line-height:1.7 !important;


}



/* ICONOS */

.multicolumn-card .media {


filter:
drop-shadow(0 0 12px rgba(139,195,74,.4));


}


/* MOBILE */

@media(max-width:750px){

.multicolumn-list{

grid-template-columns:1fr !important;

}

}
/* ==========================================
NEREO MULTICOLUMN WIDTH FIX
========================================== */


.multicolumn .page-width {

max-width:1400px !important;

}


.multicolumn-list {

width:100% !important;

}


.multicolumn-list__item {

width:100% !important;

max-width:none !important;

}


.multicolumn-card {

width:100% !important;

}


.multicolumn-card__info {

padding:0 !important;

}


.multicolumn-card h3 {

white-space:normal !important;

word-break:normal !important;

}


.multicolumn-card p {

white-space:normal !important;

word-break:normal !important;

}
/* ==========================================
   NEREO MULTICOLUMN PREMIUM POLISH
========================================== */


/* REDONDEAR MAS LAS TARJETAS */

.multicolumn-card {

border-radius:32px !important;

}


/* SUBIR CONTENIDO DENTRO DE TARJETAS */

.multicolumn-card__info {

padding-top:10px !important;

}


/* ICONOS MAS DESTACADOS */

.multicolumn-card .media {

transform:scale(1.15);

margin-bottom:35px !important;

}


/* EFECTO PROFUNDIDAD */

.multicolumn-card {

position:relative;

overflow:hidden;

}


.multicolumn-card::before {

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:2px;

background:#8BC34A;

opacity:.7;

}


/* HOVER PREMIUM */

.multicolumn-card:hover {

transform:translateY(-12px);

box-shadow:

0 30px 80px rgba(139,195,74,.15);

}



/* TITULO MAS PREMIUM */

.multicolumn .title {

font-size:48px !important;

font-weight:900 !important;

letter-spacing:-1px !important;

}



/* MAS ESPACIO ENTRE TITULO Y TARJETAS */

.multicolumn .title-wrapper {

margin-bottom:60px !important;

}
/* ============================================
   NEREO PREMIUM MULTICOLUMNA BACKGROUND
   ============================================ */

.multicolumn {
  position: relative;
  overflow: hidden;

  background:

    radial-gradient(
      ellipse at 50% -20%,
      rgba(139,195,74,0.25),
      transparent 45%
    ),

    radial-gradient(
      ellipse at 50% 70%,
      rgba(139,195,74,0.10),
      transparent 40%
    ),

    linear-gradient(
      180deg,
      #101010 0%,
      #050505 100%
    ) !important;
}


/* Brillo ambiental inferior */

.multicolumn::after {

  content:"";

  position:absolute;

  width:900px;
  height:450px;

  bottom:-250px;
  left:50%;

  transform:translateX(-50%);

  background:
    radial-gradient(
      ellipse,
      rgba(139,195,74,0.25),
      transparent 65%
    );

  filter:blur(70px);

  pointer-events:none;

}
  content: "";
  position: absolute;
  width: 700px;
  height: 300px;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);

  background: radial-gradient(
    ellipse,
    rgba(139,195,74,0.18),
    transparent 70%
  );

  filter: blur(50px);
  pointer-events: none;
}


/* Tarjetas premium */

.multicolumn-card {
  position: relative;
  background:
    linear-gradient(
      145deg,
      #151515,
      #0d0d0d
    ) !important;

  border: 1px solid rgba(139,195,74,0.35);

  border-radius: 28px !important;

  box-shadow:
    0 25px 50px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.05);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}


/* Efecto hover */

.multicolumn-card:hover {

  transform: translateY(-10px);

  border-color:
    rgba(139,195,74,0.8);

  box-shadow:
    0 35px 70px rgba(0,0,0,0.75),
    0 0 35px rgba(139,195,74,0.15);

}


/* Glow suave arriba de tarjetas */

.multicolumn-card::before {

  content:"";

  position:absolute;

  top:0;
  left:20%;
  right:20%;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #8BC34A,
      transparent
    );

  opacity:.8;

}


/* Mejor separación visual */

.multicolumn .title-wrapper {

  margin-bottom:60px;

}


/* Título premium */

.multicolumn .title {

  letter-spacing:-1px;

  font-weight:800;

}
/* ============================================
   NEREO PREMIUM MULTICOLUMNA BACKGROUND
   ============================================ */

.multicolumn {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(139,195,74,0.12),
      transparent 35%
    ),
    linear-gradient(
      180deg,
      #0a0a0a 0%,
      #050505 100%
    ) !important;
}


/* Brillo ambiental inferior */

.multicolumn::after {
  content: "";
  position: absolute;
  width: 700px;
  height: 300px;
  bottom: -180px;
  left: 50%;
  transform: translateX(-50%);

  background: radial-gradient(
    ellipse,
    rgba(139,195,74,0.18),
    transparent 70%
  );

  filter: blur(50px);
  pointer-events: none;
}


/* Tarjetas premium */

.multicolumn-card {
  position: relative;
  background:
    linear-gradient(
      145deg,
      #151515,
      #0d0d0d
    ) !important;

  border: 1px solid rgba(139,195,74,0.35);

  border-radius: 28px !important;

  box-shadow:
    0 25px 50px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.05);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease;

}


/* Efecto hover */

.multicolumn-card:hover {

  transform: translateY(-10px);

  border-color:
    rgba(139,195,74,0.8);

  box-shadow:
    0 35px 70px rgba(0,0,0,0.75),
    0 0 35px rgba(139,195,74,0.15);

}


/* Glow suave arriba de tarjetas */

.multicolumn-card::before {

  content:"";

  position:absolute;

  top:0;
  left:20%;
  right:20%;

  height:2px;

  background:
    linear-gradient(
      90deg,
      transparent,
      #8BC34A,
      transparent
    );

  opacity:.8;

}


/* Mejor separación visual */

.multicolumn .title-wrapper {

  margin-bottom:60px;

}


/* Título premium */

.multicolumn .title {

  letter-spacing:-1px;

  font-weight:800;

}
/* ============================================
   NEREO - TITULO MULTICOLUMNA CENTRADO
   ============================================ */

.multicolumn .title-wrapper {
  text-align: center !important;
  justify-content: center !important;
}

.multicolumn .title {
  text-align: center !important;
  width: 100%;
}
/* ======================================
   NEREO PREMIUM COUNTER SECTION
====================================== */

.nereo-counters {

  background:
  radial-gradient(
    circle at center top,
    rgba(139,195,74,0.18),
    transparent 45%
  ),
  linear-gradient(
    180deg,
    #f8f8f6 0%,
    #ffffff 100%
  );

  display:flex;
  justify-content:center;
  align-items:center;

  padding:90px 40px;

  gap:0;

}


/* BLOQUES */

.nereo-counter {

  flex:1;

  text-align:center;

  position:relative;

  max-width:350px;

}


/* separadores */

.nereo-counter:not(:last-child)::after {

  content:"";

  position:absolute;

  right:0;

  top:20%;

  height:60%;

  width:1px;

  background:rgba(0,0,0,0.12);

}



/* NUMEROS */

.nereo-counter h2 {

  margin:0 0 18px;

  font-size:76px;

  line-height:1;

  font-weight:900;

  letter-spacing:-3px;

  color:#8BC34A;

}


/* TEXTO */

.nereo-counter p {

  margin:0;

  font-size:18px;

  line-height:1.5;

  font-weight:800;

  letter-spacing:1.8px;

  color:#111;

}


/* ANIMACION */

.nereo-counter {

  opacity:0;

  transform:translateY(25px);

  animation:nereoCounterFade 0.8s ease forwards;

}


.nereo-counter:nth-child(2){

  animation-delay:.15s;

}


.nereo-counter:nth-child(3){

  animation-delay:.3s;

}


@keyframes nereoCounterFade {

  from{

    opacity:0;

    transform:translateY(25px);

  }


  to{

    opacity:1;

    transform:translateY(0);

  }

}



/* MOBILE */

@media(max-width:768px){


.nereo-counters{

  flex-direction:column;

  gap:45px;

  padding:60px 20px;

}



.nereo-counter:not(:last-child)::after{

  display:none;

}



.nereo-counter h2{

  font-size:55px;

}



.nereo-counter p{

  font-size:16px;

}


}
/* =======================================================
   NEREO — CORRECCIONES MOBILE (agregado)
   1) Banner principal (imagen + título + botón)
   2) "Seguridad total" — carrusel horizontal
   3) Reseñas de clientes — carrusel horizontal
======================================================= */

@media screen and (max-width: 749px) {

  /* --- 2) SEGURIDAD TOTAL: carrusel horizontal en mobile --- */

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding-left: 6% !important;
    padding-right: 6% !important;
    margin: 0 !important;
    scrollbar-width: none !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-list::-webkit-scrollbar {
    display: none !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-list__item {
    flex: 0 0 82% !important;
    width: 82% !important;
    max-width: none !important;
    scroll-snap-align: center !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card {
    padding: 28px 24px !important;
    text-align: center !important;
    min-height: 0 !important;
    height: 100% !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card-spacing {
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card__image-wrapper {
    width: 34% !important;
    margin: 0 auto 16px !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card__info h3 {
    font-size: 16px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card__info .rte {
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn-card__info .rte strong {
    display: block;
    margin-top: 6px;
  }


  /* --- 3) RESEÑAS DE CLIENTES: carrusel horizontal en mobile --- */

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-list {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    scroll-behavior: smooth !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 16px !important;
    padding-left: 6% !important;
    padding-right: 6% !important;
    margin: 0 !important;
    scrollbar-width: none !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-list::-webkit-scrollbar {
    display: none !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-list__item {
    flex: 0 0 82% !important;
    width: 82% !important;
    max-width: none !important;
    scroll-snap-align: center !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-card {
    padding: 28px 24px !important;
    text-align: center !important;
    height: 100% !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08) !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-card__info h3 {
    font-size: 18px !important;
    letter-spacing: 1px !important;
    margin: 0 0 10px !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-card__info .rte {
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-style: italic !important;
  }

  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn-card__info .rte strong {
    display: block;
    margin-top: 10px;
    font-style: normal;
    font-size: 13px !important;
    letter-spacing: 0.3px;
  }

  /* --- Contador (5000 personas / 98% satisfacción / 24h acceso) --- */

  [id^="shopify-section-"][id$="__custom_liquid_NLmGnJ"] {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

}

/* --- Títulos centrados: "Seguridad total" y "Lo que dicen nuestros clientes" --- */

[id^="shopify-section-"][id$="__multicolumn_AhchDT"] .title-wrapper-with-link,
[id^="shopify-section-"][id$="__multicolumn_AhchDT"] .multicolumn .title,
[id^="shopify-section-"][id$="__multicolumn_AttnLN"] .title-wrapper-with-link,
[id^="shopify-section-"][id$="__multicolumn_AttnLN"] .multicolumn .title {
  text-align: center !important;
}


/* =======================================================
   NEREO — HERO MOBILE (foto + overlay + contenido HTML real)
   Reemplaza el sistema anterior de "botón invisible sobre imagen".
   Todo scopeado a [id^="shopify-section-"][id$="__image_banner"]+ max-width:749px.
   Desktop no se toca en ningún punto de este bloque.
======================================================= */

@media screen and (max-width: 749px) {

  [id^="shopify-section-"][id$="__image_banner"] .banner {
    position: relative !important;
    min-height: 600px !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__media {
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center top !important;
    background-color: #f2f2f2 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__media.animate--zoom-in > img {
    scale: 1 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__media::after {
    background: linear-gradient(180deg, rgba(5, 8, 5, .15) 0%, rgba(5, 8, 5, .25) 40%, rgba(5, 8, 5, .5) 100%) !important;
    opacity: 1 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__content {
    position: relative !important;
    padding: 0 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__box {
    position: relative !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 3rem 1.75rem 2.5rem !important;
    width: 100% !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__heading {
    display: block !important;
    color: #ffffff !important;
    font-size: clamp(30px, 9vw, 42px) !important;
    line-height: 1.05 !important;
    letter-spacing: -1px !important;
    max-width: 100% !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-green {
    background: linear-gradient(180deg, #C8FF6A 0%, #AFFF4A 45%, #93E934 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
    text-shadow: 0 0 18px rgba(170, 255, 80, .65), 0 0 34px rgba(170, 255, 80, .35) !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__text {
    display: block !important;
    max-width: 100% !important;
    margin-top: 14px !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__text p {
    color: #f2f2f2 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__text strong {
    display: none !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-top: 18px;
    padding: 10px 16px;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(139, 195, 74, .45);
    border-radius: 10px;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social {
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--nereo-green);
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social__icon svg {
    width: 100%;
    height: 100%;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social__text {
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .3px;
    text-transform: uppercase;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefits {
    display: flex !important;
    flex-direction: column;
    list-style: none;
    margin: 22px 0 0;
    padding: 0;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 0;
    border-top: 1px solid rgba(139, 195, 74, .25);
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit:first-child {
    border-top: none;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__icon {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    color: var(--nereo-green);
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__icon svg {
    width: 100%;
    height: 100%;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__icon,
  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social__icon {
    background: rgba(139, 195, 74, .18) !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__text strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: .2px;
    text-transform: uppercase;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefit__text em {
    color: #cfcfcf;
    font-style: normal;
    font-size: 13px;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__buttons {
    position: static !important;
    margin: 26px 0 0 !important;
    width: 100% !important;
    transform: none !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__buttons .button,
  [id^="shopify-section-"][id$="__image_banner"] .banner__buttons .button--primary {
    width: 100% !important;
    min-height: 56px !important;
    height: auto !important;
    padding: 16px 20px !important;
    font-size: 16px !important;
    background: linear-gradient(180deg, #C8FF6A 0%, #AFFF4A 45%, #93E934 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow:
        0 8px 18px rgba(170, 255, 80, .35),
        0 18px 40px rgba(120, 220, 40, .28),
        inset 0 2px 0 rgba(255, 255, 255, .45) !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__buttons .button span {
    position: static !important;
    transform: none !important;
    width: auto !important;
    color: #ffffff !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust {
    display: flex !important;
    flex-wrap: wrap;
    list-style: none;
    margin: 22px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .15);
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust__item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 45%;
    padding: 8px 10px;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    color: var(--nereo-green);
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust__icon svg {
    width: 100%;
    height: 100%;
  }

  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust__text {
    color: #ffffff;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .3px;
    line-height: 1.25;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 750px) {
  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-social,
  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-benefits,
  [id^="shopify-section-"][id$="__image_banner"] .hero-mobile-trust {
    display: none !important;
  }
}

/* =======================================================
   NEREO — HERO MOBILE: FOTO REAL DEL USUARIO (SOLO MOBILE)
   Reemplaza el <img> nativo por la foto vertical del usuario,
   unicamente en la vista movil. Desktop no se toca.
======================================================= */

@media screen and (max-width: 749px) {

  [id^="shopify-section-"][id$="__image_banner"] .banner__media img {
    display: none !important;
  }

  [id^="shopify-section-"][id$="__image_banner"] .banner__media {
    background-image: url('/cdn/shop/files/nereo-hero-mobile-vertical.png?v=1787531900') !important;
    background-size: cover !important;
    background-position: center 22% !important;
    background-repeat: no-repeat !important;
  }

}

/* =======================================================
   NEREO — PREGUNTAS FRECUENTES: titulo a juego con el resto
   del sitio (bold, mismo lenguaje visual) y tamano moderado
   en mobile para que no se vea desproporcionado.
======================================================= */

[id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .collapsible-content__heading {
  font-weight: 800 !important;
  letter-spacing: 0.4px !important;
  color: #121212 !important;
}

@media screen and (max-width: 749px) {

  [id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .collapsible-content__heading {
    font-size: 26px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  [id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .title-wrapper {
    margin-bottom: 18px !important;
  }

}

/* =======================================================
   NEREO — TITULOS UNIFICADOS EN MOBILE
   Mismo tamano y peso para los 5 titulos de secciones:
   "¡Empieza tu transformación hoy!", "Ellos ya lograron su cambio",
   "SEGURIDAD TOTAL", "Lo que dicen nuestros clientes" y
   "Preguntas frecuentes".
======================================================= */

@media screen and (max-width: 749px) {

  [id^="shopify-section-"][id$="__featured_collection"] .title,
  [id^="shopify-section-"][id$="__nereo_testimonios_VGbEKf"] .nereo-testi__title,
  [id^="shopify-section-"][id$="__multicolumn_AhchDT"] .title,
  [id^="shopify-section-"][id$="__multicolumn_AttnLN"] .title,
  [id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .collapsible-content__heading {
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    letter-spacing: 0.2px !important;
  }

}

/* =======================================================
   NEREO — PREGUNTAS FRECUENTES: mas espacio arriba y abajo
   de la seccion (antes tenia 0px de padding y se veia
   apretada pegada a las secciones vecinas).
======================================================= */

@media screen and (max-width: 749px) {

  [id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .collapsible-content__wrapper {
    padding-top: 56px !important;
    padding-bottom: 64px !important;
  }

}

@media screen and (min-width: 750px) {

  [id^="shopify-section-"][id$="__collapsible_content_NtKzaz"] .collapsible-content__wrapper {
    padding-top: 80px !important;
    padding-bottom: 88px !important;
  }

}

/* Anuncio: aparece de inmediato al cargar la pagina (sin retraso) */

.announcement-bar__message {
    animation: nereo-marquee-fast 30s linear infinite !important;
}

@keyframes nereo-marquee-fast {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-110%);
  }
}