@media (max-width: 768px){

    /* HEADER */

    .header .container{
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:15px;
        padding:15px;
    }

    .logo{
        justify-content:center;
        text-align:center;
    }

    .logo img{
        width:60px;
        height:auto;
    }

    .logo-title{
        font-size:1.8rem;
    }

    .logo-subtitle{
        font-size:0.9rem;
    }

    /* MENU */

    .nav ul{
        display:flex;
        flex-wrap:wrap;
        justify-content:center;
        gap:12px;
        padding:0;
    }

    .nav li{
        margin:0;
    }

    .nav a{
        font-size:14px;
    }

    /* HERO */

    .hero{
        padding-top:260px !important;
    }

    .hero-content{
        text-align:center;
    }

    .hero-title,
    .hero h1{
        font-size:2rem !important;
        line-height:1.15 !important;
        word-break:normal !important;
        overflow-wrap:normal !important;
        white-space:normal !important;
        hyphens:none !important;
    }

    .hero-subtitle,
    .hero p{
        font-size:1rem !important;
        text-align:center;
    }

    .hero-buttons{
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:15px;
    }

    .hero-buttons .btn{
        width:280px;
        max-width:90%;
        text-align:center;
    }

    /* PAGINAS INTERNAS */

    .page-hero{
        padding-top: 220px !important;
        margin-top:220px;
    }

    html,
    body {
    overflow-x: hidden;
    max-width: 100%;
    }
    .section-title h2{
        font-size: 2.8rem;
        margin-left: 30px;
        line-height: 1.1;
    }

}