body {
    font-family: "Montserrat", sans-serif;
}

.principal {
    background: url('./../src/img/balls-red-ball.jpg');
    background-size: cover;
    background-position-y: 50%;

    ul {
        display: flex;
        flex-direction: column;
        justify-content: center;

        li {
            background: rgba(14, 12, 138, 0.144);
            backdrop-filter: blur(14px);
            color: rgb(78, 78, 78);
            list-style: none;
            transition: all 1s ease;


            &:hover {
                background: linear-gradient(to right, rgb(165, 165, 165), black, rgb(165, 165, 165));
                color: rgba(255, 255, 255, 0.877);
                cursor: pointer;
            }
        }

        a {
            text-decoration: none;
        }
    }
}

.carrucel{
    height: 82vh;
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    

    img{
        width: cover;
        height: 100%;
        width: 70%;
        margin: auto;
        margin-top: 1rem;
        margin-top: 1rem;
        box-shadow: rgb(177, 177, 177) 1px 1px 15px;
    }
}

.carrucel::-webkit-scrollbar{
    display: none;
}

.card-mapa{
    width: 30%;
    position:relative;

    img{
        width: 100%;
        cursor: pointer;
    }
    .informes{
        position: absolute;
        bottom: 25px;
        right: 30px;
    }
}


.footer {
    background: rgba(255, 255, 255, 0.308);
    backdrop-filter: blur(2px);

    ol {
        list-style: none;
    }
}