@import url('https://www.iberdrola.com/combo/?minifierType=css&t=1757379294000&/o/iberdrola-corporativo-theme/css/fonts_iberdrola.css');
@import url('timeline.css');
@import url('closing.css');
@import url('hero-single.css?v=20260526-1');
@import url('period-timeline.css?v=20260526-1');

:root {
	--color-forest: #00402a;
	--color-forest-light: #2f6852;
	--color-green: #007f33;
	--color-green-bright: #5bd38c;
	--color-sand: #fffeff;
	--color-sand-soft: #d8cfc7;
	--color-body: #615d5a;
	--font-display: 'IberPangea', 'IberPangeaText', sans-serif;
	--font-body: 'IberPangeaText', 'IberPangea', sans-serif;
	--radius-xl: 48px;
}
body{
	padding:0px;
	margin:0px;
}
html footer{
	padding-top:0px!important;
}
.volver-arriba{
	display:none!important;
}

#iberdrola-landings-historia *,
.iberdrola-landings-historia * {
	box-sizing: border-box;
}

#iberdrola-landings-historia,
.iberdrola-landings-historia {
	background: #ffffff;
}

#iberdrola-landings-historia main {
	min-height: 100vh;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0;
	background: #ffffff;
}

/* HERO */

#iberdrola-landings-historia .hero {
	width: 100%;
	max-width: 1267px;
	margin: 0 auto;
	padding: 32px 24px 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}
#iberdrola-landings-historia .hero .hero__layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 60px;
	padding-inline: 30px;
	gap: 66px;
}

