Giro de Italia 2025: etapas y perfiles

.body_container {
width: 100%;
height: 100%;
}
.contenedor {
width: 50%;
}
.main_window {
width: 100%;
height: 100%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: center;
align-items: center;
}
.sub_window {
position: absolute;
max-width: 1200px;
margin: 0;
width: 100%;
height: 100%;
}
.embedded_video {
position: absolute;
width: 100%;
height: 100%;
}
.parrafo {
background: aqua;
}
@media(max-width: 450px) {
.contenedor {
width: 100%;
}
.sub_window {
width: 1080px;
height: 1920px;
max-height: 100%;
max-width: 100%;
}
.article-main {
min-height: 0;
}
.responsive_image {
content: url("https://multimedia.semana.com/2025/05_mayo/giro-2025/fondo2_mb.jpg");
}
}
.l-carrusel {
position: relative;
}
.l-carrusel .item {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: auto;
width: 100%;
}
.l-carrusel .item img {
width: 100%;
}

.caja-todo10{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 600px;
justify-content: center;
margin: 10px auto;
}
.caja-imagenes10{
margin: auto;
}
.caja-imagenes10 img{
border: 2px solid #ff286e;
-webkit-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
-moz-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
max-width: 180px;
height: 180px;
width: 100%;
z-index: 1;
}
.img_sep{
margin: auto;
}
.linea_izq{
width: 100%;
height: 100%;
max-width: 80%;
max-height: 2.5px;
background: #ff286e;
margin: auto;
}
@media (max-width: 768px){
.caja-todo10{
grid-template-columns: 25% 50% 25%;
max-width: 380px;
}
.linea_izq{
max-width: 80%;
}
}

.caja-todo-gif{
width: 100%;
display: flex;
justify-content: center;
margin: 10px 0;
}
.linea-sep{
transform: translateX(171px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 400px;
background: #f29100;
}
.linea-sep2{
transform: translateX(-171px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 130px;
background: #f29100;
}
.caja-gif img{
-webkit-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
-moz-box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
box-shadow: 3px 4px 21px -3px rgba(104,86,62,0.29);
max-width: 730px;
max-height: 70px;
width: 100%;
z-index: 1;
}
@media (max-width: 768px){
.linea-sep{
transform: translateX(148px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 97px;
margin-right: 0;
background: #f29100;
}
.linea-sep2{
transform: translateX(-148px);
margin-top: 99px;
position: absolute;
height: 2px;
width: 97px;
margin-left: 0;
background: #f29100;
}
.caja-gif img{
max-width: 220px;
max-height: 70px;
}
}