/* Intro lácteos - Ajustes para imágenes absolutas */
.desayuno-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10% 60px 0;
  min-height: 80vh;
  overflow: hidden;
  z-index: 0;
}

.despensa-text {
  position: relative;
  z-index: 2; 
}

.desayuno-estanteria-intro {
  max-width: 600px;
} 

.desayuno-senora-carrito-intro {
  position: absolute;     
  top: 20px;            
  align-self: flex-start;
  right: 80px;
  z-index: 2;
  max-width: 160px;
}

.desayuno-hombre-carrito-intro {
  position: absolute;     
  bottom: 0;            
  align-self: flex-start;
  right: 80px;
  z-index: 2;
  max-width: 160px;
}

.desayuno-senora-estante-intro-mobile  {
  display: none;
  z-index: 0;
}

@media (max-width: 900px) {
  .desayuno-section {    
    flex-direction: column;         
    text-align: center;             
    padding: 40px 20px;                  
    min-height: 120vh;
    position: relative; 
    overflow: visible !important;
  }

  .desayuno-estanteria-intro {
    display: none;
  } 
  
  .desayuno-senora-carrito-intro {
    display: none;
  }

  .desayuno-hombre-carrito-intro {
    display: none;
  }

  .desayuno-senora-estante-intro-mobile {
    display: block;
    position: absolute;
    top: 30%;         
    left: 45%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 0;           /* queda detrás del texto */
    z-index: 1;
  }

  .despensa-text {
    position: relative;
    z-index: 5
  }
}


/* Promociones - Ajustes para imágenes absolutas */
.boxed-wrap.b03 {
  position: relative;      
}

.desayuno-estante-promo {
  position: absolute;     
  top: 80%;            
  left: 0;
  align-self: flex-start;
  z-index: 2;
  max-width: 250px;
}

.desayuno-senora-carrito-promo {
  position: absolute;     
  top: 80%;            
  align-self: flex-start;
  right: 30px;
  z-index: 2;
  max-width: 200px;
}

@media (max-width: 900px) {

  .desayuno-estante-promo {
    display: none;
  }

  .desayuno-senora-carrito-promo {
    display: none;
  }
}


/* Reto visual - Ajustes para imágenes absolutas */
/* .reto-visual {
  padding: 150px 2% 100px !important;
} */

.desayuno-senora-carrito-reto {
  position: absolute;     
  top: 80%;            
  left: 30px;
  align-self: flex-start;
  z-index: 2;
  max-width: 200px;
}

@media (max-width: 900px) {

  .desayuno-senora-carrito-reto {
    display: none;
  }

}


/* Formulario - Ajustes para banner absoluto */

.vecino_form-banner.b04 {
  position: relative;    
}

.desayuno-estante-form{
  position: absolute;     
  top: 50%;            
  right: 0;
  align-self: flex-start;
  z-index: 2;
  max-width: 150px;
}

@media (max-width: 900px) {

  .desayuno-estante-form {
    display: none;
  }

}





/* Estilos letras */

.despensa-text h1.desayuno-titulo-roca {
  font-family: 'Roca';
  font-weight: 700;
  font-style: bold;
  font-size: 72px;
  line-height: 76px;
  color: #1B1E3C;
  letter-spacing: 0px;
  vertical-align: middle;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .despensa-text h1.desayuno-titulo-roca {
    font-family: "Roca", sans-serif;
    font-weight: 700;
    font-style: bold;
    font-size: 48px;
    line-height: 48px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
  }
}

.despensa-text p.desayuno-texto-form-desktop {
  font-family: "degular-display", sans-serif;
  font-weight: 500;
  /* font-style: medium; → no válido en CSS, ya cubierto por font-weight */
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0px;
  vertical-align: middle;
  display: inline-block; /* mantiene el alineado vertical */
  color: #1B1E3C;
}
@media (max-width: 768px) {
  .despensa-text p.desayuno-texto-form-desktop {
    font-family: "degular-display", sans-serif;
    font-weight: 500;
    /* font-style: medium; → no válido en CSS, ya cubierto por font-weight */
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }
}



