:root {
  --dark-bl: #01022E;
  --blue-dk: #2D2E82;
  --gray-bg: #F9FAFE;
  --blue-lt: #DDE6FB;

}

.ModuleProducts * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: poppins;
  color: var(--dark-bl);
}

.ModuleProducts {
  max-width: 1050px;
  align-items: center;
  display: flex;
  gap: 30px;
  margin: auto;
  min-height: 860px;
}

.ModuleProducts p {
  line-height: 22px;
}
/* Estilos para las cajas con título y párrafo */
.module_box-product {
  border: 2px solid var(--blue-lt);
  border-radius: 10px;
  padding: 15px;
  margin: 10px;
  cursor: pointer;
  transition: all 0.5s ease;

}

.module_box-product:hover {
  background: #f9fafe;
  -webkit-box-shadow: 0 4px 24px -12px #627c9c;
  -moz-box-shadow: 0 4px 24px -12px #627c9c;
  box-shadow: 0 4px 24px -12px #627c9c;
  transition: all 0.5s ease;
}


.module_box-product.active {
  padding: 25px;
  -webkit-box-shadow: 0 4px 24px -12px #627c9c;
  -moz-box-shadow: 0 4px 24px -12px #627c9c;
  box-shadow: 0 4px 24px -12px #627c9c;
  transition: all 0.5s ease;}

.module_box-product.active:hover{
  background:#fff;
  transition: all 0.5s ease;}

.module-title-product-box {
  display: flex;
  gap: 20px;
  align-items: center;
}


.module-title-product-box .title-product .product-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 180%;
}

.module_box-product .module-title-product-box .title-product h2 {
  color: var(--blue-dk);
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  line-height: 120%;
}

/* Estilos para el párrafo oculto */
.text-product.open
{

  display: flex;
  flex-direction: column;
  gap:20px;
  max-height: 2000px;
  transition: max-height 1.5s ease;
  padding-top: 20px;

}

.text-product {
  max-height: 0px;
  overflow: hidden;
}

.text-product  .features {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.text-product  .features .features-title{
  display: flex;
  align-items: center;
  gap: 20px;
}

.text-product  .features .features-title h3{
  color: var(--blue-dk);
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;}

.text-product  .features .features-description{
  padding-left: 10px;
}

.text-product  .features .features-description p{
  font-size: 14px;

}
.text-product  .features .features-description h4 {
  padding-bottom: 5px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.336px;
}


.text-product  .features .features-title hr {
  border: 0.75px solid var(--blue-lt);
}

.text-product  .features .cta-container{
  display:flex;
  justify-content: center;}
.hidden {
  display: none;
  opacity:0;
}

.text-product video {
  display: none;
  margin: auto;
}


.ModuleProduct {
  max-width: 560px;
  width:50%
}

.ModuleProductsVideo {
  width: 50%;
  display: flex;
  justify-content: center;
}
}

.module-title-product-box img{
  width: 45px;}

@media screen and (max-width:1000px) {
  .ModuleProduct {
    width:100%;
  }


  .module_box-product,
  .module_box-product:hover,
  .module_box-product.active {
    padding: 15px;}


  .ModuleProducts {
    flex-direction: column;
  }

  .text-product video {
    display: block;
  }

  .ModuleProductsVideo {
    display: none;
  }

  .module-title-product-box .title-product h2 {
    font-size:20px;}

  .module_box-product:hover {
    background: #fff;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(139,199,217,0.4);
    -moz-box-shadow: 0px 0px 14px 0px rgba(139,199,217,0.4);
    box-shadow: 0px 0px 14px 0px rgba(139,199,217,0.4);}


}


@media screen and (max-width:992px) {
  .text-product.open
  {
    transition: max-height 0s ease;

  }
  }

  @media screen and (max-width:500px){
    .module-title-product-box img{
      width: 35px;}

    .module-title-product-box .title-product h2 {
      font-size: 18px;
    }
    .module_box-product{
      padding:15px;}
  }