/* Carrusel de fotos únicamente para la previsualización de noticias. */
.news-carousel {
    position:relative;
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
    background:#111;
    color:#fff
}
.news-carousel-track {
    position:relative;
    width:100%;
    height:100%
}
.news-carousel-slide {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    margin:0;
    opacity:0;
    visibility:hidden;
    transition:opacity .35s ease
}
.news-carousel-slide.is-active {
    opacity:1;
    visibility:visible
}
.news-carousel-slide img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover
}
.news-carousel-nav {
    position:absolute;
    z-index:3;
    top:50%;
    width:34px;
    height:34px;
    margin-top:-17px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:50%;
    background:rgba(0,0,0,.45);
    color:#fff;
    display:grid;
    place-items:center;
    font-size:1.25rem;
    line-height:1;
    cursor:pointer;
    opacity:0;
    transition:opacity .2s ease,background .2s ease
}
.news-carousel:hover .news-carousel-nav,.news-carousel:focus-within .news-carousel-nav {
    opacity:1
}
.news-carousel-nav:hover {
    background:rgba(0,0,0,.72)
}
.news-carousel-prev {
    left:.65rem
}
.news-carousel-next {
    right:.65rem
}
.news-carousel-dots {
    position:absolute;
    z-index:3;
    left:50%;
    bottom:.65rem;
    display:flex;
    gap:.35rem;
    transform:translateX(-50%);
    padding:.25rem .4rem;
    border-radius:999px;
    background:rgba(0,0,0,.38)
}
.news-carousel-dot {
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.55);
    cursor:pointer
}
.news-carousel-dot.is-active {
    background:#fff
}
.news-carousel-counter {
    position:absolute;
    z-index:3;
    top:.65rem;
    right:.65rem;
    padding:.25rem .45rem;
    border-radius:3px;
    background:rgba(0,0,0,.5);
    color:#fff;
    font:600 .58rem var(--font-mono,monospace);
    letter-spacing:.04em
}
.featured-image .news-carousel {
    height:100%
}
.news-media .news-carousel,.news-image .news-carousel {
    height:100%;
    min-height:0
}
@media(max-width:760px) {
    .news-carousel-nav {
        opacity:1;
        width:32px;
        height:32px;
        margin-top:-16px
    }
    .news-carousel-prev {
        left:.45rem
    }
    .news-carousel-next {
        right:.45rem
    }
}