.modal-overlay { display: none; position: fixed; inset: 0; z-index: 999; background: rgba(0,0,0,0.75); align-items: center; justify-content: center; }
.modal-overlay.active { display: flex; }
.modal-box { background: var(--blanco); border-top: 4px solid var(--oro); border-radius: 2px; padding: 3rem 2.5rem; max-width: 420px; width: 90%; text-align: center; }
.modal-icon { font-family: 'Bebas Neue', sans-serif; font-size: 4.5rem; color: var(--oro); line-height: 1; margin-bottom: 0.75rem; }
.modal-box h3 { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 0.05em; margin-bottom: 0.75rem; color: var(--negro); }
.modal-box p { color: var(--gris); line-height: 1.7; margin-bottom: 2rem; font-size: 0.9rem; }
.modal-close { background: var(--rojo); color: #fff; border: none; padding: 0.75rem 2rem; border-radius: 2px; font-family: 'Bebas Neue', sans-serif; font-size: 1.1rem; letter-spacing: 0.08em; cursor: pointer; }