@media screen and (max-width: 768px) {

    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .rui-topbar-wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 8px 16px;
        height: auto;
        align-items: center;
        justify-content: space-between;
        background: transparent;
        /* deixa o topo limpo sobre o banner */
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }

    .galileo-custom-banner {
        height: 100dvh;
        background-size: cover;
        background-position: 34% center;
        overflow: hidden;
    }

    .rui-left {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    .rui-topbar-options {
        flex-direction: row;
        gap: 16px;
        margin-left: 10px;
    }


    .rui-login-btn {
        font-size: 14px;
        padding: 6px 14px;
    }

    .rui-logo img {
        max-height: 48px;
    }

    .rui-logo-divider {
        height: 40px;
    }

    
}

.rui-right {
    margin-top: -2px;
    margin-left: auto;
    padding-right: 40px;
    /* empurra mais pra direita */
}

.rui-login-btn {
    font-size: 14px;
    padding: 6px 14px;
    margin-right: 0;
    /* remove o excesso do style.css */
}

.banner-text-container {
    margin-left: -3px;
    /* move levemente para a esquerda */
}



@media screen and (max-width: 768px) {
    .carrossel-cursos {
        width: 123%;
        padding: 20px 0;
        left: -70px;
        transform: scale(0.85);
        margin: -40px auto 0;
          overflow-x: hidden !important; /* bloqueia dedo */
    }

    .carrossel-inner {
        display: flex;
        flex-wrap: nowrap;
        gap: 30px;
    }


    .quesitos-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        /* 2 por linha */
        gap: 45px;
        max-width: 300px;
        margin: 75px auto 0;
        padding: 0;
        justify-items: center;
        transform: scale(0.45) translateX(60px);
        /* leva levemente pra direita */
    }


    .quesito {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
        height: auto;
        transform: none;
        animation: none;
        opacity: 1;
    }

    .explicacao {
        display: none;
    }

    .titulo-cursos {
        font-size: 2rem;
        text-align: center;
        position: static;
        margin: 80px auto 0;
        padding: 0 16px;
        width: 100%;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        margin-left: -80px;
        z-index: 5;
        position: relative;
    }

    .titulo-cursos .destaque-cursos {
        font-size: 3rem;
    }

}

@media screen and (min-width: 1200px) and (max-height: 800px) {

  .titulo-cursos {
margin-bottom: -15px;
  }
  .carrossel-cursos {
    padding: 20px 40px;
    justify-content: center;
    margin-top: -100px;
    transform: scale(0.9);
    margin-left: -100px;
    width: 53%;
  }

.galileo-custom-banner .quesitos-container {
  transform: scale(0.8);
  margin-top: -370px;
  margin-right: -80px;
}

#bg-video {
  object-position: center 73%; /* 🔼 mostra mais o topo do vídeo */
}

}

 /* Mostra/esconde corretamente os elementos por dispositivo */
.only-desktop {
  display: block;
}

.only-mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .only-desktop {
    display: none !important;
  }

  .only-mobile {
    display: block !important;
  }
}

.only-mobile video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  object-position: center center;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
}


@media screen and (max-width: 768px) {
  html, body {
    overflow: hidden;
    touch-action: none; /* bloqueia gestos de arrastar no celular */
  }
}

@media screen and (max-width: 768px) {
  .rui-right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: -55px;
    padding-right: 16px;
    margin-right: 20px;
  }

  .rui-login-btn {
    margin-right: 0;
  }
}