/*
 * El grano decorativo del hero es una capa, no un elemento de la cuadrícula.
 * Al no posicionarse, ocupaba la primera columna y desplazaba todo el contenido.
 */
.xunta-site .xunta-hero {
    position: relative;
}

.xunta-site .xunta-hero-grain {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(18, 44, 42, .12) .55px, transparent .55px);
    background-size: 6px 6px;
    opacity: .18;
}

.xunta-site .xunta-hero-content {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}

.xunta-site .xunta-hero-art {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
}

@media (max-width: 800px) {
    .xunta-site .xunta-hero-content,
    .xunta-site .xunta-hero-art {
        grid-column: 1;
    }

    .xunta-site .xunta-hero-art {
        grid-row: 2;
    }
}