/*------------------------------------------------------------------
www-4k.css - Estils per a pantalles grans i 4K (min-width: 1600px)
Orquestra Inventada - www theme
-------------------------------------------------------------------*/

/* Pantalles grans: banner centrat, layout ampliat */
@media (min-width: 1600px) {
    
    /* Banner centrat */
    .page-index #waituk-main-header {
        background-position: center center;
    }

    .page-index #waituk-main-header.header-scrolled {
        background-position: center center;
    }

    /* Layout ampliat */
    .page-index .oi-section .oi-wrap {
        width: min(1400px, 90vw);
    }

    .oi-taula {
        width: min(1400px, 90vw);
    }

    .page-index .oi-card-grid {
        grid-template-columns: repeat(4, minmax(260px, 1fr));
    }
}

/* Pantalles ultra-amples: contingut en dues columnes */
@media (min-width: 2200px) {
    
    /* Layout màxim ampliat */
    .page-index .oi-section .oi-wrap {
        width: min(1800px, 85vw);
    }

    .oi-taula {
        width: min(1800px, 85vw);
    }

    /* Contingut en dues columnes */
    .page-index .oi-content .oi-wrap {
        column-count: 1;
        column-gap: 3rem;
    }

    /* Cards en 5 columnes */
    .page-index .oi-card-grid {
        grid-template-columns: repeat(5, minmax(280px, 1fr));
    }

    /* Hero més ample */
    .page-index .oi-hero .oi-wrap {
        gap: 48px;
    }

    .page-index .oi-cap .oi-wrap {
        gap: 48px;
    }
}