/* ==========================================================================
   Block: Exhibition Cards
   Archivo: block-exhibitioncards.css
   ========================================================================== */

/* Sobrescribir contenedor padre */
.cu-contentexhibitions-home-non {
    background-color: #ffffff !important;
    padding: 0 !important;
}

.cu-contentexhibitions-home-non .uv-section-inner {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

/* Sección principal */
.ex-exhibitions-section {
    background-color: #ffffff;
    padding: 60px 0;
    width: 100%;
}

/* Container del grid */
.ex-home-exhibitionscards.ex-layout-featured {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 60px;
    box-sizing: border-box;
}

/* Card destacado (primero) - 100% ancho */
.ex-card-featured {
    width: 100%;
    flex: 0 0 100%;
}

.ex-card-featured .ex-home-exhibitions-card {
    width: 100%;
    line-height: 0;
}

.ex-card-featured .ex-home-exhibitions-card img {
    width: 100%;
    height: auto;
    filter: grayscale(100%);
    
}

.ex-card-featured .ex-home-exhibitions-card:hover img {
    filter: grayscale(0%);
}

/* Cards inferiores - 50% cada uno */
.ex-card-half {
    width: calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
}

.ex-card-half .ex-home-exhibitions-card {
    width: 100%;
    line-height: 0;
}

.ex-card-half .ex-home-exhibitions-card img {
    width: 100%;
    height: auto;
}

/* Título de cada card */
.ex-he-title {
    font-size: 18.7px;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 400;
    color: #000;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1024px) {
    .ex-home-exhibitionscards.ex-layout-featured {
        padding: 0 40px;
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .ex-exhibitions-section {
        padding: 20px 0;
    }
    
    .ex-home-exhibitionscards.ex-layout-featured {
        padding: 0 20px;
        gap: 20px;
    }
    
    .ex-card-half {
        width: 100%;
        flex: 0 0 100%;
    }
    
    .ex-he-title {
        font-size: 18.7px;
    }
}

.site-logo img {
    display:none;
}

@media (max-width: 900px) {
    
    /* Contenedor padre debe ser flex con dirección columna */
    .ex-home-exhibition-item {
        display: flex;
        flex-direction: column;
    }
    
    /* Título primero */
    .ex-he-title {
        order: 1;
        margin-bottom: 15px;
    }
    
    /* Imagen después */
    .ex-home-exhibition-link {
        order: 2;
    }
}