/* ==========================================================================
   KROTAR — Estilos compartidos de overlay
   El modal de "Diagnóstico inicial" (revisionModal) se eliminó junto con
   assets/js/modal.js. Estas reglas siguen vivas porque las reutiliza el
   Asistente Inteligente (assets/css/assistant.css / assistant.js):
   .modal-close en su botón de cierre y body.modal-open para bloquear el
   scroll de fondo mientras el panel está abierto.
   ========================================================================== */

.modal-close {
    position: absolute;
    top: var(--space-4);
    right: var(--space-4);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-pill);
    color: var(--color-text-body);
    transition: color var(--duration-fast) ease, border-color var(--duration-fast) ease, background var(--duration-fast) ease;
}

.modal-close:hover {
    color: var(--color-text);
    border-color: rgba(0, 174, 239, 0.4);
    background: rgba(255, 255, 255, 0.07);
}

body.modal-open {
    overflow: hidden;
}