.previous-symposia-page-section {
    width: 100%;
    padding: 1rem 1rem 1rem;
    box-sizing: border-box;
}
/* Intro text on Previous Symposia page */
.bgr-gradient .previous-symposia-hero-text  {
    font-size: 2.0rem;        /* Slightly larger than body text */
    line-height: 1.6;         /* Better readability */
    max-width: 1200px;         /* Prevent overly long lines */
    margin: 0 auto;           /* Center horizontally */
    text-align: center;       /* Fits hero-style layout */
}

/* Card image area */
.previous-symposia-image {
    border-radius: var(--bs-border-radius);
    width: 100%;
    height: 280px;              /* default (desktop) */
    background-size: cover;
    background-position: center;
    transition: background-image 0.6s ease-in-out;
    cursor: pointer;
    position: relative;
}
.symposia-card{
    border-radius: var(--bs-border-radius);
}

/* Overlay container */
.previous-symposia-overlay {
    border-radius: var(--bs-border-radius);
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1rem;
    background: linear-gradient(
            to top,
            rgba(0,0,0,0.65),
            rgba(0,0,0,0)
    );
}

/* Year text */
.previous-symposia-year {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
}

/* Title text */
.previous-symposia-title {
    color: #fff;
    font-size: 0.95rem;
    opacity: 0.9;
}


a:hover .previous-symposia-overlay {
    border-radius: var(--bs-border-radius);
    background: linear-gradient(
            to top,
            rgba(0,0,0,0.75),
            rgba(0,0,0,0.1)
    );
}

.previous-symposia-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--overlay-color, rgba(0,0,0,0));
    opacity: 0.18; /* MUY sutil */
    pointer-events: none;
    transition: opacity 0.3s ease;
}

:root {
    --overlay-color: rgba(0, 0, 0, 0);
    --overlay-turquoise: rgba(23, 143, 137, 0.35);
    --overlay-green: rgba(60, 160, 90, 0.35);
    --overlay-blue: rgba(40, 90, 160, 0.35);
    --overlay-indigo: rgba(75, 70, 150, 0.35);
}

/* Larger screens */
@media (min-width: 1400px) {
    .previous-symposia-image {
        height: 340px;
    }
}