/* -------------------------------------------- */
/* ------------------------------ DESAPARECEDOR */
/* -------------------------------------------- */

.desaparecedor {
    display: row;
}

@media screen and (max-width: 768px) {

    .desaparecedor {
        width: 0;
        display: none;
    }
}

html,
body {
    min-height: 100%;
}

body {
    min-height: 100vh - 20px;
    display: flex;
    flex-direction: column;
}

#nexoia-main {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
}

#nexoia-content {
    flex: 1 0 auto;
}

#nexoia-footer {
    flex-shrink: 0;
}

/* Menú lateral encogido (html.minimenu): la plantilla solo oculta el submenú abierto
   (nxl-trigger); los demás se quedaban a la vista. Aquí solo se ve el abierto, y solo
   al pasar el ratón (regla de la plantilla). Ver nx_layout.js «Menú lateral encogido». */
html.minimenu .nxl-navigation .navbar-content .nxl-hasmenu:not(.nxl-trigger)>.nxl-submenu {
    display: none;
}

/* Pie del menú: encogido, solo la estrellita (la versión completa en el title y al pasar el ratón). */
html.minimenu .nxl-navigation:not(:hover) .nx-menu-version-texto {
    display: none;
}

/* Mosaico de tarjetas estrechas: se reparten solas en tantas columnas como quepan
   (1 en móvil, 2-4 en pantallas anchas) en vez de apilarse en una sola columna.
   Cada tarjeta hija no se parte entre columnas. Uso: <div class="nx-mosaico">…cards…</div> */
.nx-mosaico {
    column-width: 22rem;
    column-gap: 1.5rem;
}

.nx-mosaico > * {
    break-inside: avoid;
    margin-bottom: 1.5rem;
}
/* -------------------------------------------- */
/* ------------------------------ DESAPARECEDOR */
/* -------------------------------------------- */