/*🎨 2. Estilos para el Modal de historial 29/01/2026*/

.modal { display: none; 
        position: fixed; 
        z-index: 1000;
        left: 0; 
        top: 0; 
        width: 100%; 
        height: 100%; 
        background: rgba(0,0,0,0.8); 
        backdrop-filter: blur(5px); }

.modal-content { background: #0f172a; 
                margin: 10% auto; padding: 20px; 
                border: 1px solid #334155; 
                width: 90%; max-width: 600px; 
                border-radius: 15px; color: white; }

.close-history { float: right; 
                 cursor: pointer; 
                 font-size: 28px; }
                 
#btn-history { padding: 10px; 
                background: #1e293b; 
                border-radius: 8px; 
                cursor: pointer; 
                border: 1px solid #3b82f6; 
                color: #3b82f6; 
                margin-top: 10px; 
                width: 100%; }