.lupa-zona .b03 .boxed h3.desayuno-titulo-promos {
  font-family: "degular", sans-serif !important;
  font-weight: 700 !important;
  font-size: 56px ;
  line-height: 60px ;
  text-transform: uppercase !important;
  text-align: center !important;
  color: #1B1E3C !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
}
@media (max-width: 768px) {
  .lupa-zona .b03 .boxed h3.desayuno-titulo-promos {
    font-family: "degular", sans-serif;
    font-weight: 700;
    /* font-style: bold;  → no es necesario, font-weight ya cubre el estilo */
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    margin: 0 auto; /* asegura el centrado visual */
    display: block;
  }
}


.lupa-zona .reto-visual .reto-content h2.desayuno-titulo-reto {
  font-family: "degular", sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 60px;
  text-transform: uppercase;
  text-align: center;
  color: #1B1E3C;
  letter-spacing: 0;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .lupa-zona .reto-visual .reto-content h2.desayuno-titulo-reto {
    font-family: "degular", sans-serif;
    font-weight: 700;
    /* font-style: bold;  → innecesario, ya está cubierto por font-weight */
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    margin: 0 auto; /* asegura centrado visual */
  }
}


.lupa-zona .reto-visual .reto-content p.desayuno-texto-reto {
  font-family: "degular-display", sans-serif;
  font-weight: 500;
  font-style: normal; /* “Medium” se representa con font-weight: 500 */
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  color: #1B1E3C;
}
@media (max-width: 768px) {
  .lupa-zona .reto-visual .reto-content h2.desayuno-titulo-reto {
    font-family: "degular-display", sans-serif;
    font-weight: 700;
    /* font-style: bold;  → innecesario, ya está cubierto por font-weight */
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    margin: 0 auto; /* asegura centrado visual */
  }
}


.lupa-zona .reto-visual .reto-content p.desayuno-texto-pista {
  font-family: "degular-display", sans-serif;
  font-weight: 600;         /* Semibold */
  font-style: normal;       /* “Semibold” se define con font-weight */
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  color: #1B1E3C;
}
@media (max-width: 768px) {
  .lupa-zona .reto-visual .reto-content p.desayuno-texto-pista {
    font-family: "degular-display", sans-serif;
    font-weight: 600;
    /* font-style: semibold; → no es válido en CSS, lo cubre font-weight */
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }
}


.lupa-zona .vecino_form-banner .vecino_form_title h2.desayuno-titulo-form {
  font-family: "degular-display", sans-serif;
  font-weight: 700;         /* Bold */
  font-style: normal;       /* “Bold” ya está cubierto por font-weight */
  font-size: 56px;
  line-height: 60px;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  color: #1B1E3C;
}
@media (max-width: 768px) {
  .lupa-zona .vecino_form-banner .vecino_form_title h2.desayuno-titulo-form {
    font-family: "degular-display", sans-serif;
    font-weight: 700;
    /* font-style: bold; → innecesario, ya está cubierto por font-weight */
    font-size: 34px;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    text-transform: uppercase;
    display: block;
    margin: 0 auto; /* asegura el centrado visual */
  }
}


.lupa-zona .vecino_form-banner .vecino_form_title p.desayuno-texto-form {
  font-family: "degular-display", sans-serif;
  font-weight: 500;         /* Medium */
  font-style: normal;       /* “Medium” se representa con font-weight: 500 */
  font-size: 24px;
  line-height: 26px;
  letter-spacing: 0px;
  text-align: center;
  color: #1B1E3C;
}
@media (max-width: 768px) {
  .lupa-zona .vecino_form-banner .vecino_form_title p.desayuno-texto-form {
    font-family: "degular-display", sans-serif;
    font-weight: 500;
    /* font-style: medium; → no válido en CSS, se maneja con font-weight */
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    display: block;
    margin: 0 auto;
  }
}


/* .desayuno-boton-vale {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  text-transform: none;
  color: #1B1E3C;
} */


/* .desayuno-section .btn-primary-large {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

@media (max-width: 900px) {
  .desayuno-section .btn-primary-large {
    bottom: 8%;
  }
} */