.blur {
    backdrop-filter: blur(12px);
    background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.25),
    rgba(255, 255, 255, 0.1)
    );
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
}


/* @media (min-width: 576px){
    .dropdown-menu{
        display: block;
        opacity: 0;
        transition: all 0.6s;
    }
    .dropdown:hover .dropdown-menu{
        display: block;
        margin-top: o;
        opacity: 1;
    }
} */

.card-zoom {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-zoom:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.card-img-container {
    height: 100%;
}

.card-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (max-width: 576px) {
    .card-img-container {
        height: auto;
    }
    .card-img-container img {
        height: auto;
        object-fit: contain;
    }
}

/*Map canvas*/
.map_canvas {
    position: relative ;
    width: 100% ;
    /*RATIO DE ASPECTO PREDETERMINADO: 16:9*/
}
.map_canvas > *{
    display: block ;
    position: absolute ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    left: 0 ;
    margin: 0 ;
    padding: 0 ;
    height: 100% ;
    width: 100% ;
}

.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.modal.fade .modal-dialog {
    transition: none;
}
.modal-aero .modal-dialog {
    transform: translateY(120px) scale(0.75);
    opacity: 0;
    filter: blur(8px);
}

.modal-aero.show .modal-dialog {
    animation: aeroIn 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes aeroIn {
    0% {
        transform: translateY(120px) scale(0.75);
        opacity: 0;
        filter: blur(8px);
    }
    60% {
        transform: translateY(-10px) scale(1.03);
        opacity: 1;
        filter: blur(0);
    }
    100% {
        transform: translateY(0) scale(1);
        opacity: 1;
        filter: blur(0);
    }
}
.modal-backdrop.show {
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(6px);
}