/* 	Author:     Lumba


  	Developer:  @lisandrojm (GitHub)    
	  URL:        https://muecas.com.ar/  */

/* /////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////// */
/* <!-- Generales --> */
/* /////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////// */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

html {
  max-width: 100vw;
  height: 100%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 9999999;
  /*display: none;*/
}
.loading-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.beat {
  animation: beat 0.5s infinite alternate;
  transform-origin: center;
}
@keyframes beat {
  to {
    transform: scale(1.2);
  }
}
ul {
  list-style: none;
  text-decoration: none;
}

a {
  list-style: none;
  text-decoration: none;
  color: #000000;
}

li:hover {
  opacity: 0.8;
}

.footer li:hover {
  opacity: 0.8;
}

nav li {
  transition: transform 0.3s ease;
}

nav li:hover {
  opacity: 0.9;
  color: rgba(117, 117, 117, 0.717);
  transform: scale(1.05);
}

a img:hover {
  opacity: 0.9;
}

body {
  background-color: #ffffff;
  color: #ffffff;
  overflow-x: hidden;
  max-width: 100%;
  width: 100%;
  overscroll-behavior: none;
  /* Primary Font */
  font-family: 'Lexend', sans-serif;
  /*scroll horizontal */
  transition: 0.3s ease-out;
}

/* navbar sin scroll al abrirse */
body.navbar-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}
/* navbar sin scroll al abrirse */
body.navbar-open-light {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Fonts --> */

/* Secondary Font */
.secondary_font {
  font-family: 'Caprasimo', sans-serif;
}
.custom_font_color_violeta {
  color: #7a2583;
}
.custom_font_color_rosa {
  color: #f0a0b2;
}

.custom_font_color_negro {
  color: #2c2926;
}
.custom_font_color_rojo {
  color: #e72e39;
}
.custom_font_color_amarillo {
  color: #f8b42a;
}

.custom_font_color_chocolate {
  color: #006b68;
}

.custom_font_color_alfajor {
  color: #006b68;
}

.custom_font_color_verde {
  color: #006b68;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Buttons --> */
.btn_custom_dark {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_dark:active,
.btn_custom_dark:focus,
.btn_custom_dark:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}
.btn_custom_dark:disabled {
  color: #797979 !important;
}
.btn_custom_outline_dark {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_outline_dark:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}
.btn_custom_outline_dark:active,
.btn_custom_outline_dark:focus,
.btn_custom_outline_dark:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}

.btn_custom_outline_dark_fill {
  border: 2px solid #2c2926 !important;
  border-radius: 0 !important;
  background-color: #2c2926 !important;
  color: #ffffff !important;
}

.btn_custom_outline_dark_fill:active,
.btn_custom_outline_dark_fill:focus,
.btn_custom_outline_dark_fill:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}
.btn_custom_outline_invert {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_outline_invert:active,
.btn_custom_outline_invert:focus,
.btn_custom_outline_invert:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}