@media screen and (min-width: 601px) {
	#iberdrola-landings-historia .hero::before {
		content: "";
        position: absolute;
        height: 30px;
        background: white;
        width: 100%;
        margin-top: -60px;
		animation: goDown 1s 2s linear forwards;
		/* z-index: 9; */
	}
	@keyframes goDown {
		from { margin-top: -60px; }
		to { margin-top: -30px; }
	}


	#iberdrola-landings-historia .hero__collage {
		position: relative;
		height: 413px;
		border-radius: 32px;
		background-color: var(--Secundario-Green-Green4, #5BD38C);
		margin: 0;
		overflow: hidden;
		width: 100%;
		animation: collage-collapse 2s 2.95s ease-in-out forwards;
	}

	@keyframes collage-collapse {
	from { height: 413px; }
	to { height: 180px; }
	}

	#iberdrola-landings-historia .hero__collage img {
		position: absolute;
		object-fit: contain;
	}

	#iberdrola-landings-historia .hero__collage .image-poste {
		position: absolute;
		width: 374.833px;
		height: 491.223px;
		top: -15%;
		left: -2%;
		/* z-index: 1; */
		animation: image-poste 2s 3s ease-in-out forwards;
	}

	@keyframes image-poste {
	from {
		width: 374.833px;
		height: 491.223px;
		top: -15%;
		left: -2%;
	}
	to {
		width: 269.36px;
		height: 353px;
		top: -20%;
		left: 2%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-sol {
		width: 835px;
		height: 835px;
		/* z-index: 2; */
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		animation: image-sol 2s 3s ease-in-out forwards;
	}

	@keyframes image-sol {
	from {
		width: 835px;
		height: 835px;
	}
	to {
		width: 591px;
		height: 591px;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-torre {
		width: 216px;
		height: 416px;
		right: 5%;
		top: 5%;
		/* z-index: 6; */
		animation: image-torre 2s 3s ease-in-out forwards;
	}
	#iberdrola-landings-historia .hero__collage .image-torre-mobile { display: none; }

	@keyframes image-torre {
	from {
		width: 216px;
		height: 416px;
	}
	to {
		width: 133px;
		height: 209px;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-hombre-panel {
		width: 435px;
		height: 264px;
		left: -15%;
		top: 30%;
		/* z-index: 10; */
		animation: image-hombre-panel 2s 3s ease-in-out forwards;
	}

	@keyframes image-hombre-panel {
	from {
		width: 435px;
		height: 264px;
		left: -15%;
		top: 30%;
	}
	to {
		width: 359px;
		height: 218px;
		left: 0%;
		top: 4%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-2 {
		width: 1038px;
		height: 164px;
		/* z-index: 9; */
		top: 40%;
		left: -15%;
		animation: image-campo-2 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-2 {
	from {
		width: 1038px;
		height: 164px;
	}
	to {
		width: 914.5px;
		height: 144.349px;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-molinos {
		width: 962px;
		height: 245.517px;
		right: 0;
		top: 10%;
		/* z-index: 3; */
		animation: image-molinos 2s 3s ease-in-out forwards;
	}

	@keyframes image-molinos {
	from {
		width: 962px;
		height: 245.517px;
		right: 0;
		top: 10%;
	}
	to {
		width: 527px;
		height: 204px;
		right: 22%;
		top: -23%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-3 {
		width: 604px;
		height: 228.27px;
		transform: rotate(-9.581deg);
		right: -5%;
		top: 35%;
		/* z-index: 4; */
		animation: image-campo-3 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-3 {
	from {
		width: 604px;
		height: 228.27px;
		right: -5%;
	}
	to {
		width: 713.527px;
		height: 269.663px;
		right: -2%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-azul {
		width: 100%;
		height: 218px;
		left: 50%;
		bottom: -8%;
		transform: translate(-50%, -0%);
		/* z-index: 5; */
		animation: image-azul 2s 3s ease-in-out forwards;
	}

	@keyframes image-azul {
	from {
		width: 100%;
		height: 218px;
		bottom: -8%;
	}
	to {
		width: 903px;
		height: 218px;
		bottom: -60%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-2 {
		width: 319px;
		height: 157px;
		/* z-index: 7; */
		top: 32%;
		left: 25%;
		animation: image-maquina-2 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-2 {
	from {
		width: 319px;
		height: 157px;
		top: 32%;
		left: 25%;
	}
	to {
		width: 196px;
		height: 100px;
		top: 26%;
		left: 33%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-image-1 {
		width: 166px;
		height: 249px;
		/* z-index: 8; */
		right: 20%;
		top: 10%;
		animation: image-image-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-image-1 {
	from {
		width: 166px;
		height: 249px;
		right: 20%;
	}
	to {
		width: 83px;
		height: 114px;
		right: 25%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-girasoles {
		width: 1700px;
		height: 290px;
		/* z-index: 11; */
		left: 0;
		bottom: -20%;
		animation: image-girasoles 2s 3s ease-in-out forwards;
	}

	@keyframes image-girasoles {
	from {
		width: 1700px;
		height: 290px;
		bottom: -20%;
	}
	to {
		width: 1044px;
		height: 290px;
		bottom: -89%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-1 {
		width: 1921px;
		height: 239.787px;
		/* z-index: 12; */
		bottom: -5%;
		right: -35%;
		animation: image-campo-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-1 {
	from {
		width: 1921px;
		height: 239.787px;
		bottom: -5%;
		right: -35%;
	}
	to {
		width: 1049px;
		height: 131px;
		bottom: -20%;
		right: -11%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-1 {
		width: 221px;
		height: 321px;
		/* z-index: 13; */
		bottom: -2%;
		left: 17%;
		animation: image-maquina-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-1 {
	from {
		width: 221px;
		height: 321px;
		bottom: -2%;
		left: 17%;
	}
	to {
		width: 164px;
		height: 238px;
		bottom: -37%;
		left: 26%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-mujer {
		width: 437px;
		height: 258px;
		/* z-index: 14; */
		bottom: -5%;
		right: -5%;
		animation: image-mujer 2s 3s ease-in-out forwards;
	}

	@keyframes image-mujer {
	from {
		width: 437px;
		height: 258px;
		right: -5%;
	}
	to {
		width: 280px;
		height: 139px;
		right: 6%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-3 {
		width: 386px;
		height: 228px;
		/* z-index: 15; */
		bottom: -7%;
		right: 30%;
		animation: image-maquina-3 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-3 {
	from {
		width: 386px;
		height: 228px;
		bottom: -7%;
		right: 30%;
	}
	to {
		width: 244px;
		height: 121px;
		bottom: -1%;
		right: 31%;
	}
	}
}

#iberdrola-landings-historia .hero__eyebrow {
	font-family: var(--font-display);
	font-size: 32px;
	font-weight: 500;
	line-height: 1.5;
	color: var(--color-forest);
	margin: 0 0 16px;
}

#iberdrola-landings-historia .hero__title {
	font-family: var(--font-display);
	color: var(--color-green);
	font-size: 64px;
	line-height: 0.85;
	letter-spacing: -0.02em;
	margin: 0 0 32px;
}

#iberdrola-landings-historia .hero__text {
	font-size: 14px;
	line-height: 1.5;
	color: var(--color-body);
}

#iberdrola-landings-historia .hero__text p {
	margin-top: 0;
	margin-bottom: 16px;
}

#iberdrola-landings-historia .hero__text p:last-child {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	#iberdrola-landings-historia .hero {
		padding: 80px 24px 96px;
	}

	#iberdrola-landings-historia .hero__collage {
		width: 100%;
		max-width: 1110px;
	}

	#iberdrola-landings-historia .hero__layout {
		flex-direction: column;
		gap: 32px;
	}

	#iberdrola-landings-historia .hero__column--meta,
	#iberdrola-landings-historia .hero__column--copy {
		width: 100%;
	}
}

@media (max-width: 600px) {
	#iberdrola-landings-historia main {
		padding: 0;
	}

	#iberdrola-landings-historia .hero {
		padding: 64px 16px 88px;
	}

	#iberdrola-landings-historia .hero__collage {
		height: 140px;
		border-radius: 32px;
	}

	#iberdrola-landings-historia .hero .hero__layout {
		gap: 0px;
		grid-template-columns: 1fr;
		padding: 0 ;
		margin-top: 38px;
	}

	#iberdrola-landings-historia .hero__eyebrow {
		color: var(--Primario-Iberdrola-Forest, #00402A);
		font-family: IberPangea;
		font-size: 24px;
		font-weight: 500;
		line-height: 24px;
	 }

	#iberdrola-landings-historia .hero__column--copy {
		padding: 0;
		background: transparent;
		border-radius: 0;
		box-shadow: none;
	}

	#iberdrola-landings-historia .hero__column--copy * {
		color: var(--Primario-Iberdrola-Forest, #00402A);
	}

	#iberdrola-landings-historia .hero__title {
		color: var(--Secundario-Green-Green1, #007F33);
		font-family: IberPangea;
		font-size: 40px;
		font-weight: 500;
		line-height: 95%;
		letter-spacing: -0.8px;
		margin-bottom: 24px;
		margin-top: 8px;
	}

	#iberdrola-landings-historia .hero__collage {
		position: relative;
		height: 687px;
		border-radius: 32px;
		background-color: var(--Secundario-Green-Green4, #5BD38C);
		margin: 0;
		overflow: hidden;
		width: 100%;
		animation: collage-collapse 1.85s 2.95s ease-in-out forwards;
	}

	@keyframes collage-collapse {
		from { height: 687px; }
		to { height: 180px; }
	}

	#iberdrola-landings-historia .hero__collage img {
		position: absolute;
		object-fit: contain;
	}

	#iberdrola-landings-historia .hero__collage .image-poste {
		width: 250px;
		height: 328px;
		top: -5%;
		left: -8%;
		/* z-index: 1; */
		animation: image-poste 2s 3s ease-in-out forwards;
	}

	@keyframes image-poste {
	from {
		width: 250px;
		height: 328px;
		top: -5%;
		left: -8%;
	}
	to {
		width: 105px;
		height: 122px;
		top: 0%;
		left: 0%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-sol {
		width: 522px;
		height: 524px;
		/* z-index: 2; */
		left: 108%;
		top: 18%;
		transform: translate(-50%, -50%);
		animation: image-sol 2s 3s ease-in-out forwards;
	}

	@keyframes image-sol {
	from {
		width: 522px;
		height: 524px;
		left: 108%;
		top: 18%;
	}
	to {
		width: 284.655px;
		height: 284.655px;
		left: 63%;
		top: 38%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-torre {
		display: none;
		width: 78px;
		height: 132px;
		right: 5%;
		top: 5%;
		/* z-index: 6; */
		animation: image-torre 2s 3s ease-in-out forwards;
	}

	#iberdrola-landings-historia .hero__collage .image-torre-mobile {
		display: block;
		width: 78px;
		height: 132px;
		right: 22%;
		top: 16%;
		/* z-index: 6; */
		animation: image-torre 2s 3s ease-in-out forwards;
	}

	@keyframes image-torre {
	from {
		width: 78px;
		height: 132px;
		right: 22%;
		top: 16%;
	}
	to {
		width: 121px;
		height: 98px;
		right: -8%;
		top: 5%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-hombre-panel {
		width: 312px;
		height: 189px;
		left: -38%;
		top: 36%;
		/* z-index: 10; */
		animation: image-hombre-panel 2s 3s ease-in-out forwards;
	}

	@keyframes image-hombre-panel {
	from {
		width: 312px;
		height: 189px;
		left: -38%;
		top: 36%;
	}
	to {
		width: 155.638px;
		height: 94.462px;
		left: -22%;
		top: 26%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-2 {
		width: 1286px;
		height: 203px;
		/* z-index: 9; */
		top: 40%;
		left: -85%;
		animation: image-campo-2 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-2 {
	from {
		width: 1286px;
		height: 203px;
		top: 40%;
		left: -85%;
	}
	to {
		width: 460px;
		height: 72.608px;
		top: 27%;
		left: -50%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-molinos {
		width: 887.375px;
		height: 343.5px;
		right: -120%;
		top: -8%;
		/* z-index: 3; */
		animation: image-molinos 2s 3s ease-in-out forwards;
	}

	@keyframes image-molinos {
	from {
		width: 887.375px;
		height: 343.5px;
		right: -120%;
		top: -8%;
	}
	to {
		width: 352.838px;
		height: 136.582px;
		right: -20%;
		top: -10%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-3 {
		width: 438.768px;
		height: 165.824px;
		transform: rotate(-6.048deg);
		right: -13%;
		top: 26%;
		/* z-index: 4; */
		animation: image-campo-3 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-3 {
	from {
		width: 438.768px;
		height: 165.824px;
		right: -13%;
		top: 26%;
	}
	to {
		width: 344.294px;
		height: 130.119px;
		right: -35%;
		top: 30%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-azul {
		width: 708.316px;
		height: 171px;
		left: 50%;
		bottom: 45%;
		transform: translate(-50%, -0%);
		/* z-index: 5; */
		animation: image-azul 2s 3s ease-in-out forwards;
	}

	@keyframes image-azul {
	from {
		width: 708.316px;
		height: 171px;
		bottom: 45%;
	}
	to {
		width: 435.719px;
		height: 105.19px;
		bottom: 3%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-2 {
		width: 220px;
		height: 112px;
		/* z-index: 7; */
		top: 30%;
		left: 5%;
		animation: image-maquina-2 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-2 {
	from {
		width: 220px;
		height: 112px;
		top: 30%;
		left: 5%;
	}
	to {
		width: 116.439px;
		height: 59.408px;
		top: 25%;
		left: 17%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-image-1 {
		width: 105px;
		height: 145px;
		/* z-index: 8; */
		right: 3%;
		top: 22%;
		animation: image-image-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-image-1 {
	from {
		width: 105px;
		height: 145px;
		right: 3%;
		top: 22%;
	}
	to {
		width: 52.705px;
		height: 72.39px;
		right: 22%;
		top: 18%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-girasoles {
		width: 503.755px;
		height: 139.932px;
		/* z-index: 11; */
		left: -35%;
        bottom: 27%;
        transform: scaleX(-1) rotate(6deg);
        object-fit: cover;
		animation: image-girasoles 2s 3s ease-in-out forwards;
	}

	@keyframes image-girasoles {
	from {
		width: 503.755px;
		height: 139.932px;
		left: -35%;
        bottom: 27%;
	}
	to {
		width: 503.755px;
		height: 139.932px;
		left: -35%;
        bottom: -25%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-campo-1 {
		width: 2199px;
		height: 275px;
		/* z-index: 12; */
		bottom: -5%;
		right: -150%;
		animation: image-campo-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-campo-1 {
	from {
		width: 2199px;
		height: 275px;
		bottom: -5%;
	}
	to {
		width: 1125.301px;
		height: 140.529px;
		bottom: 0%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-1 {
		width: 207px;
		height: 300px;
		/* z-index: 13; */
		bottom: -7%;
		left: 4%;
		animation: image-maquina-1 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-1 {
	from {
		width: 207px;
		height: 300px;
		left: 4%;
	}
	to {
		width: 69.004px;
		height: 100.139px;
		left: 16%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-mujer {
		width: 211px;
		height: 104px;
		/* z-index: 14; */
		bottom: 43%;
		right: -5%;
		animation: image-mujer 2s 3s ease-in-out forwards;
	}

	@keyframes image-mujer {
	from {
		width: 211px;
		height: 104px;
		bottom: 43%;
		right: -5%;
	}
	to {
		width: 184.426px;
		height: 91.555px;
		bottom: -1%;
		right: -23%;
	}
	}

	#iberdrola-landings-historia .hero__collage .image-maquina-3 {
		width: 438px;
		height: 218px;
		/* z-index: 15; */
		bottom: -2%;
		right: -60%;
		animation: image-maquina-3 2s 3s ease-in-out forwards;
	}

	@keyframes image-maquina-3 {
	from {
		width: 438px;
		height: 218px;
		bottom: -2%;
		right: -60%;
	}
	to {
		width: 156.281px;
		height: 77.5px;
		bottom: 0%;
		right: 22%;
	}
	}




}