/*
 * dia-madres-26.css
 * Mini-sitio Día de las Madres 2026 — Conjunto Santander de Artes Escénicas
 * Landing 100% visual — solo imágenes con enlaces
 */

/* ═══════════════════════════════════════════
   FONDO
   Descomenta y ajusta cuando tengas bg.webp
══════════════════════════════════════════════ */
#dia-madres-26 {
    background-image: url('https://conjuntosantander.com/new2025itecsae/assets/img/dia-madres-26/bg.jpg');
    background-repeat: repeat;
    background-size: auto;
    overflow-x: hidden;
}


/* ═══════════════════════════════════════════
   CABECERA
══════════════════════════════════════════════ */
.dm-cabecera {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
}

.dm-cabecera__img {
    width: 100%;
    height: auto;
    display: block;
}


/* ═══════════════════════════════════════════
   GRID DE EVENTOS
══════════════════════════════════════════════ */
.dm-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.dm-container {
    padding: 0;
}

.dm-evento {
    display: block;
    position: relative;
    overflow: hidden;
    line-height: 0;
}

.dm-evento__img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .35s ease, filter .35s ease;
}

/* Hover: zoom suave + brillo */
.dm-evento:hover .dm-evento__img {
    transform: scale(1.04);
    filter: brightness(1.08);
}

/* Cursor pointer explícito por si acaso */
.dm-evento {
    cursor: pointer;
}


/* ═══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════════ */
@media (max-width: 575px) {
    /* En móvil 2 columnas en vez de 1 — las imágenes son muy descriptivas */
    .dm-evento__img {
        transition: none; /* sin hover en touch */
    }
}