/* =============================================================
   wiki-aurora.css — Ajustes propios de la wiki.
   El fondo animado y el componente multimedia viven en aurora.css,
   que se carga antes y lo comparten la wiki y la landing.
   ============================================================= */

/* El contenido va por encima de la capa de luz. */
.wiki-container { position: relative; z-index: 1; }
.wiki-container > * { position: relative; z-index: 1; }

/* Las tarjetas se vuelven un poco translúcidas para que el fondo respire. */
.wiki-card {
    background-color: rgba(16, 13, 9, .72);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}
.wiki-nav {
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

/* ---------- Texto + media en dos columnas ---------- */
.wiki-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: start;
    margin-bottom: 8px;
}
.wiki-split > .wiki-media { margin-bottom: 0; }
.wiki-split .wiki-split-text > :first-child { margin-top: 0; }

@media (max-width: 900px) {
    .wiki-split { grid-template-columns: 1fr; gap: 16px; }
}

/* ---------- Tablas en pantallas estrechas ----------
   Sin esto las tablas de horarios se apelmazan hasta ser ilegibles.
   Pasan a ser su propio contenedor con scroll horizontal. */
@media (max-width: 900px) {
    .wiki-card .wiki-table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .wiki-card .wiki-table td,
    .wiki-card .wiki-table th { white-space: nowrap; }
}

/* El desenfoque de las tarjetas es caro en móvil. */
@media (max-width: 760px) {
    .wiki-card, .wiki-nav { backdrop-filter: none; -webkit-backdrop-filter: none; }
}