@charset "utf-8";
/* CSS Document */

#container{
	width: 516px; 
	/*margin: 0px auto;*/
	height: 120px;
	/*display: none;*/
	clear: both;
}
img.carousel-image {
    max-height: 100px;
}
.video {
  flex: 0 0 auto;
  max-width: 160px;
  margin: 0 6px;
  position: relative;
}
.video img {
    border-radius: 10px;
}
.video a.mfp-iframe {
    display: block;
    border-radius: 30px;
}
.video span{
	display:block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left:0px;
	background: url(https://www.instop.es/images/icons/ytblack.svg) no-repeat;
	background-size: 36%;
	background-position: center;
	border-radius: 10px;
    cursor: pointer;
	opacity:0.8;
}
.video span:hover{
	background: url(https://www.instop.es/images/icons/yt.svg) no-repeat;
	background-size: 36%;
	background-position: center;
	opacity: 1;
}
		
/*-----------------*/		
		
.mfp-with-fade .mfp-content,
.mfp-with-fade .mfp-arrow, .mfp-with-fade.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content,
.mfp-with-fade.mfp-ready .mfp-arrow {
	opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
	opacity: 0.8;
}
	.mfp-with-fade.mfp-removing .mfp-content,
	.mfp-with-fade.mfp-removing .mfp-arrow, .mfp-with-fade.mfp-removing.mfp-bg {
	opacity: 0;
}
.grupyoutube {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 12px; /* ajusta com vulguis */
  padding: 10px 0;
  scroll-behavior: smooth;
}
.centrat{margin:0px auto;padding: 20px 0;}