/* Modal de ilustraciones. Los colores salen de oraculo.css, que se carga antes. */

.ora-ilustra .modal-content {
    background: var(--ora-noche);
    border: 1px solid var(--ora-borde-oro);
    border-radius: 14px;
    color: var(--ora-texto);
    box-shadow: 0 40px 90px rgba(0, 0, 0, 0.7);
}

.ora-ilustra .modal-header,
.ora-ilustra .modal-footer {
    align-items: center;
    padding: 18px 24px;
    border-color: var(--ora-borde-sutil);
}

.ora-ilustra .modal-footer { justify-content: space-between; }
.ora-ilustra .modal-body { padding: 24px; }

.ora-ilustra__pie {
    font-family: var(--ora-interfaz);
    font-size: 12.5px;
    color: var(--ora-texto-terciario);
}

.ora-ilustra__aviso {
    margin: 0;
    padding: 40px 0;
    text-align: center;
    font-family: var(--ora-interfaz);
    font-size: 13.5px;
    color: var(--ora-texto-terciario);
}

/* La grilla y la ficha de cada ilustración se mudaron a oraculo.css:
   las usa también la página de Ilustraciones, que no carga esta hoja. */