@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;700&display=swap');

/* Regras específicas para a view events */
body[data-view="events"] .container {
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    display: block;
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)), url('../../assets/backgrounds/background-home-blur.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* Título das seções */
.section-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    margin-top: 40px;
    color: #ffffff;
    letter-spacing: -0.5px;
    font-family: Inter, Arial, sans-serif;
}

.section-title:first-of-type {
    margin-top: 0;
}

/* Espaçamento do conteúdo principal */
.main-content {
    padding: 32px 24px 80px 24px;
}

/* Espaçamento do conteúdo principal */
.main-content {
    padding: 32px 24px 80px 24px;
}

/* Proporções para monitor e televisão */

/* Notebook (até 1366px) - Base já configurada acima */

/* Monitor (1367px a 1919px) */
@media (min-width: 1367px) and (max-width: 1919px) {
    body[data-view="events"] .container {
        background-size: cover;
    }

    .main-content,
    main {
        padding: 48px 48px 100px 48px;
    }

    .section-title {
        font-size: 38px;
        margin-bottom: 24px;
        margin-top: 48px;
    }

    .section-title:first-of-type {
        margin-top: 0;
    }
}

/* Televisão (acima de 1920px) */
@media (min-width: 1920px) {
    body[data-view="events"] .container {
        background-size: cover;
    }

    .main-content,
    main {
        padding: 80px 80px 120px 80px;
    }

    body[data-view="ëvents"] .section-title {
        font-size: 48px;
        margin-bottom: 32px;
        margin-top: 60px;
    }

    .section-title:first-of-type {
        margin-top: 0;
    }
}