style> /* Fondo oscuro */ #popup-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.65); display: flex; justify-content: center; align-items: center; z-index: 9999; visibility: hidden; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; } /* Imagen del popup */ #popup-content img { width: 50vw; /* 50% del ancho de pantalla */ max-width: 600px; border-radius: 8px; cursor: pointer; display: block; } /* Botón de cierre */ #popup-close { position: absolute; top: 1rem; right: 1rem; font-size: 2rem; color: white; cursor: pointer; } /* Mostrar popup */ #popup-overlay.active { visibility: visible; opacity: 1; } @media (max-width: 768px) { #popup-content img { width: 90vw; /* Más pequeño en móvil */ } }