@import url('https://mcdgv4q4mfzp49dnzqs2hr-gjqm0.pub.sfmc-content.com/sqiugiucd1i');
@import url('https://cloud.divulga.sebraeam.com.br/Home');
@import url('https://cloud.divulga.sebraeam.com.br/Palestrante');
@import url('https://cloud.divulga.sebraeam.com.br/programacao');
@import url('https://cloud.divulga.sebraeam.com.br/talksrodape');
@import url('https://cloud.divulga.sebraeam.com.br/banner');
@import url('https://cloud.divulga.sebraeam.com.br/Marcador.2');

:root {
    --color-neutral-0: #fff;
    --color-neutral-1: #181818;
    --color-talks-red:   #EF3E4A;
    --color-talks-orange: #FF7426;
    --color-talks-purple: #702FA6;
    --color-talks-blue:   #17C6DE;
    --color-primary-1: var(--color-talks-red);
    --color-primary-2: var(--color-talks-orange);
    --color-accent-1: var(--color-talks-purple);
    --color-accent-2: var(--color-talks-blue);
}

* {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--color-neutral-1);
    color: var(--color-neutral-0);

    /* Parallax effect background */
    background-image: url('https://image.divulga.sebraeam.com.br/lib/fe3211727364047f741376/m/1/a6252c5d-bbc9-4e08-8db0-c3e8efa684f4.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}

/* Section Titles */
.section-title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--color-neutral-0);
    text-align: center;
}

.section-subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    color: var(--color-primary-1);
    text-align: center;
    margin-bottom: 24px;
}

/* Example usage for buttons or highlights */
.btn-default {
    background: linear-gradient(90deg, var(--color-primary-1) 60%, var(--color-primary-2) 100%);
    color: #fff;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 14px 24px;
    font-size: 1.07rem;
    box-shadow: 0 2px 14px 0 var(--color-primary-1)22;
    transition: filter 0.15s, box-shadow 0.15s;
    cursor: pointer;
}

.btn-default:hover, .btn-default:focus {
    filter: brightness(1.08);
    box-shadow: 0 4px 22px 0 var(--color-primary-2)33;
    outline: none;
}

@media (max-width: 600px) {
    .section-title {
        font-size: 1.4rem;
    }
    .section-subtitle {
        font-size: 1rem;
    }
    .btn-default {
        padding: 10px 12px;
        font-size: 0.95rem;
    }
}