/*-------PAISES---------*/
.MEX:hover, .PER:hover, .URY:hover, .ESP:hover {
    fill: green !important;
    stroke: green;
    cursor: url(icons8-cursor-128.png), auto;
}

.MEX, .PER,.URY, .ESP {
    fill: lightgreen !important;
}


svg {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    position: center !important;
    background-color: white;
}

#bandera {
   width:50px;
   height:auto;
   margin-right:10px
}
#cliente1 {
    
    height: auto;
    margin-right: 10px
}
#cliente2 {
   
    height: auto;
    margin-right: 10px
}
#pais {
    display: inline-block;
    margin-left: 10px
}



.countries {
    width: fit-content;
    height: fit-content;
}


/* Estilos para la ventana emergente */

#popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 10px;
    background-color: #f9f9f9;
    border: 5px solid gray;
    border-radius: 10px;
    z-index: 1000;
    box-shadow: 0 4px 8px gray;
}