#popup-general { display: none; position: fixed; z-index: 9999; left: 0; top: 80px; width: 100%; height: calc(100% - 80px); ; overflow: auto; background-color: rgba(0,0,0,0.5); }
.popup-contenido { background-color: #fff; margin: 10% auto; padding: 30px; border-radius: 12px; width: 90%; max-width: 600px; box-shadow: 0 8px 20px rgba(0,0,0,0.25); position: relative; font-family: sans-serif; animation: fadeInPopup 0.3s ease-out; }
.popup-contenido .cerrar { position: absolute; top: 15px; right: 20px; font-size: 28px; font-weight: bold; color: #aaa; cursor: pointer; transition: color 0.2s ease; }
.popup-contenido .cerrar:hover { color: #000; }


@media (max-width: 480px) { 
	.popup-contenido { width: 95%; padding: 20px; }
	.popup-contenido .cerrar { top: 10px; right: 15px; font-size: 24px; } 
}