/* css files add styling rules to your content */
body {
  margin: 0cm;
}

.cover {
height:350px;
background-image:url(https://cdn.glitch.global/b5157586-9617-48ce-bbd7-25107c7c55a2/prueba.jpg?v=1667303103819);
color:white;
  background-size: cover;
  background-position:center;
  background-color:rgba(0,0,0,0.5);
  background-blend-mode:darken;
}

.cover-small{
  height:200px;
  background-blend-mode:normal;
}

.card{
  border: 0 !important;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.card-text{
  min-height:4rem;
}

.cardact-text{
  min-height:6rem;
}

.cardact-title{
  min-height:3rem;
}

/* si quiero que las tarjetas tengan todas el mismo tamaño para el titulo y texto

.card-title{
  min-height:2.5rem;
}
.card-text{
  min-height:10rem;
}
*/

.responsive-iframe{
  position:relative;
  padding-top:56.25%;
  }

.responsive-iframe iframe{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.sombra {
    border-radius: 8px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}

.product-stripe{
  overflow-x:hidden;
  padding-top:1rem;
  padding-bottom:1rem;
}

.stripe-container{
  display:flex;
  transform:translateX(0);
  animation: product-stripe 10s infinite;
}

.image-container{
  width: 100%; 
  padding-top:56.25%;
  background-size:cover;
  background-position:center;
  flex-shrink:0;
 
}


@keyframes product-stripe{
  0%{
         transform:translateX(0);
  }
  
  20%{
         transform:translateX(0);
  }
  
  25%{
         transform:translateX(-100%);
  }
  
  45%{
         transform:translateX(-100%);
  }
  
  50%{
         transform:translateX(-200%);
  }
  
  70%{
         transform:translateX(-200%);
  }
  
  75%{
         transform:translateX(-300%);
  }
  
  95%{
         transform:translateX(-300%);
  }
  
  100%{
      transform:translateX(0);
  }
}


.image_max{
  max-width:700px; 
  height:auto;
 
}




/* nuevo*/


.photo-gallery {
  color:#313437;
  background-color:#ffffff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}

@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}



/* nuevo*/