/* HOME SLIDES */

.slides {
	position: relative;
	height: 500px;
	overflow: hidden;
	margin: 0 0 25px 0;
	padding-bottom: 26.04%;
	height: 0;
}
.slides .slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0;
	transition: opacity 0.5s ease;

	display: flex;
	justify-content: center;
	align-items: center;
}
.slides .slide img {
	width: 100%;
}

.slides #slide1 {
	opacity: 1.0;
}

.slides #slide3 {
	background: no-repeat center center;
	background-size: cover;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.slides #slide3.y2025 { background-image: url('../img/slides/slide3-2025.2.png') }
.slides #slide3.y2026 { background-image: url('../img/slides/slide3-2026.1.png') }


.slides #slide3 img {
	display: block;
	width: 35%;
	margin-right: 15%;
}


/* SIDES */

.slides .midLeft, .slides .midRight {
	position: absolute;
	width: 50%;
	top: 0;
	height: 100%;
	cursor: pointer;
}
.slides .midLeft { left: 0 }
.slides .midRight { right: 0 }

/* /SIDES */


/* BULLETS */

.slides .bullets {
	position: absolute;
	width: 100%;
	bottom: 15px;
	display: flex;
	justify-content: center;
}
.slides .bullets ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 25px;
}
.slides .bullets ul li {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	paddding: 0;
	margin: 0;
	background: #fff;
	box-shadow: 0 0 5px 0 #00000080;
	cursor: pointer;
}
.slides .bullets ul li.sel, .slides .bullets ul li:hover {
	background: var(--cyan-color);
}

/* /BULLETS */



@media (orientation: portrait) {
	.slides {
		padding-bottom: 100%;
	}
	.slides #slide3 {
		flex-direction: column;
	}
	.slides #slide3 img {
		width: 96%;
		margin: 0 auto 13%;
	}
	.slides #slide3.y2024 { background-image: url('../img/slides/slide3-2024-mobile.png') }
	.slides #slide3.y2025 { background-image: url('../img/slides/slide3-2025-mobile.png') }
}