.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:10px;background-color: rgba(0, 0, 0, 0.7);justify-content:center;align-items:center;z-index:9999}
/* Contenido del popup */
.popup-content{background-color:#FFF;border-radius:8px;padding:20px;max-width:90%;max-height:90%;overflow-y:auto;position:relative;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);text-align:center}
/* Imágenes dentro del popup */
.popup-content img{max-width:50%;height:auto;border-radius:4px}
.footer-flags-popup{margin:0 auto;font-size:88%;display:flex;justify-content:center}
/* Enlaces dentro del popup */
.popup-content a{color:#33F;text-decoration:none}
.popup-content a:hover{color:#667 !important}
/* Estilos del botón de cierre */
.close{position:absolute;top:50%;right:10px;font-size:30px;color:#36F;font-weight:bold;cursor:pointer;background:none;border:none;outline:none}
.close:hover{color:#999}
/* Responsividad */
@media (max-width: 600px) {.popup-content{max-width:100%; /* Asegura que el ancho se limite al dispositivo */
        max-height: calc(100% - 20px); /* Considera los márgenes del popup */
        padding:15px;margin: auto; /* Centra el contenido */
        box-sizing:border-box; /* Incluye padding dentro del tamaño */}
}