/* Adaptación panorámica de metro-ruminahui.jpeg para el banner principal. */
.hero {
    background-image: url('../images/metro-ruminahui-hero.png');
    background-image: image-set(
        url('../images/metro-ruminahui-hero.webp') type('image/webp'),
        url('../images/metro-ruminahui-hero.png') type('image/png')
    );
    background-position: center center;
}

@media (max-width: 760px) {
    .hero {
        background-position: 64% center;
    }
}