.posters-section {
    font-family: 'Poppins', sans-serif; 
    color: #1a1a1a;
}

/* ========================================= */
/* ESTILOS DEL ENCABEZADO (TÍTULO Y TEXTO)   */
/* ========================================= */
.posters-header {
    /* Ocupa toda la altura de la pantalla para el centrado perfecto */
    min-height: 100vh; 
    padding: 2rem 1rem;
}

.posters-title {
    color: #000000;
    margin-bottom: 1rem;
    letter-spacing: -1px; 
}

.posters-subtitle {
    line-height: 1.5;
    color: #333333;
    margin-bottom: 0;
    font-size: 1.1rem; 
}

/* ========================================= */
/* GALERÍA DE POSTERS (MASONRY 3 COLUMNAS)   */
/* ========================================= */
.posters-masonry {
    column-count: 3; /* Divide la galería en 3 columnas perfectas */
    column-gap: 1rem; /* Espacio horizontal entre columnas */
    padding-bottom: 8rem; /* Espacio final antes de terminar la página */
}

.posters-masonry img {
    width: 100%;
    display: block;
    margin-bottom: 1rem; /* Espacio vertical entre posters */
    break-inside: avoid; /* Evita que un poster se parta a la mitad entre columnas */
    border-radius: 4px; 
    box-shadow: 0 4px 10px rgba(0,0,0,0.03); /* Una sombra hiper sutil para despegarlos del fondo */
}

/* ========================================= */
/* AJUSTES RESPONSIVOS (CELULARES Y TABLETS) */
/* ========================================= */
@media (max-width: 991px) {
    .posters-masonry {
        column-count: 2; /* En tablets bajamos a 2 columnas */
    }
}

/* ========================================= */
/* AJUSTES RESPONSIVOS (CELULARES)           */
/* ========================================= */
@media (max-width: 576px) {
    .posters-title {
        font-size: clamp(3.5rem, 12vw, 5rem); 
    }
    
    .posters-subtitle {
        font-size: 1rem;
    }

    /* ========================================= */
    /* GALERÍA DE POSTERS (MASONRY 3 COLUMNAS)   */
    /* ========================================= */
    .posters-masonry {
        column-count: 1; /* En celulares a 1 sola columna */
    }
}