.btn_custom_outline_light {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_outline_light:active,
.btn_custom_outline_light:focus,
.btn_custom_outline_light:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}
.btn_custom_verde {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_verde:active,
.btn_custom_verde:focus,
.btn_custom_verde:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Forms --> */

.form-check-input:checked {
  background-color: black !important;
  border: none !important;
  box-shadow: none !important;
}

.form-check-input:not(:checked) {
  box-shadow: none !important;
}

.form-check-label::before {
  background-color: black !important;
  border: none !important;
}

.form-check-input::before {
  box-shadow: none !important;
  border: none !important;
}

.form-check-input:focus {
  border: 1px solid rgba(0, 0, 0, 0.132) !important;
}

.form-select {
  color: rgb(192, 192, 192);
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Products floating animation --> */

.floatAnimation {
  animation: floatAnimation 3s ease-in-out infinite;
}
.floatAnimation-chocolate {
  animation: floatAnimationChocolate 3s ease-in-out infinite;
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes floatAnimationChocolate {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Owl Carousel --> */

.owl-theme .owl-dots .owl-dot.active span {
  background-color: #000000 !important;
}

.owl-productos .owl-stage {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.owl-cards-nuestros-productos .owl-stage {
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.owl-cards-nuestros-productos .owl-item {
  padding-bottom: 10px;
}

.owl-marcas .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-comunidad .owl-stage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.owl-item-productos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.owl-item-cards-nuestros-productos {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: 10px;
}
.owl-item-cards-nuestros-productos .card-footer {
  background-color: #ffffff;
}
.owl-item-cards {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.owl-item-cards .owl-stage {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.owl-nosotros-desk .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.owl-nosotros-mobile .owl-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.owl-foto-producto a img:hover {
  opacity: 1;
}
.foto-producto-carousel img {
  border-radius: 0 !important;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Scrolling text --> */
/* /////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////// */
/* Scrolling-text | Módulo | real + simple */
#scroll-container {
  background-color: #ffffff;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  overflow-x: hidden;
}

.tt-scrolling-text {
  display: flex;
  position: relative;
  pointer-events: none;
}
.tt-scrolling-text-inner {
  padding-left: 2vw;
  font-size: calc(30px + 2vw);
  /*   font-weight: bold; */
  /*   font-weight: 600; */
  white-space: nowrap;
  animation-name: tt_scrolling_text;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
  /* animation-duration is handled by js. */
}
.tt-scrolling-text-inner:after {
  content: attr(data-text);
}

@keyframes tt_scrolling_text {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width: 576px) {
  .tt-scrolling-text-inner {
    font-size: calc(20px + 2vw);
  }
  #scroll-container {
    background-color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    overflow-x: hidden;
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* Scrolling-text | Módulo | Seguinos en @muecas.ok */

#scroll-container_seguinos {
  background-color: #ffffff;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  overflow-x: hidden;
}

.tt-scrolling-text_seguinos {
  display: flex;
  position: relative;
  pointer-events: none;
}
.tt-scrolling-text-inner_seguinos {
  padding-left: 2vw;
  font-size: calc(30px + 2vw);
  white-space: nowrap;
  animation-name: tt_scrolling_text_seguinos;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running;
}
.tt-scrolling-text-inner_seguinos:after {
  content: attr(data-text);
}

@keyframes tt_scrolling_text_seguinos {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (min-width: 576px) {
  .tt-scrolling-text-inner_seguinos {
    font-size: calc(20px + 2vw);
  }
  #scroll-container_seguinos {
    background-color: #ffffff;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    overflow-x: hidden;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- Módulo Nuestros Productos --> */

.modulo_nuestros_productos {
  background-color: #ffffff;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.modulo_nuestros_productos h2 {
  color: #000000 !important;
  font-size: 2.7rem;
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- Módulo Socios estratégicos --> */

.modulo_socios_estrategicos {
  background-color: #ffffff;
  color: #000000;
}
.modulo_socios_estrategicos h2 {
  font-size: 2rem;
}

.modulo_socios_estrategicos h5 {
  color: #7a2583;
}

@media (min-width: 768px) {
  .modulo_socios_estrategicos h2 {
    font-size: 2.5rem;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- Módulo Stickers --> */
.sticker_productos {
  height: 80px;
  width: 80px;
  border-radius: 100px;
  position: absolute;
  top: 30px;
  z-index: 100;
}
.sticker_detalle {
  height: 100px;
  width: 100px;
  border-radius: 100px;
  position: absolute;
  top: -40px;
}
.sticker_productos-left {
  left: 15px;
}
.sticker_productos-right {
  right: 15px;
}

.sticker_detalle-left {
  left: -20px;
  transform: translateX(-50%);
}
.sticker_detalle-right {
  right: -20px;
  transform: translateX(50%);
}

.sticker_sin_stock-gris {
  background-color: #5e5b58;
}

.sticker_descuentos-negro {
  background-color: #2c2926;
}

.sticker_nuevo-rosa {
  background-color: #f0a0b2;
}

.sticker_detalle p {
  font-size: 20px !important;
  color: #ffffff;
  text-align: center;
  line-height: 24px !important;
}
.sticker_productos p {
  font-size: 18px !important;
  color: #ffffff;
  text-align: center;
  line-height: 20px !important;
}

.sticker_span-descuentos-negro {
  font-size: 30px !important;
}
.sticker_span-detalle-negro {
  font-size: 26px !important;
}

/*  /////////////////////////////////////////////////////////////////// */
/*  /////////////////////////////////////////////////////////////////// */
/* <!-- HTMLs Módulos --> */
/*  /////////////////////////////////////////////////////////////////// */
/*  /////////////////////////////////////////////////////////////////// */

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- Header / Mòdulo --> */

#site-header {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  background-image: linear-gradient(to bottom, #000000bf, rgba(0, 0, 0, 0));
  padding-bottom: 20px;
  transition: 0.5s ease;
}
#site-header.navbar-open {
  background-color: #2c2926;
  height: 100vh;
}

#site-header-light {
  position: relative;
  top: 0;
  z-index: 1000;
  width: 100%;
  background-color: #ffffff;
  transition: 0.5s ease;
}

#site-header-light.navbar-open {
  background-color: #ffffff;
  height: 100vh;
  z-index: 999;
}

#site-header-light-paso {
  top: 0;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
}
#site-header-light-paso .navbar {
  height: 80px;
}
.header-logo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -10;
  transition: transform 0.3s ease;
}

.header-logo-hover {
  transition: transform 0.3s ease;
}

.header-logo-hover:hover {
  opacity: 0.9;
  transform: scale(1.05);
}
.header-tienda-user {
  position: absolute;
  top: 17px;
  right: 0;
  z-index: 100;
}
.header-tienda-user img {
  width: 32px;
  transition: transform 0.3s ease;
}
.header-tienda-user img:hover {
  transform: scale(1.05);
}

@media (max-width: 991px) {
  .header-nav-link {
    font-size: 1.6rem !important;
  }
  .header-nav-link-light {
    font-size: 1.2rem !important;
  }
}
@media (min-width: 992px) {
  .header-logo-centrado-izq {
    position: absolute;
    top: 50%;
    right: 60%;
    transform: translateY(-50%);
    z-index: 10;
  }
  .header-logo-centrado-der {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translateY(-50%);
    z-index: 10;
  }
  .header-logo {
    z-index: 10;
  }
}

@media (min-width: 1200px) {
  .header-logo-centrado-izq {
    right: 58%;
  }
  .header-logo-centrado-der {
    left: 58%;
  }
  .header-logo {
    z-index: 10;
  }
  .header-logo-centrado-izq {
    right: 58%;
  }
  .header-logo-centrado-der {
    left: 58%;
  }
  .header-tienda-user {
    top: 27px;
    right: 70px;
  }
  #site-header-light-paso .navbar {
    height: 95px;
  }
}
@media (min-width: 1400px) {
  .header-logo-centrado-izq {
    right: 57%;
  }
  .header-logo-centrado-der {
    left: 57%;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- Navbar / Módulo --> */

.navbar {
  z-index: 100;
}

.nav-link {
  color: #ffffff;
  padding-bottom: 0 !important;
}
.header-nav-link {
  color: #ffffff !important;
}
.header-nav-link-light {
  color: #2c2926;
}
.navbar-brand :hover {
  opacity: 90%;
}

.navbar-toggler {
  border: 0;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}
.navbar-toggler-light:focus,
.navbar-toggler-light:active,
.navbar-toggler-icon-light:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}

/* Lines of the Toggler */
.toggler-icon {
  width: 30px;
  height: 3px;
  background-color: #ffffff;
  display: block;
  transition: all 0.2s;
}
.toggler-icon-light {
  width: 30px;
  height: 3px;
  background-color: #2c2926;
  display: block;
  transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar {
  margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

/* State when navbar is opened (END) */
/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

/* State when navbar is collapsed (END) */
/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
  background-color: #ffffff;
}

.navbar-toggler.collapsed .toggler-icon-light {
  background-color: #2c2926;
}

.navbar-collapse {
  overflow-y: auto;
}
.right-positioned {
  float: right;
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- Footer / Módulo --> */

.footer {
  position: relative;
  background-color: #f4f4f4;
  z-index: 1;
}
.footer li {
  color: #000000;
  font-size: 1rem;
  margin-bottom: 6px;
}

.footer p {
  color: black;
}
.footer_bottom {
  background-color: #ffffff;
  font-size: 0.9rem;
}

.footer_bottom_aqui {
  text-decoration: underline;
}

/* Anula el box shadow azul al enfocar el input */
.form-control:focus {
  box-shadow: none;
  border-color: #ced4da;
}

@media (max-width: 768px) {
  .footer li {
    font-size: 0.9rem;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/*  /////////////////////////////////////////////////////////////////// */
/* <!-- HTMLs Customs --> */
/*  /////////////////////////////////////////////////////////////////// */
/*  /////////////////////////////////////////////////////////////////// */

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- index.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- section_02 --> */

.section_02 {
  position: relative;
  min-height: 80vh;
  overflow: hidden;
}

.section_02 h1 {
  font-size: 4rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

.section_02_video-container {
  background-color: #2c2926;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
/* .section_02_video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.section_02_content-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
}

.section_02_parallax {
  position: relative;
  height: 90vh;
  display: flex;
  /* justify-content: center; */
  justify-content: start;
  align-items: flex-start;
}
.section_02_parallax img:hover {
  opacity: 1 !important;
}
.section_02_parallax a:hover h1,
.section_02_parallax a:hover p {
  opacity: 0.8 !important;
}

.section_02_parallax_video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.section_02_parallax img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

@media (min-width: 576px) {
  .section_02 {
    min-height: 80vh;
  }
  .section_02 h1 {
    font-size: 4.1rem;
  }
  .section_02_content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90vh;
  }
  /*   .section_02_parallax h1 {
    font-size: 2.5rem;
  } */
}

@media (min-width: 1400px) {
  .section_02_content-container {
    margin-top: 0;
  }
}

@media (max-width: 576px) {
  .section_02_parallax {
    height: 80vh;
  }
}
/* /Refactoring /////////////////////////////////////////*/
/* <!-- section_02_nosotros --> */

.section_02_content-container h1 {
  font-size: 3rem;
  line-height: 1;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_content-container p {
  font-size: 18px;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_content-container h1 {
    font-size: 4.1rem;
  }
  .section_02_content-container p {
    font-size: 24px;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  }
}
/* //////////////////////////////////////////////////////////////////*/

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- article_03 --> */

.article_03 {
  background-color: #ffffff;
  color: #000000;
}

.article_03 p {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .article_03 p {
    font-size: 2rem;
  }
  .article_03 button {
    font-size: 1.4rem;
    padding: 5px 5px;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- section_04 --> */

.section_04 {
  text-align: center;
  overflow: hidden;
  height: 100px;
  background-image: url('../assets/images/index_section_04_barra-de-conceptos.svg');
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
}

.section_04-image-container {
  position: relative;
  display: inline-block;
}
/* //////////////////////////////////////////////// */
/* Refactoring Sección Nuestros Productos */
/* //////////////////////////////////////////////// */

/* Reemplazar clase */
.section_04-hover-img {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 17px;
  font-weight: 0;
  color: white;
  line-height: 20px !important;
  text-align: center;
}

/* Agregar clase */
.section_04-hover-img p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 15px;
}
/* //////////////////////////////////////////////// */
/* //////////////////////////////////////////////// */

.section_04-image-container:hover .section_04-hover-img {
  opacity: 1;
}

.section_04-img {
  position: relative;
  z-index: 10;
  transition: opacity 0.4s ease;
}
.section_04-img:hover {
  opacity: 0;
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_06 --> */

.section_06 {
  background-color: #0a7358;
  position: relative;
}
.section_06_container-1 {
  color: #dc7281;
  position: relative;
  width: 100%;
}

.section_06_container-1 h2 {
  color: #dc7281;
  font-size: 5rem;
  line-height: 1;
  text-decoration-thickness: 6px;
}

.section_06_container-1_img_nuevo {
  position: absolute;
  top: 0;
  right: 0;
  height: 90px;
  margin-right: 20px;
}
.section_06_container-1_img_plantas {
  position: absolute;
  top: 0;
  left: 0;
  height: 90px;
  margin-left: 20px;
}

.section_06_container-1_img_alfajor {
  position: absolute;
  top: 160px;
  left: 56%;
  transform: translate(-50%, -50%);
  height: 150px;
  z-index: 100;
}
.section_06_container-1_img_chocolate {
  position: absolute;
  top: 160px;
  right: 55%;
  transform: translate(-50%, -50%);
  height: 300px;
  z-index: 100;
}

@media (max-width: 360px) {
  .section_06_container-1 h2 {
    font-size: 5rem;
  }
  .section_06_container-1_img_nuevo {
    top: 0;
    right: 0;
  }
  .section_06_container-1_img_plantas {
    top: 0;
    left: 0;
  }
}
@media (max-width: 576px) {
  .section_06_container-1_img_alfajor-mobile {
    position: absolute;
    top: 220px;
    right: 0px;
    height: 120px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 100;
  }
  .section_06_container-1_img_chocolate-mobile {
    position: absolute;
    top: 210px;
    left: 0px;
    height: 240px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 100;
  }
}

@media (min-width: 768px) {
  .section_06_container-1_img_nuevo {
    right: 0;
  }
  .section_06_container-1_img_plantas {
    left: 0;
  }
  .section_06_container-1 {
    width: 80%;
  }
}
/* /////////////////////////////////////////////////////////////////// */
/* <!-- conocenos.html  --> */
/* /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_nosotros --> */

.section_02_nosotros {
  background-image: url('../assets/images/nosotros_section_02_bg-mobile.webp');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  overflow: hidden;
}

.section_02_nosotros h1 {
  font-size: 4rem;
  line-height: 1;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_nosotros p {
  font-size: 18px;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_nosotros {
    background-image: url('../assets/images/nosotros_section_02_bg-desktop.webp');
    min-height: 90vh;
  }
  .section_02_nosotros h1 {
    font-size: 4.1rem;
  }
  .section_02_nosotros p {
    font-size: 24px;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
  }
}

@media (min-width: 1200px) {
  .section_02_nosotros {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_03_nosotros --> */

.section_03_nosotros {
  background-color: #fff;
}
.section_03_nosotros p {
  color: #000000;
  font-size: 1.2rem;
}

.section_03_nosotros h2 {
  font-size: 2.7rem;
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_04_nosotros --> */

/* .article_04_nosotros {
  background-color: #7a2583 !important;
  height: 80vh;
} */

.article_04_nosotros {
  background-image: url('../assets/images/nosotros_article_04_foto1-Mobile.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
}
.article_04_nosotros p {
  position: relative;
  font-size: 1rem;
  height: 900px;
  top: 30%;
}
@media (min-width: 450px) {
  .article_04_nosotros p {
    top: 35%;
  }
}

@media (min-width: 576px) {
  .article_04_nosotros {
    background-image: url('../assets/images/nosotros_article_04_foto1-Desk.jpg');
  }
  .article_04_nosotros p {
    font-size: 1.1rem;
    height: 1100px;
    top: 25%;
  }
}
@media (min-width: 1200px) {
  .article_04_nosotros p {
    top: 30%;
  }
}

/* Desk */
/* article_04_nosotros_desk */
.article_04_nosotros_desk {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
.article_04_nosotros_desk-violeta {
  background-color: #7a2583;
  height: 80vh;
}
.article_04_nosotros_desk-rosa {
  background-color: #f0a0b2;
  height: 80vh;
}
.article_04_nosotros_desk-rojo {
  background-color: #e72e39;
  height: 80vh;
}
.article_04_nosotros_desk_arrow-item {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 30px;
  margin-bottom: 130px;
  z-index: 100;
}

.article_04_nosotros_desk_arrow {
  color: #ffffff;
  margin-left: 20px;
}

/* Mobile */
/* article_04_nosotros_mobile */
.article_04_nosotros_mobile {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
.article_04_nosotros_mobile-violeta {
  background-color: #7a2583;
  height: 70vh;
}
.article_04_nosotros_mobile-rosa {
  background-color: #f0a0b2;
  height: 70vh;
}
.article_04_nosotros_mobile-rojo {
  background-color: #e72e39;
  height: 70vh;
}
.article_04_nosotros_mobile_arrow-item {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 30px;
  margin-bottom: 130px;
  z-index: 100;
}

.article_04_nosotros_mobile_arrow {
  color: #ffffff;
  margin-left: 20px;
}
.article_04_nosotros_mobile-aventura {
  height: 70vh;
  background-image: url('../assets/images/nosotros_section_05_desk-aventura.svg');
  background-position: center top;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.article_04_nosotros_mobile-aventura h2 {
  color: #ffffff;
  font-size: 2rem;
}

.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  background-color: transparent;
  padding: 10px;
}
/* Estilos para las flechas de navegación activas */
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: #efefefc8 !important;
}
.owl-nav {
  margin-top: 20px !important;
}
@media (min-width: 576px) {
  .owl-nav {
    margin-top: 0px !important;
  }
}
.article_04_nosotros {
  background-color: #ffffff;
}

.article_04_nosotros-img {
  height: 100vh;
  object-fit: cover;
  max-width: none;
}

#sectionPin {
  height: 100vh;
  overflow: hidden;
  display: flex;
  left: 0;
}

.pin-wrap {
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.pin-wrap > * {
  min-width: 100vw;
  padding: 0 5vw;
}

.arrow1 {
  animation: slide1 1s ease-in-out infinite;
}

.fa-long-arrow-right {
  font-size: 30px;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(10px, 0);
  }
}
/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_04_nosotros-aventura --> */

.article_04_nosotros-aventura a {
  color: #ffffff;
}
.article_04_nosotros-aventura a:hover {
  opacity: 0.8;
}

@media (max-width: 360px) {
  .article_04_nosotros-aventura h2 {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  .article_04_nosotros-aventura h2 {
    font-size: 2.5rem;
  }
}

@media (min-width: 576px) {
  .article_04_nosotros-aventura-desk {
    background-image: url('../assets/images/nosotros_section_05_desk-aventura.svg');
    background-position: center top;
    background-size: cover;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  .article_04_nosotros-aventura-desk h2 {
    font-size: 3.5rem;
    line-height: 1.1;
    text-align: center;
    margin-top: 1rem;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* Agregar sombra al texto */
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_06_nosotros --> */

.section_06_nosotros {
  color: #000000;
  background-color: #fff;
}
.section_06_nosotros p {
  color: #000000;
  font-size: 1.2rem;
}

.section_06_nosotros h2 {
  font-size: 3rem;
}

@media (max-width: 576px) {
  .section_06_nosotros h2 {
    font-size: 2.7rem;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_07_nosotros --> */

.section_07_nosotros {
  background-color: #ffffff;
  color: #000000;
}
.section_07_nosotros h2 {
  font-size: 2.5rem;
}
.section_07_nosotros h5 {
  color: #7a2583;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- contacto.html --> */
/* /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_contacto --> */

.section_02_contacto {
  background-image: url('../assets/images/contacto_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: start;
  overflow: hidden;
}

.section_02_contacto h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: start;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_contacto h2 {
  font-size: 1rem;
}

@media (min-width: 1200px) {
  .section_02_contacto {
    background-attachment: fixed;
  }
}

@media (max-width: 576px) {
  .section_02_contacto h1 {
    font-size: 3.5rem;
  }
}

@media (min-width: 576px) {
  .section_02_contacto {
    background-image: url('../assets/images/contacto_section_02_bg_desk.webp');
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_conacto {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_contacto --> */

.article_03_contacto {
  background-color: #ffffff;
}

.article_03_contacto h2 {
  font-size: 2.5rem;
}
.article_03_contacto p {
  font-size: 1.3rem;
}

.article_03_contacto .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}

@media (max-width: 576px) {
  .article_03_contacto h2 {
    font-size: 2.3rem;
  }
}

@media (min-width: 992px) {
  .article_03_contacto .btn {
    font-size: 1.3rem;
    padding: 5px 5px;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- contacto_consulta.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_contacto_consulta --> */

.section_02_contacto_consulta {
  background-image: url('../assets/images/contacto_consulta_section_02_bg.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_contacto_consulta h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_contacto_consulta h2 {
  font-size: 1rem;
}

@media (max-width: 576px) {
  .section_02_contacto_consulta h1 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_02_contacto_consulta {
    background-image: url('../assets/images/contacto_consulta_section_02_bg_desk.webp');
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_contacto_consulta {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_contacto_consulta --> */

.article_03_contacto_consulta {
  background-color: #ffffff;
}

.article_03_contacto_consulta h2 {
  font-size: 2.5rem;
}
.article_03_contacto_consulta p {
  font-size: 1.3rem;
}

.article_03_contacto_consulta .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}
.article_03_contacto_consulta form {
  font-size: 1.2rem;
}
.article_03_contacto_consulta ::placeholder {
  color: rgb(192, 192, 192);
  font-size: 1.1rem;
}

/* Cambiar el color de fondo cuando el select está enfocado */
select.form-select:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
}

@media (max-width: 576px) {
  .article_03_contacto_consulta h2 {
    font-size: 2.3rem;
  }
}

@media (min-width: 992px) {
  .article_03_contacto_consulta .btn {
    font-size: 1.3rem;
    padding: 5px 5px;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- contacto_gracias.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_contacto_gracias --> */

.section_02_contacto_gracias {
  background-image: url('../assets/images/contacto_gracias_section_02_bg.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_contacto_gracias h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_contacto_gracias h2 {
  font-size: 1rem;
}
.section_02_contacto_gracias_analizaremos {
  background-color: #f0a0b2;
}
.section_02_contacto_gracias p {
  font-size: 1rem;
}

@media (max-width: 576px) {
  .section_02_contacto_gracias h1 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_02_contacto_gracias {
    background-image: url('../assets/images/contacto_gracias_section_02_bg_desk.webp');
    min-height: 90vh;
  }
  .section_02_contacto_gracias p {
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) {
  .section_02_contacto_gracias {
    background-attachment: fixed;
  }
}

@media (min-width: 1200px) {
  .section_02_contacto_gracias {
    background-attachment: fixed;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- detalle.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- section_02_detalle --> */

.section_02_detalle {
  /*   background-image: url('../assets/images/detalle_section_02_bg.webp'); */
  background-color: #ffffff;
  background-position: center bottom;
  background-size: cover;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.section_02_detalle_rosa {
  background-image: url('../assets/images/detalle_section_02_bg_rosa.webp');
  min-height: 80vh;
}

.section_02_detalle_violeta {
  background-image: url('../assets/images/detalle_section_02_bg_violeta.webp');
  min-height: 80vh;
}

.section_02_detalle_rojo {
  background-image: url('../assets/images/detalle_section_02_bg_rojo.webp');
  min-height: 80vh;
}

.section_02_detalle_amarillo {
  background-image: url('../assets/images/detalle_section_02_bg_amarillo.webp');
  min-height: 80vh;
}

.section_02_detalle_negro {
  background-image: url('../assets/images/detalle_section_02_bg_negro.webp');
  min-height: 80vh;
}
.section_02_detalle_alfajor {
  background-image: url('../assets/images/detalle_section_02_bg_alfajor.webp');
  background-position: center;
  min-height: 80vh;
}
.section_02_detalle_chocolate {
  background-image: url('../assets/images/detalle_section_02_bg_chocolate.webp');
  background-position: center;
  min-height: 80vh;
}

.section_02_detalle h1 {
  font-size: 3.5rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* Agregar sombra al texto */
}
.section_02_detalle h2 {
  font-size: 1rem;
}

.section_02_detalle_violeta h2 {
  font-size: 1rem;
  background-color: #7a2583;
}
.section_02_detalle_rosa h2 {
  background-color: #f0a0b2;
}
.section_02_detalle_negro h2 {
  background-color: #2c2926;
}
.section_02_detalle_rojo h2 {
  background-color: #e72e39;
}
.section_02_detalle_amarillo h2 {
  background-color: #f8b42a;
}

.section_02_detalle_chocolate h2 {
  background-color: #006b68;
}

.section_02_detalle_alfajor h2 {
  background-color: #006b68;
}

@media (max-width: 576px) {
  .section_02_detalle h1 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_02_detalle {
    background-color: #ffffff;
    min-height: 90vh;
  }
  .section_02_detalle_rosa {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_rosa.webp');
    min-height: 90vh;
  }
  .section_02_detalle_violeta {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_violeta.webp');
    min-height: 90vh;
  }
  .section_02_detalle_rojo {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_rojo.webp');
    min-height: 90vh;
  }

  .section_02_detalle_amarillo {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_amarillo.webp');
    min-height: 90vh;
  }

  .section_02_detalle_negro {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_negro.webp');
    min-height: 90vh;
  }
  .section_02_detalle_alfajor {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_alfajor.webp');
    min-height: 90vh;
  }
  .section_02_detalle_chocolate {
    background-image: url('../assets/images/detalle_section_02_bg-desktop_chocolate.webp');
    min-height: 90vh;
  }

  .section_02_detalle h1 {
    font-size: 4.6rem;
  }
  .section_02_detalle h2 {
    font-size: 1.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_detalle {
    background-attachment: fixed;
  }
}
.section_02_detalle .btn {
  background-color: rgba(0, 0, 0, 0.2);
}
.section_02_detalle .btn:hover {
  background-color: #ffffff;
}
@media (min-width: 992px) {
  .section_02_detalle .btn {
    font-size: 1.4rem; /* Ajusta el tamaño de la fuente */
    padding: 5px 5px; /* Ajusta el padding para controlar el tamaño del botón */
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- article_03_detalle --> */

.article_03_detalle {
  background-color: #ffffff;
  color: #2c2926;
}

.article_03_detalle p {
  font-size: 2.3rem;
  line-height: 1.1;
}

.article_03_detalle img {
  height: 250px;
}

.article_03_detalle_nuevo-container {
  position: relative;
}
.article_03_detalle_nuevo-container-etiqueta {
  position: absolute;
  right: 0;
  margin-right: -10%;
  top: -40%;
  width: 140px;
}
.article_03_detalle_nuevo-container-etiqueta-chocolate {
  position: absolute;
  right: 0;
  margin-right: -45%;
  top: -50%;
  width: 140px;
}

.article_03_detalle .card {
  background-color: #f6f6f6 !important;
}

@media (min-width: 768px) {
  .article_03_detalle p {
    font-size: 3.5rem;
  }
  .article_03_detalle img {
    height: 300px;
  }
}

@media (max-width: 768px) {
  .article_03_detalle_nuevo-container-etiqueta {
    top: -38%;
    margin-right: -5%;
    width: 110px;
  }
  .article_03_detalle_nuevo-container-etiqueta-chocolate {
    top: -50%;
    margin-right: -50%;
    width: 110px;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_04_detalle --> */

.section_04_detalle {
  background-color: #ffffff;
}
.section_04_detalle h2 {
  font-size: 2.5rem;
}
/* Establece el fondo de la tabla y las celdas en blanco */
.section_04_detalle .table {
  background-color: transparent;
  border-collapse: collapse; /* Combina los bordes de las celdas */
}

/* Establece el color de los bordes de todas las celdas en negro, excepto el borde izquierdo de la primera columna y el borde derecho de la última columna */
.section_04_detalle .table th,
.section_04_detalle .table td {
  border: 1px solid black;
  border-top: none;
  border-bottom: none;
  background-color: transparent;
}

/* Elimina el borde izquierdo de todas las celdas, excepto la primera columna */
.section_04_detalle .table th:first-child,
.section_04_detalle .table td:first-child {
  border-left: none;
}

/* Elimina el borde derecho de todas las celdas, excepto la última columna */
.section_04_detalle .table th:last-child,
.section_04_detalle .table td:last-child {
  border-right: none;
}

.section_04_detalle_tabla_titulos td {
  font-size: 1.5rem;
}
.section_04_detalle_tabla_fila1 {
  font-size: 2rem;
}
/* Modal */
.modal-content-violeta {
  background-color: #691e7c;
  color: white;
}
.modal-content-rosa {
  background-color: #f0a0b2 !important;
}
.modal-content-rojo {
  background-color: #e72e39 !important;
}
.modal-content-amarillo {
  background-color: #f8b42a !important;
}
.modal-content-negro {
  background-color: #2c2926 !important;
}
.modal-content-chocolate {
  background-color: #006b68 !important;
}

.modal-content-alfajor {
  background-color: #006b68 !important;
}
.modal-title {
  text-transform: uppercase;
}
.modal-body .section_04_detalle_modal_ingredientes {
  line-height: 1.1;
}
.modal-body .section_04_detalle_modal_valores {
  font-size: 13px !important;
  line-height: 1.1;
}

.modal-body .section_04_detalle_modal_contiene {
  font-size: 13px !important;
  line-height: 1.1;
  text-transform: uppercase;
}

.modal-content-envio {
  background-color: #2c2926 !important;
}
/* .modal-content-envio .btn-close {
  --bs-btn-close-color: #fff;
  background: url(../images/times_white.svg);
} */
.modal-content-envio .form-floating label {
  color: #ccc;
}
/* Estilos para la tabla */
.section_04_detalle_custom_table {
  border: 1px solid #fff; /* Establece un borde blanco de 1px de ancho */
}

/* Color del texto en las celdas */
.section_04_detalle_custom_table td,
.section_04_detalle_custom_table th {
  color: #ffffff !important;
}

/* Estilos para los bordes de las celdas */
.section_04_detalle_custom_table td,
.section_04_detalle_custom_table th {
  border: 1px solid white !important;
}

/* Estilos para el borde derecho de las columnas */
.section_04_detalle_custom_table th {
  border-right: 1px solid white !important;
}

.modal-content {
  border-right: none;
  border-radius: 0;
}

.modal.fade.show {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.section_04_detalle .table th {
  text-align: left;
}

#modal-envio .modal-header button.btn-close[data-bs-dismiss='modal'] {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none !important;
  box-shadow: none !important;
  font-size: 0px;
  width: 24px;
  height: 24px;
}

#modal-envio .modal-header button.btn-close[data-bs-dismiss='modal']::before {
  content: '\2716'; /* Unicode para la "X" */
  color: white !important;
  font-size: 30px;
}
@media (max-width: 576px) {
  #modal-envio .form-floating label {
    font-size: 16px;
  }
}

#exampleModal .modal-header button.btn-close[data-bs-dismiss='modal'] {
  border: none !important;
  box-shadow: none !important;
  content: '' !important;
  font-size: 0;
  width: 24px;
  height: 24px;
}

#exampleModal .modal-header button.btn-close[data-bs-dismiss='modal']::before {
  content: '\2716'; /* Unicode para la "X" */
  color: white !important;
  font-size: 20px;
}

@media (max-width: 576px) {
  .section_04_detalle_custom_table td,
  .section_04_detalle_custom_table th {
    font-size: 0.7rem;
  }
  .section_04_detalle h2 {
    font-size: 2.3rem;
  }
}

@media (max-width: 360px) {
  .section_04_detalle_tabla_titulos td {
    font-size: 0.7rem;
  }
  .section_04_detalle_tabla_fila1 {
    font-size: 1rem;
  }
  .section_04_detalle_tabla_fila2 {
    font-size: 0.8rem;
  }
}

@media (max-width: 768px) {
  .section_04_detalle_tabla_titulos td {
    font-size: 1.1rem;
  }
  .section_04_detalle_tabla_fila1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 992px) {
  .section_04_detalle button {
    font-size: 1.4rem;
    padding: 5px 5px;
  }
}
.section_04_detalle_sellos {
  width: 90px;
}

/* //////////////////////////////////////////////////////////////////*/
/* section_05_detalle  //////////////////////////////////////////////////////*/
.section_05_detalle {
  background-color: #ffffff;
  position: relative;
}

.section_05_detalle h2 {
  font-size: 3rem;
}

.section_05_detalle .card-header {
  color: white;
  background-color: black;
  height: 40px;
}
.section_05_detalle .card-body {
  background-color: #d9d9d9;
}
.section_05_detalle .card {
  position: relative;
  z-index: -1;
}
.section_05_detalle_card_circulo {
  position: absolute;
  z-index: 1;
  width: 70px;
  top: 45px;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* //////////////////////////////////////////////////////////////////*/
/* section_06_detalle  //////////////////////////////////////////////////////*/
.section_06_detalle {
  background-image: url('../assets/images/detalle_section_06_bg-mobile.webp');
  background-position: center top;
  background-size: cover;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.section_06_detalle_rosa {
  background-image: url('../assets/images/detalle_section_06_bg-mobile_rosa.webp');
}

.section_06_detalle h2 {
  font-size: 3.5rem;
  line-height: 1.1;
  text-align: center;
  margin-top: 1rem;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); /* Agregar sombra al texto */
}
.section_06_detalle a {
  color: #ffffff;
}
.section_06_detalle a:hover {
  opacity: 0.8;
}

@media (max-width: 360px) {
  .section_06_detalle h2 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_06_detalle {
    background-image: url('../assets/images/detalle_section_06_bg-desk.webp');
  }
  .section_06_detalle_rosa {
    background-image: url('../assets/images/detalle_section_06_bg-desk_rosa.webp');
  }
}
/*  /////////////////////////////////////////////////////////////////// */
/* <!-- productos.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_productos --> */

.section_02_productos {
  background-image: url('../assets/images/productos_section_02_bg_desktop.webp');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_productos h1 {
  font-size: 3.8rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_productos {
    min-height: 90vh;
  }
}

@media (min-width: 768px) {
  .section_02_productos h1 {
    font-size: 4.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_productos {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_03_productos --> */

.section_03_productos {
  text-align: center;
  overflow: hidden;
  height: 100px;
  background-image: url('../assets/images/index_section_04_barra-de-conceptos.svg');
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_04_productos --> */

.section_04_productos {
  background-color: #ffffff;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_04_productos h2 {
  color: #000000 !important;
  font-size: 2.7rem;
}

.section_04_productos ul {
  color: #000000;
}
.section_04_productos li {
  margin-left: 25px;
  margin-right: 25px;
}

.section_04_productos_stock {
  position: absolute;
  top: 15px;
  left: 15px;
}
.section_04_productos .card {
  height: 100%;
  border-radius: 0px !important;
}
.productos_section_04-card_bg {
  /* background-image: url('../assets/images/productos_section_04_barras-manos.webp'); */
  background-image: url('../assets/images/productos_section_04_banner-fijo.webp');
  background-size: cover;
  background-position: center;
  height: 100%;
  border: none;
}

.section_04_productos_off {
  background-color: #2c2926;
  color: #ffffff;
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 14px !important;
}
.section_04_productos .card-footer {
  font-size: 10px !important;
  background-color: white;
}

.section_04_productos_stock {
  background-color: #e72e39;
  color: #ffffff;
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 14px !important;
}

.section_04_productos_nuevo {
  background-color: #f0a0b2;
  color: #ffffff;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px !important;
}

.section_04_productos_ver_detalles {
  text-decoration: underline;
}

/* inputSpinner */
.inputSpinner {
  border-color: lightgrey;
}
.btn-increment {
  background-color: #d9d9d9;
  min-width: 0;
  min-width: 2rem !important;
  border-radius: 0 !important;
}
.btn-decrement {
  background-color: #d9d9d9;
  min-width: 2rem !important;
  border-radius: 0 !important;
}
.inputSpinner {
  border-color: #2c2926;
}
.inputSpinner {
  height: 36px;
}

/* ///////////////////// */

.section_04_productos_precio-tachado {
  color: rgb(166, 166, 166); /* Color gris para el texto */
  text-decoration: line-through #e72e39; /* Tachado con línea roja */
}

/* Estilo para eliminar el contorno azul en el estado :focus */
.form-select:focus {
  outline: none;
  border-color: #ced4da;
  box-shadow: none;
}

.form-select {
  color: black !important; /* Cambia el color del texto según tus preferencias */
}

@media (max-width: 576px) {
  .section_04_productos ul {
    font-size: 1rem;
  }
  .section_04_productos li {
    margin-left: 15px;
    margin-right: 15px;
  }
  .productos_section_04-card_bg {
    min-height: 25em;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_05_productos --> */

.section_05_productos h2 {
  font-size: 3.5rem;
  line-height: 1.3;
  text-align: center;
  margin-top: 1rem;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

/* Estilos para la sección */
.section_05_productos {
  position: relative;
  height: 85vh;
  display: flex;
  justify-content: bottom;
  align-items: flex-start;
}

/* Estilos para el contenedor del video */
.section_05_productos_video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* Estilos para el video */
.section_05_productos video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left bottom;
}

@media (max-width: 576px) {
  .section_05_productos h2 {
    line-height: 1;
    font-size: 3rem;
  }
}

@media (max-width: 576px) {
  .section_05_productos {
    height: 70vh;
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* INSTITUCIONAL UPLOAD */
/* /////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////// */
/* INSTITUCIONAL UPLOAD */
/* /////////////////////////////////////////////////////////////////// */

/* <!-- Novedades --> */

.article_03_novedades h3:hover {
  opacity: 0.8 !important;
}

.owl-item-novedades h3:hover {
  opacity: 0.8 !important;
}

/* Owl Novedades */
.owl-novedades .owl-stage {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.owl-item-novedades {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 20px;
  padding: 5px;
}

.owl-novedades img {
  height: 200px;
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

/* <!-- Módulo Novedades --> */

.modulo_novedades {
  background-color: #ffffff;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.modulo_novedades h2 {
  color: #2c2926 !important;
  font-size: 2.7rem;
}
.modulo_novedades h3 {
  color: #2c2926 !important;
  font-size: 1.8rem;
}
@media (max-width: 576px) {
  .modulo_novedades h2 {
    font-size: 2.3rem;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_novedades --> */

.section_02_novedades {
  background-image: url('../assets/images/novedades_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_novedades h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1200px) {
  .section_02_novedades {
    background-attachment: fixed;
  }
}

@media (max-width: 360px) {
  .section_02_novedades h1 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_02_novedades {
    background-image: url('../assets/images/novedades_section_02_bg_desk.webp');
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_novedades {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_novedades --> */

.article_03_novedades {
  background-color: #ffffff;
}

.article_03_novedades p {
  font-size: 1.3rem;
}

.article_03_novedades h3 {
  font-size: 40px !important;
}

.article_03_novedades_fecha {
  font-size: 14px !important;
  color: #006b68 !important;
}

.article_03_novedades p {
  color: #2c2926;
  font-size: 16px !important;
}
.article_03_novedades h2 {
  color: #2c2926;
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 576px) {
  .article_03_novedades p {
    font-size: 1rem;
  }
  .article_03_novedades h2 {
    font-size: 2.3rem;
  }
  .article_03_novedades h3 {
    font-size: 30px !important;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_novedad --> */

.section_02_novedad {
  /*background-image: url('../assets/images/novedad_section_02_bg_mobile.webp');*/
  background-color: black;
  color: white;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_novedad h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1200px) {
  .section_02_novedad {
    background-attachment: fixed;
  }
}

@media (max-width: 360px) {
  .section_02_novedad h1 {
    font-size: 3rem;
    z-index: 999;
  }
}

@media (min-width: 576px) {
  .section_02_novedad {
    /*background-image: url('../assets/images/novedad_section_02_bg_desk.webp');*/
    background-color: black;
    color: white;
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_novedad {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_novedades --> */

.article_03_novedades {
  background-color: #ffffff;
}

.article_03_novedades p {
  font-size: 1.3rem;
}

.article_03_novedades h3 {
  font-size: 40px !important;
}

.article_03_novedades_fecha {
  font-size: 14px !important;
  color: #006b68 !important;
}

.article_03_novedades p {
  color: #2c2926;
  font-size: 16px !important;
}
.article_03_novedades h2 {
  color: #2c2926;
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 576px) {
  .article_03_novedades p {
    font-size: 1rem;
  }
  .article_03_novedades h2 {
    font-size: 2.3rem;
  }
  .article_03_novedades h3 {
    font-size: 30px !important;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_novedad --> */

.section_02_novedad {
  /*background-image: url('../assets/images/novedad_section_02_bg_mobile.webp');*/
  background-color: black;
  color: white;
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_novedad h1 {
  font-size: 4rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1200px) {
  .section_02_novedad {
    background-attachment: fixed;
  }
}

@media (max-width: 360px) {
  .section_02_novedad h1 {
    font-size: 3rem;
    z-index: 999;
  }
}

@media (min-width: 576px) {
  .section_02_novedad {
    /*background-image: url('../assets/images/novedad_section_02_bg_desk.webp');*/
    background-color: black;
    color: white;
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_novedad {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_novedades --> */

.article_03_novedad {
  background-color: #ffffff;
}

.article_03_novedad p {
  font-size: 1.3rem;
}

.article_03_novedad h3 {
  font-size: 40px !important;
}

.article_03_novedad_fecha {
  font-size: 14px !important;
  color: #006b68 !important;
}

.article_03_novedad p {
  color: #2c2926;
  font-size: 16px !important;
}
.article_03_novedad h2 {
  color: #2c2926;
  font-size: 3rem;
  line-height: 1;
}

@media (max-width: 576px) {
  .article_03_novedad p {
    font-size: 1rem;
  }
  .article_03_novedad h2 {
    font-size: 2.3rem;
  }
  .article_03_novedad h3 {
    font-size: 30px !important;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* Conocenos */

/* .owl-nosotros-item-1-texto {
  position: absolute;
} */

.article_04_nosotros img {
  width: 100%;
}
/* //////////////////////////////////////////////////////////////////*/
/* muecas-prueba-video */
/* //////////////////////////////////////////////////////////////////*/

.section_02_parallax_video-container {
  /*   Recordar comentar top:0 en la clase original  linea 669*/
  /*   top: 0; */
  bottom: 0;
}

/* Clase nueva cambia video por img */
.section_02_parallax video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* //////////////////////////////////////////////////////////////////*/
/* Botón compra */
/* //////////////////////////////////////////////////////////////////*/

.btn_custom_outline_invert-compra {
  border: 2px solid #2c2926;
  border-radius: 0;
  background-color: #2c2926 !important;
  color: #ffffff;
}

.btn_custom_outline_invert-compra:active,
.btn_custom_outline_invert-compra:focus,
.btn_custom_outline_invert-compra:hover {
  border: 2px solid #ffffff !important;
  border-radius: 0 !important;
  background-color: #ffffff !important;
  color: #2c2926 !important;
}

@media (min-width: 992px) {
  .btn_custom_outline_invert-compra {
    font-size: 1.4rem; /* Ajusta el tamaño de la fuente */
    padding: 5px 5px; /* Ajusta el padding para controlar el tamaño del botón */
  }
}

/* terminos-y-condiciones */
/* politicas-de-privacidad */
/* politicas-de-cambio */

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- terminos-y-condiciones --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_terminos_y_condiciones --> */

.section_02_terminos_y_condiciones {
  /*   background-image: url('../assets/images/terminos_y_condiciones_section_02_bg.webp'); */
  background-color: black;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_terminos_y_condiciones h1 {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_terminos_y_condiciones {
    /*     background-image: url('../assets/images/terminos_y_condiciones_section_02_bg-desktop.webp'); */
    background-color: black;
    min-height: 90vh;
  }
  .section_02_terminos_y_condiciones h1 {
    font-size: 4.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_terminos_y_condiciones {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_terminos_y_condiciones --> */

.article_03_terminos_y_condiciones {
  background-color: #ffffff;
}

.article_03_terminos_y_condiciones h2 {
  font-size: 3rem;
  line-height: 1;
}
.article_03_terminos_y_condiciones p {
  color: #000000;
  font-size: 1.1rem;
}

@media (max-width: 576px) {
  .article_03_terminos_y_condiciones p {
    font-size: 1rem;
  }
}

.article_03_terminos_y_condiciones .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}

@media (max-width: 576px) {
  .article_03_terminos_y_condiciones h2 {
    font-size: 2.3rem;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- politicas-de-privacidad --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_politicas_de_privacidad --> */

.section_02_politicas_de_privacidad {
  /*   background-image: url('../assets/images/politicas_de_privacidad_section_02_bg.webp'); */
  background-color: black;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_politicas_de_privacidad h1 {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_politicas_de_privacidad {
    /*     background-image: url('../assets/images/politicas_de_privacidad_section_02_bg-desktop.webp'); */
    background-color: black;
    min-height: 90vh;
  }
  .section_02_politicas_de_privacidad h1 {
    font-size: 4.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_politicas_de_privacidad {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_politicas_de_privacidad --> */

.article_03_politicas_de_privacidad {
  background-color: #ffffff;
}

.article_03_politicas_de_privacidad h2 {
  font-size: 3rem;
  line-height: 1;
}
.article_03_politicas_de_privacidad p {
  color: #000000;
  font-size: 1.1rem;
}

@media (max-width: 576px) {
  .article_03_politicas_de_privacidad p {
    font-size: 1rem;
  }
}

.article_03_politicas_de_privacidad .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}

@media (max-width: 576px) {
  .article_03_politicas_de_privacidad h2 {
    font-size: 2.3rem;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- politicas-de-cambio--> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_politicas_de_cambio --> */

.section_02_politicas_de_cambio {
  /*   background-image: url('../assets/images/politicas_de_cambio_section_02_bg.webp'); */
  background-color: black;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_politicas_de_cambio h1 {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_politicas_de_cambio {
    /*     background-image: url('../assets/images/politicas_de_cambio_section_02_bg-desktop.webp'); */
    background-color: black;
    min-height: 90vh;
  }
  .section_02_politicas_de_cambio h1 {
    font-size: 4.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_politicas_de_cambio {
    background-attachment: fixed;
  }
}

/* /////////////////////////////////////////////////////////////////*/
/* <!-- article_03_politicas_de_cambio --> */

.article_03_politicas_de_cambio {
  background-color: #ffffff;
}

.article_03_politicas_de_cambio h2 {
  font-size: 3rem;
  line-height: 1;
}
.article_03_politicas_de_cambio p {
  color: #000000;
  font-size: 1.1rem;
}

@media (max-width: 576px) {
  .article_03_politicas_de_cambio p {
    font-size: 1rem;
  }
}

.article_03_politicas_de_cambio .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}

@media (max-width: 576px) {
  .article_03_politicas_de_cambio h2 {
    font-size: 2.3rem;
  }
}

/*  /////////////////////////////////////////////////////////////////// */
/* <!-- quiero_ser_distribuidor.html --> */
/*  /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_quiero_ser_distribuidor --> */

.section_02_quiero_ser_distribuidor {
  background-image: url('../assets/images/quiero_ser_distribuidor_section_02_bg.webp');
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_quiero_ser_distribuidor h1 {
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 576px) {
  .section_02_quiero_ser_distribuidor {
    background-image: url('../assets/images/quiero_ser_distribuidor_section_02_bg-desktop.webp');
    min-height: 90vh;
  }
  .section_02_quiero_ser_distribuidor h1 {
    font-size: 4.1rem;
  }
}

@media (min-width: 1200px) {
  .section_02_quiero_ser_distribuidor {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_quiero_ser_distribuidor --> */

.article_03_quiero_ser_distribuidor {
  background-color: #ffffff;
}

.article_03_quiero_ser_distribuidor h2 {
  font-size: 3rem;
  line-height: 1;
}
.article_03_quiero_ser_distribuidor p {
  color: #2c2926;
  font-size: 1.1rem;
}

.article_03_quiero_ser_distribuidor iframe {
  width: 700px;
  height: 600px;
}

@media (max-width: 576px) {
  .article_03_quiero_ser_distribuidor iframe {
    height: 900px;
  }
  .article_03_quiero_ser_distribuidor p {
    font-size: 1rem;
  }
  .article_03_quiero_ser_distribuidor form {
    font-size: 1rem !important;
  }
}

.article_03_quiero_ser_distribuidor .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}
.article_03_quiero_ser_distribuidor form {
  font-size: 1.1rem !important
  ;
}
.article_03_quiero_ser_distribuidor ::placeholder {
  color: rgb(192, 192, 192);
  font-size: 1.1rem;
}

@media (max-width: 576px) {
  .article_03_quiero_ser_distribuidor h2 {
    font-size: 2.3rem;
  }
}

@media (min-width: 992px) {
  .article_03_quiero_ser_distribuidor .btn {
    font-size: 1.3rem;
    padding: 5px 5px;
  }
}

/* SweetAlert 2*/
.sweetalert-title {
  color: #ffffff !important; /* Cambiar el color del título a blanco */
  font-family: 'Caprasimo', sans-serif;
  font-weight: normal; /* Eliminar el bold (negrita) */
  text-align: left !important; /* Alinear el texto a la izquierda */
  font-size: 40px; /* Aumentar el tamaño de la fuente según tu preferencia */
  padding-left: 3rem;
}

.sweetalert-text {
  color: #ffffff !important; /* Cambiar el color del texto a blanco */
}

/* Personalizar los botones */
.swal2-confirm {
  background-color: #2c2926 !important; /* Cambiar color del botón de confirmar */
  color: #ffffff !important; /* Cambiar color del texto del botón de confirmar */
  border: 2px solid #ffffff !important;
  box-shadow: none !important; /* Eliminar la sombra del botón de confirmar */
  width: 200px;
  border-radius: 0 !important;
}

.swal2-cancel {
  background-color: #ffffff !important; /* Cambiar color del botón de cancelar */
  color: #2c2926 !important; /* Cambiar color del texto del botón de cancelar */
  border: 2px solid #ffffff !important;
  width: 200px;
  border-radius: 0 !important;
}

.sweetalert-buttons {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 576px) {
  .sweetalert-title {
    padding-left: 1.5rem;
  }
  .swal2-confirm {
    width: 150px;
  }

  .swal2-cancel {
    width: 150px;
  }
}
.swal-html p {
  font-size: 0.95rem;
}
.swal-html h5 {
  font-weight: bold;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- ingresar.html --> */
/* /////////////////////////////////////////////////////////////////// */

.section_02_ingresar {
  background-image: url('../assets/images/ingresar_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.section_02_ingresar .form-floating {
  color: #5e5b58;
}
.section_02_ingresar .form-text a {
  color: #5e5b58 !important;
}
.section_02_ingresar h1 {
  color: #2c2926;
  font-size: 28px;
}
.section_02_ingresar form {
  background-color: #ffffff;
}
.section_02_ingresar_btn {
  width: 200px !important;
  height: 40px !important;
}

@media (min-width: 1200px) {
  .section_02_ingresar {
    background-attachment: fixed;
  }
}

@media (min-width: 576px) {
  .section_02_ingresar {
    background-image: url('../assets/images/ingresar_section_02_bg_desk.webp');
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_ingresar {
    background-attachment: fixed;
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- registro.html --> */
/* /////////////////////////////////////////////////////////////////// */

.section_02_registro {
  background-image: url('../assets/images/registro_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.section_02_registro .form-floating {
  color: #5e5b58;
}
.section_02_registro .form-text a {
  color: #5e5b58 !important;
}
.section_02_registro h1 {
  color: #2c2926;
  font-size: 28px;
}

.section_02_registro h2 {
  color: #5e5b58;
  font-size: 18px;
}

.section_02_registro form {
  background-color: #ffffff;
}
.section_02_registro .container {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.section_02_registro_btn {
  width: 200px !important;
  height: 40px !important;
}

@media (min-width: 1200px) {
  .section_02_registro {
    background-attachment: fixed;
  }
}

@media (min-width: 576px) {
  .section_02_registro {
    background-image: url('../assets/images/registro_section_02_bg_desk.webp');
    min-height: 90vh;
  }
  .section_02_registro .container {
    margin-top: 150px !important;
    margin-bottom: 150px !important;
  }
}

@media (min-width: 1200px) {
  .section_02_registro {
    background-attachment: fixed;
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- carrito.html --> */
/* /////////////////////////////////////////////////////////////////// */

.carrito {
  color: #2c2926;
}
.carrito-mb {
  margin-bottom: 300px;
}

.carrito h1 {
  font-size: 24px !important;
  color: #2c2926;
}

.carrito_envio_gratis {
  background-color: #f0a0b2;
  color: #ffffff;
}
.carrito_mi_carrito {
  background-color: #ffffff;
  position: relative;
}
.carrito_mi_carrito_img_table-container {
  background-color: #ffffff;
  height: 50px;
  width: 50px;
}
.carrito_mi_carrito_img_table {
  height: 40px;
}
.carrito_trash {
  position: absolute !important;
  right: 2%;
}
.carrito_trash img {
  background-color: #ffffff;
  padding: 3px;
  border: 1px solid #ccc;
}
.carrito_cupon {
  background-color: #ffffff;
}
.carrito_cupon label {
  color: #5e5b58;
}
.carrito_resumen {
  background-color: #ffffff;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
  width: 100% !important;
  box-shadow: 0px 4px 8px 10px rgba(0, 0, 0, 0.1);
  color: #2c2926;
  /* horizontal offset, vertical offset, blur radius, color */
  padding-bottom: 40px !important;
}
.carrito_resumen_pasos {
  padding-bottom: 95px !important;
}

.carrito_resumen_paso5 {
  padding-bottom: 0px !important;
}

.carrito_resumen_pagar {
  position: relative;
  bottom: unset;
  left: unset;
  box-shadow: unset;
}
.carrito_resumen a {
  width: 100% !important;
}
.carrito_resumen p {
  line-height: 1;
}
.carrito_resumen h5 {
  font-size: 18px !important;
}
.carrito_resumen-detalle {
  font-size: 0.85rem;
}

.carrito_precio {
  font-size: 20px;
}
.carrito_precio_tachado {
  text-decoration: line-through #e72e39; /* Tachado con línea roja */
}
.carrito_cantidad_de_barras {
  font-size: 15px;
}
.carrito_vacío {
  background-color: #2c2926;
}
.carrito_vacío p {
  font-size: 22px !important;
}
.carrito_vacío h1 {
  font-size: 36px !important;
}
.carrito_mi_carrito .border-bottom:last-child {
  border-bottom: 0 !important;
}
@media (min-width: 768px) {
  .carrito_resumen {
    position: relative;
    width: auto !important;
    box-shadow: none;
    padding-bottom: 1rem !important;
  }
  .carrito_mi_carrito_img_table-container {
    background-color: #ffffff;
    height: 78px;
    width: 78px;
  }
  .carrito_mi_carrito_img_table {
    height: 68px;
  }
  .carrito-mb {
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .carrito h1 {
    font-size: 32px !important;
  }
}

@media (min-width: 1200px) {
  .carrito_trash {
    position: relative !important;
    right: 0%r;
  }
  .carrito_precio {
    font-size: 16px;
  }
  .carrito_trash img {
    padding: 8px;
  }
}

/* Checkout */
/* /////////////////////////////////////////////////////////////////// */
/* <!-- pago.html / paso2.html / paso3.html / paso4.html --> */
/* /////////////////////////////////////////////////////////////////// */
.paso_container {
  color: #2c2926;
}
.paso_container li {
  font-size: 12px;
}
.paso_container li span {
  font-size: 16px;
}

.bg-gris {
  background: #eee;
}
.paso {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  background: #5e5b58;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.paso-listo .paso {
  background: #006b68;
}
.paso-actual .paso {
  background: #7a2583;
}
.paso-actual {
  font-weight: bold;
}

.paso_back {
  z-index: 999;
}

.paso_back .fa-angle-left {
  color: #2c2926 !important;
}

.section_paso_resumen {
  color: #2c2926;
}

.section_paso_resumen a {
  width: 100% !important;
}
.section_paso_resumen p {
  line-height: 0.7;
}
.section_paso_resumen h5 {
  font-size: 24px !important;
  color: #006b68;
}
.section_paso_resumen_total {
  font-size: 24px !important;
}

.section_paso4 label {
  font-size: 16px !important;
}

.section_paso4 label p {
  font-size: 12px !important;
}
.pago_exitoso {
  background-color: #006b68;
}
.pago_exitoso_email {
  font-size: 14px;
}
.pago_exitoso_nro {
  font-size: 18px;
}

@media (min-width: 576px) {
  .paso_container li {
    font-size: 16px !important;
  }
  .section_paso4 label {
    font-size: 22px !important;
  }
  .section_paso4 label p {
    font-size: 14px !important;
  }
}

@media (max-width: 767px) {
  .paso_button {
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100% !important;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 40px;
    /*box-shadow: 0px 4px 8px 10px rgba(0, 0, 0, 0.1);*/
    /* horizontal offset, vertical offset, blur radius, color */
  }
  .pasos {
    padding-bottom: 250px !important;
  }
  .paso_container li {
    line-height: 1;
  }
}

@media (min-width: 1200px) {
  .paso_form h3 {
    font-size: 24px;
  }
  .paso_form-check_title {
    font-size: 18px;
  }
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Fotos productos --> */
/* /////////////////////////////////////////////////////////////////// */

.owl-item-foto-producto {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
/*
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  background-color: #ffffff !important;
  color: #2c2926 !important;
  border-radius: 100% !important;
  height: 30px;
  width: 30px;
  box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.1);
  margin: 0 !important;
}
*/
/* Estilos para las flechas de navegación activas */
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  background-color: #efefefc8 !important;
}

.owl-item-foto-producto {
  position: absolute !important;
}
/* owl nav */
.owl-prev span,
.owl-next span {
  color: #fff;
}

.owl-prev span:hover,
.owl-next span:hover {
  color: #8199a3;
}
/*
.owl-prev,
.owl-next {
  position: absolute;
  top: 60%;
  height: 100%;
}

.owl-prev {
  left: 15px;
}

.owl-next {
  right: 15px;
}
.owl-nav {
  margin: 0 !important;
  display: flex;
  justify-content: space-between;
}
*/

/* /////////////////////////////////////////////////////////////////// */
/* <!-- Datos / Direcciones / Pedidos --> */
/* /////////////////////////////////////////////////////////////////// */
.section_02_datos-direcciones-pedidos_header-bg {
  background-color: #2c2926;
  height: 80px;
}

.section_02_datos-direcciones-pedidos {
  background-color: #f0a0b2;
  height: 115px;
  display: flex;
  align-items: center;
}
.seccion_02_datos-direcciones-pedidos_li-active {
  font-weight: bold;
}

.section_02_datos-direcciones-pedidos h1 {
  font-size: 32px;
}
/* icono editar */
.section_02_datos-direcciones-pedidos-form img {
  height: 18px;
}

@media (min-width: 1200px) {
  .section_02_datos-direcciones-pedidos_header-bg {
    height: 100px;
  }
  .section_02_datos-direcciones-pedidos h1 {
    font-size: 36px;
  }
}

.section_02_datos-direcciones-pedidos-form .form-text a {
  color: #5e5b58 !important;
}
.section_02_datos-direcciones-pedidos-form h1 {
  color: #2c2926;
  font-size: 28px;
}

.section_02_datos-direcciones-pedidos-form h2 {
  color: #5e5b58;
  font-size: 24px;
}

.section_02_datos-direcciones-pedidos-form th {
  padding: 1rem !important;
}
.section_02_datos-direcciones-pedidos-form td {
  padding: 1rem !important;
}

@media (min-width: 1200px) {
  .section_02_datos-direcciones-pedidos-form {
    background-attachment: fixed;
  }
}

.article_02_datos-direcciones-pedidos li {
  font-size: 16px !important;
}
/* Pedidos */

.pedidos_img_table {
  height: 60px !important;
}

/* /////////////////////////////////////////////////////////////////// */
/* <!-- atencion-al-cliente.html --> */
/* /////////////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_atencion --> */

.section_02_atencion {
  background-image: url('../assets/images/atencion_al_cliente_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.section_02_atencion h1 {
  font-size: 2.5rem;
  line-height: 1.1;
  text-align: center;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
.section_02_atencion h2 {
  font-size: 1rem;
}
.section_02_atencion p {
  color: #ffffff !important;
  font-size: 1rem;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}

@media (min-width: 1200px) {
  .section_02_atencion {
    background-attachment: fixed;
  }
}

@media (max-width: 360px) {
  .section_02_atencion h1 {
    font-size: 3rem;
  }
}

@media (min-width: 576px) {
  .section_02_atencion {
    background-image: url('../assets/images/atencion_al_cliente_section_02_bg_desk.webp');
    min-height: 90vh;
  }
}

@media (min-width: 1200px) {
  .section_02_atencion {
    background-attachment: fixed;
  }
  .section_02_atencion h1 {
    font-size: 3rem;
  }
  .section_02_atencion p {
    color: #ffffff !important;
    font-size: 1.3rem;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_atencion --> */

.article_03_atencion {
  background-color: #ffffff;
}

.article_03_atencion h2 {
  font-size: 2.5rem;
}
.article_03_atencion p {
  font-size: 1.3rem;
}

.article_03_atencion .btn {
  font-size: 1.2rem;
  padding: 5px 5px;
}

@media (max-width: 576px) {
  .article_03_atencion h2 {
    font-size: 2.3rem;
  }
}

@media (min-width: 992px) {
  .article_03_atencion .btn {
    font-size: 1.3rem;
    padding: 5px 5px;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- section_02_caso --> */

.section_02_caso {
  background-image: url('../assets/images/caso_section_02_bg_mobile.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 30vh;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.section_02_caso img {
  height: 145px;
  width: 152px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -72.5px;
}

@media (min-width: 576px) {
  .section_02_caso {
    background-image: url('../assets/images/caso_section_02_bg_desk.webp');
    min-height: 30vh;
  }
}

@media (min-width: 1200px) {
  .section_02_caso {
    background-attachment: fixed;
  }
}

/* //////////////////////////////////////////////////////////////////*/
/* <!-- article_03_caso --> */
.article_03_caso {
  margin-top: 100px;
}

.article_03_caso p {
  font-size: 16px !important;
}

.article_03_caso h1 {
  font-size: 40px !important;
}
.oculto {
  display: none;
}
input.no-arrows::-webkit-outer-spin-button,
input.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'].no-arrows {
  -moz-appearance: textfield;
}
.lexend-style {
  /* Estilo específico para el tipo de letra Lexend */
  font-family: 'Lexend', sans-serif; /* Tipo de letra Lexend */
  /* Otros estilos que desees aplicar */
}
.producto-detalle-nombre {
  max-width: 500px;
}
#modalsuscribirse .modal-body {
  background: #006b68;
  color: #fff;
}
#modalsuscribirse .modal-body label {
  color: #2c2926;
}
.carrito-cantidad {
  position: absolute;
  top: 14px;
  right: 5px;
  width: 20px; /* Ajusta el ancho y alto para que sea un círculo */
  height: 20px;
  border-radius: 50%; /* Aplica el radio de borde para hacerlo circular */
  color: #fff !important;
  background-color: #e72e39 !important;
  text-align: center; /* Alinea el contenido en el centro del círculo */
  line-height: 20px; /* Establece la altura de línea para centrar verticalmente */
}
#site-header-light .carrito-cantidad {
  /*   color: #2c2926 !important; */
  color: #fff !important;
}

@media (min-width: 992px) {
  .carrito-cantidad {
    top: -10px;
    right: -7px;
  }
}

.texto-oculto {
  position: fixed;
  bottom: 20px;
  right: 20px;
  bottom: 10px;
  right: 10px;
  background-color: #ededed;
  color: red;
  padding: 10px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  display: none;
}

.texto-rojo {
  color: red;
}

.texto-oculto-producto {
  /*position: fixed;*/
  bottom: 20px;
  right: 20px;
  bottom: 10px;
  right: 10px;
  background-color: #ededed;
  color: red;
  padding: 10px;
  border-radius: 5px;
  margin-top: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  display: none;
}

/* ///////////////////////////////////////// */
/* Popup Cyvermonday */
#modalpopupImagen .btn-close {
  color: #fff;
  background: url(../images/close.svg) no-repeat center center;
  opacity: 0.7;
  width: 0.2em;
  height: 0.2em;
}

.modal-bg-btn {
  background: black !important;
  border: 1px solid rgba(255, 255, 255, 0.183);
}

/* .custom-modal-width img:hover {
  opacity: 0.8;
} */

@media (min-width: 768px) {
  .custom-modal-width {
    max-width: 40%;
  }
}
/* ///////////////////////////////////////// */

@media (max-width: 767px) {
  .section_02_productos {
    background-image: url(../assets/images/productos_section_02_bg_mobile.webp);
  }
  .section_02_nosotros {
    background-image: url(../assets/images/nosotros_section_02_bg-mobile.webp);
  }
  .section_02_novedades {
    background-image: url(../assets/images/novedades_section_02_bg_mobile.webp);
    min-height: 90vh;
  }
  .section_02_contacto {
    background-image: url(../assets/images/contacto_section_02_bg_mobile.webp);
    min-height: 90vh;
  }
}