/* =========================================================
   MAINCLUB Tweaks
   Pequeños retoques visuales del sitio.
   ========================================================= */

/* ----------  1. Separar items del menú de navegación  ---------- */
.wp-block-navigation .wp-block-navigation__container,
.wp-block-navigation > ul,
header .wp-block-navigation ul {
    gap: 2.25rem !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
}

.wp-block-navigation .wp-block-navigation-item,
.wp-block-navigation .wp-block-pages-list__item,
header .wp-block-navigation li {
    margin: 0 !important;
    padding: 0 !important;
}

.wp-block-navigation .wp-block-navigation-item__content,
.wp-block-navigation .wp-block-pages-list__item__link,
header .wp-block-navigation a {
    padding: 0 !important;
    text-transform: uppercase;
    letter-spacing: 0.15em !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    white-space: nowrap;
}

/* Hover de los enlaces del menú */
header .wp-block-navigation a:hover {
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/* ----------  2. Eventos: grilla uniforme 4:5  ---------- */
/* Póster como bloque Imagen (sin afectar iconos calendario/reloj/mapa) */
.wp-block-columns .wp-block-column > .wp-block-image:not(.vertical-middle) img {
    aspect-ratio: 4 / 5 !important;
    object-fit: cover !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 8px;
}

/* Póster como bloque Cover (Copertina) */
.wp-block-columns .wp-block-column > .wp-block-cover {
    aspect-ratio: 4 / 5 !important;
    min-height: 0 !important;
    width: 100% !important;
    border-radius: 8px;
    overflow: hidden;
}

.wp-block-columns .wp-block-column > .wp-block-cover img,
.wp-block-columns .wp-block-column > .wp-block-cover .wp-block-cover__image-background {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    inset: 0 !important;
}