/* frontpage/_hero.css */
.c-frontpage__hero {
	position: relative;
	z-index: 10;

}
.c-frontpage__hero-wrap {
	position: relative;
	height: fit-content;
	background-color: black;
	 background-image: 
		url(../../web-img/assets/portada_3.0.1.jpg);
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
	overflow: hidden;
	mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);
	-webkit-mask-image: linear-gradient(to bottom, black 0%, black 92%, transparent 100%);
   
}

.hero__clients{
	display: flex;
	justify-content: space-between;
  gap: 20px;
  max-width: 1600px;
  margin-inline: auto;
  padding: 60px 20px 0px 20px;
}

.hero__clients img{
	height: 40px;
}

	.c-frontpage__hero-wrap.u-decoration--left::after {
		background-color: var(--color-yellow);
		width: 160px;
	}
	@media ( min-width: 992px ) {
		.c-frontpage__hero-wrap.u-decoration--left::after {
			width: 700px;
		}
	}

	.c-frontpage__video {
		width: 100%;
		height: 100%;
		object-fit:cover;
		position: absolute;
		top: 0;
		left:0;
		z-index: 10;
		animation: fadeOut 3s ease-out 5s forwards;
	}
	@keyframes fadeOut {
	    from {
	        opacity: 1;
	    }
	    to {
	        opacity: 0;
	    }
	}




	.c-frontpage__hero__title {
		margin-top: 90px;
		font-size: clamp(36px,9vw,96px);
		letter-spacing: -2%;
		line-height: calc(100% * 42 / 40);
		font-weight: normal;
		max-width: clamp( 280px, 70vw, 770px);
	}
	.c-frontpage__hero__claim {
		margin-top: clamp(40px,5vw,60px);
		max-width: clamp( 260px, 70%, 495px);
		margin-bottom: clamp( 120px, 30vw, 160px);
		font-size: clamp(20px,4vw,32px);
		line-height: 130%;
		color:#f4f4f4;
		text-shadow: 5px 5px 5px black;
	}


	.c-frontpage__hero__eidas { display: none !important;
		float: right;
		margin-top:300px;
	}
	@media ( min-width: 1020px ) {
		.c-frontpage__hero__eidas { display: flex !important; }
	}



	.c-frontpage__hero__wrap {
		z-index: 20;
		position: relative;
	}

	.c-frontpage__hero__clients {
		list-style:none;
		padding-left: 0;
		display: flex;
		justify-content:space-between;
		gap: 20px;
		max-width: 1180px;
		margin-inline: auto;
	}
	.c-frontpage__hero__clients img {
		max-height: 40px;
	}

	.c-frontpage__hero__clients__desktop {
		display: none;
	}

	.iconBlack {
		filter: invert(1); 
	}

	.grifols{
		filter: invert(1);
		height: 30px !important;
	}

	.iconfut{
		height: 50px !important;
	}
	
	
	@media ( min-width: 900px ) {
		.c-frontpage__hero__clients__desktop {
			display: flex;
		}
		.c-frontpage__hero__clients__mobile {
			display: none;
		}
	}

	@media(max-width:900px){
		.hero__clients{
			display: none;
		}
		
	}
@media(max-width:1080px){
	.c-frontpage__hero-wrap {
		background-image: 
		   url(../../web-img/assets/Tablet_3.0.1.jpg);
   }
}	

@media(max-width:450px){
	.c-frontpage__hero-wrap {
		background-image: 
		   url(../../web-img/assets/Móvilportada_3.0.3.jpg);
   }
}