/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
#header .header-top{
  background-color: #eddbb7;
  padding: 0 50px;
}
.col-info{
  align-items: center !important;
}
.col-menu{
    justify-content: center;
}
.leo-megamenu .navbar-nav > li > a {
    padding: 20px 12px;
}

.top-fungis {
  overflow: hidden; /* Oculta el contenido que se sale del contenedor */
  width: 100%; /* Asegura que ocupe el ancho completo */
}

.top-fungis .block_content {
  width: 100%;
}

.top-fungis .carousel {
  display: flex; /* Alinea las imágenes horizontalmente */
  animation: slide 15s linear infinite; /* Animación continua */
  white-space: nowrap; /* Evita que las imágenes se rompan en varias líneas */
}

.top-fungis .carousel img {
  width: 25px; /* Tamaño fijo para las imágenes */
  height: 25px;
  margin-right: 5px; /* Espacio entre imágenes, ajusta según necesidad */
}

/* Animación para mover las imágenes de derecha a izquierda */
@keyframes slide {
  0% {
    transform: translateX(0); /* Comienza en la posición inicial */
  }
  100% {
    transform: translateX(-25%); /* Mueve hasta la mitad (duplicamos imágenes) */
  }
}

#header .header-nav .bottomnav{
    background-color: #eddbb7 !important;
    padding: 8px 0 !important;
    box-shadow: 0 0 4px 0px rgb(0 0 0 / 50%);
    z-index: 9;
    position: relative;
}

@media only screen and (min-width: 990px) {
    .col-logo img{
        max-width: 200px;
    }
}

.presentation .row.ApRow {
    display: flex;
    align-items: stretch;
}
    .presentation .block.ApImage{
        height: 100%;
    }
        .presentation .block.ApImage .img-fluid{
            object-fit: cover;
        }

#header .header-menu, .logo.img-fluid{
  transition: all 300ms;
}
  #header.navbar-fixed-top.mini-navbar .header-menu{
    padding: 5px 0;
  }
  
  @media only screen and (min-width: 990px) {
    #header.navbar-fixed-top.mini-navbar .col-logo img{
        max-width: 125px;
    }
  }

#leo_search_block_top .leoproductsearch-content{
  position: absolute;
  right: 0;
  width: 0;
  height: 0px;
  margin-top: 0;
  background-color: #FFF;
  box-shadow: none;
  padding: 0;
  transition: all 500ms;
}
  #leo_search_block_top .leoproductsearch-content.on{
    width: 300px;
    height: auto;
    box-shadow: 0 0 4px;
    padding: 5px;
    z-index: 9;
  }
  #leo_search_block_top .btn{
    display: none;
    top: 5px;
    right: 5px;
  }

  #leo_search_block_top form{
    border: 0;
  }

  body#category .container,
  body#product .container{
    width: 100%;
  }

  .thumbnail-container .product-title a{
    font-size: 21px;
    -webkit-line-clamp: 2;
    line-height: 28px;
    height: 60px;
  }

  .product-actions .control-label,.product-variants > .product-variants-item ul li label{
    font-size: 23px;
  }
  
  .breadcrumb-bg{
    margin-bottom: 0;
  }

  .product-detail-name{
    font-size: 30px;
    line-height: 36px;
  }

  body#product .product-actions .product-variants-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .p-cartwapper{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .description-short h3{
    font-size: 23px;
    font-weight: 600 !important;
  }

  .description-short p, .product-description p, .product-description ul li{
    font-size: 18px;
    line-height: 33px;
    text-align: justify;
    margin: 25px 0;
  }
    .product-description ul li{
      margin: 5px 0;
    }


    body#cms .box1-about .box1-about-content .block_content .text2-banner,
    .box3-about p{
      font-size: 30px;
      line-height: 45px;
      max-width: 880px;
      margin: auto;
      text-align: justify;
    }

    .box3-about h3.title-banner{
      font-size: 50px;
      line-height: 62px;
      max-width: 943px;
      margin: auto;
      margin-top: 50px;
      margin-bottom: 50px;
    }

    body#cms .box-service .sv-col .sv-img{
      font-size: 50px;
      background-color: transparent;
      padding: 0;
      width: auto;
    }

    .box-service .sv-col .sv-text strong{
      text-transform: uppercase;
    }
    .box-service .sv-col .sv-text p{
      text-align: center;
    }

body#checkout .form-group{
  margin-bottom: 0;
}
body#checkout section.checkout-step #customer-form .form-control-comment, body#checkout section.checkout-step #login-form .form-control-comment, body#checkout section.checkout-step #invoice-address .form-control-comment{
  font-size: 10px;
  padding-top: 0;
  margin-bottom: 5px;
}