/* Fonts from Google FOnts */
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* Geral Config. */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    font-family: 'Inter', Arial, Helvetica, sans-serif;
    
}

.hero {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90dvh;      /* melhor no mobile */
    height: auto;            /* não trava */
    padding: clamp(28px, 6vw, 80px) 0;  /* padding responsivo */
    overflow: hidden;
    position: relative;
    overflow: hidden;
}

.container {
    width: min(100%, 72%); /* Configure a largura da seção HERO aqui */
    margin: 0 auto;
}

.hero-content{
    display:flex;
    flex-direction:column;
    gap: 25px;
    position: relative;
    z-index: 2;
}