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

/* ===== Reset Global ===== */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    width:100%;
    overflow-x:hidden;
    scroll-behavior:smooth;
}

body{
    width:100%;
    min-height:100vh;
    overflow-x:hidden;
    font-family:"Inter", sans-serif;

    background:
        radial-gradient(circle at top,#0B1625 0%,transparent 40%),
        var(--background);
}

/* ===== Container ===== */

.container{
    width:100%;
    max-width:1200px;
    margin:0 auto;
    padding:0 20px;
}

/* ===== Sections ===== */

.section{
    padding:120px 0;
}

/* ===== Títulos ===== */

.title{
    font-family:"Space Grotesk",sans-serif;
    font-size:3rem;
    font-weight:700;
}

.subtitle{
    color:var(--gray);
    line-height:1.7;
    margin-top:20px;
    font-size:1.05rem;
}

.gradient{
    background:var(--gradient);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
}

/* ===========================
   TABLETS
=========================== */

@media (max-width:960px){

    .container{
        padding:0 24px;
    }

    .section{
        padding:90px 0;
    }

    .title{
        font-size:2.5rem;
    }

}

/* ===========================
   CELULARES
=========================== */

@media (max-width:650px){

    .container{
        padding:0 18px;
    }

    .section{
        padding:70px 0;
    }

    .title{
        font-size:2rem;
        line-height:1.2;
    }

    .subtitle{
        font-size:1rem;
    }

}