body {
    margin: 0;
    display: flex;
    flex-direction: column;
}
body .titulo-rn{
    align-self: center;
}
body #carousel-container{
    align-self: center;
}
.titulo-rn{
    font-family: Arial, sans-serif;
    width: 80%;
    font-size: 20px;
    justify-items: center;
    align-items: center;
    color: rgb(47, 74, 26);
    
    display: grid;
    grid-template-columns: 20% 1fr 20%;
}
.boton {
    width: 40px;
    margin: 2px;
    font-size: 30px;
    cursor: pointer;
    background: rgb(255, 255, 255);
    color: rgb(47, 74, 26);
    border: none;
}
#carousel-container {
    width: 80%;
    /*height: 400px;*/
    overflow: hidden;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    box-shadow: 2px 2px 10px rgba(0,0,0,.50);
}
#carousel {
    display: flex;
    transition: transform 0.4s ease;   
}
.item {
    background: rgb(247, 241, 164);
    min-width: 25%; /* 4 imágenes al mismo tiempo */
    box-sizing: border-box;
    padding: 5px;
}
.item img {
    width: 100%;
    
    border-radius: 10px;
    object-fit: cover;
}
.titulo-carr{
    color: rgb(48, 48, 48)
}
.titulo-fecha{
    color: rgb(182, 96, 96)
}
.img-ajustada {
    width: 300px;
    height: 300px;
    object-fit: cover; /* 🔥 recorta sin deformar */
    object-position: center; /* centra la imagen */
}
/*=======================================*/
@media only screen and (max-width:800px){
    .item {
    min-width: 25%; /* 2 imágenes al mismo tiempo */
    }
    .titulo-rn{
        grid-template-columns: 1fr 70% 1fr;
    }
}