/*html, body{
    width: 100%;
    height: 95%;
    margin: 0;
}
*/
#map {
    width: 100%;
    height: 100%;
    
}



.info { 
    padding: 6px 8px; 
    font: 14px/16px Arial, Helvetica, sans-serif; 
    background: white; 
    background: rgba(255,255,255,0.8); 
    box-shadow: 0 0 15px rgba(0,0,0,0.2); 
    border-radius: 5px; 
} 

.info h4 { 
    margin: 0 0 5px; 
    color: #777; 
}

/* Para definir el diseño del objeto al pasar el mouse*/
#sidebar li:hover {
    cursor: pointer;
    font-weight: bold;
}

/* Para esconder un objeto*/
.hidden {
    display: none;
}

/* cursor sobre imagenes */ 
.card-img-top {
    cursor: pointer; /* Cambia el cursor a una mano cuando se coloca sobre la imagen */
}

.leaflet-marker-icon {
    border-radius: 50%; /* Esto hará que la imagen sea circular */
    border: 2px solid #000; 
}

/* Estilo inicial de las imágenes */
#fotosContainer img {
    max-width: 100px;
    cursor: pointer;
    transition: transform 0.3s ease;
}