@media(max-width:1370px){
    .container_header{
        grid-template-columns: 1fr 0.17fr;
    }
    .content_header{
        grid-template-columns: 1fr 2fr 1fr;
    }
    .arrow_adjust{
        left: -3%;
    }
}
@media(min-width: 768px) and (max-width: 1024px){
* {
        box-sizing: border-box;
    }

    .html,
    body {
        overflow-x: hidden;
        max-width: 100vw;
        padding-top: 0;
    }

    .container_header {
        display: none;
    }

    /* Cabeçalho */
    .mobile_header {
        display: flex;
        justify-content: flex-start;
        gap: 32px;
        max-width: 360px;
        align-items: center;
        padding: 8px;
    }

    .mobile_header .logo {
        padding-left: 20px;
        padding-top: 2px;
    }

    .mobile_header .logo img {
        width: 98px;
        height: 24px;
    }

    .mobile_header .btn_mobile_header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 12px;
        height: 48px;
        width: 145px;
        border-radius: 12px;
        flex: 0 1 auto;
        border: none;

        cursor: pointer;
        flex-shrink: 0;
        background: linear-gradient(180deg, #3A3A3A 0%, #1A1A1A 80%);
        border-bottom: 2px solid #000000;
        box-sizing: border-box;
    }

    .mobile_header .btn_mobile_header a {
        text-decoration: none;
        font-family: YSText, Suisse Intl, Arial, sans-serif;
        font-size: 13px;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
    }

    .mobile_header .right_side {
        display: flex;
        gap: 8px;
    }

    .mobile_icon_header {
        display: flex;
        padding: 12px;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }

    /* CSS para o efeito de scroll do menu mobile */
    .mobile_icon_header {
        position: fixed;
        top: 12px;
        right: 2px;
        z-index: 1000;
        transition: all 0.3s ease;
        background: transparent;
        padding: 10px;
        border-radius: 5px;
    }

    .mobile_icon_header.scrolled {
        top: 60px;
    }

    .mobile_icon_header img {
        width: 24px;
        height: 24px;
    }

    .btn_header a {
        font-size: 13px;
    }
    
    /* Green Banner */
    .content_green_banner{
        padding-top: 64px;
    }
    .topic_green_banner{
        align-items: flex-start;
    }
    .topic_green_banner h1{
        font-size: 48px;
        line-height: 48px;
        align-items: center;
    }
    .topic_green_banner.adjust{
        width: 80%;
    }
    .arrow_adjust{
        bottom: 71%;
        left: -7%;
    }
    .topic_green_banner .lupa {
    width: 64px;
    height: 64px;
    }
    .topic_green_banner .arrow{
        position: relative;
        top: 23%;
        right: 1%;
    }

    /* Best Bootcamp */
    .content_best_bootcamp{
        gap: 32px;
    }
    .background_image_head_banner_inicial{
        display: none;
    }
    .background_image_logos_ipad{
        background-image: url('../Imagens/teste_vocacional/background_logos_ipad.svg');
        width: 576px;
        height: 108px;
        position: relative;
        display: flex;
    }
    .background_image_logos_ipad .mobile_sponsors_container{
        display: flex;
        position: absolute;
        top: 6%;
    }
    .background_image_logos_ipad .mobile_sponsors_container img{
        width: 96px;
        height: 96px;
    }
    .background_image_logos_ipad .mobile_sponsors_container.one{
        left: 7%;
    }
    .background_image_logos_ipad .mobile_sponsors_container.two{
        left: 21%;
    }
    .background_image_logos_ipad .mobile_sponsors_container.three{
        left: 34%;
        top: -1%;
    }
    .background_image_logos_ipad .mobile_sponsors_container.three img{
        width: 104px;
        height: 108px;
    }
    .background_image_logos_ipad .mobile_sponsors_container.four{
                left: 48%;
    }
    .background_image_logos_ipad .mobile_sponsors_container.five{
        left: 62%;
        top: 2%;
    }
    .background_image_logos_ipad .mobile_sponsors_container.five img{
        width: 104px;
        height: 104px;
    }
        .background_image_logos_ipad .mobile_sponsors_container.six{
        left: 75.5%;
    }
    .ipad_head_banner_inicial{
        display: flex;
        justify-content: center;
        box-sizing: border-box;
        text-align: center;
        margin-top: 16px;
    }
        .ipad_head_banner_inicial p {
        font-family: 'YSText', Arial, sans-serif;
        font-weight: 200;
        color: #1a1a1a;
        font-size: 16px;
        line-height: 19px;
    }

    .ipad_head_banner_inicial span {
        position: relative;
        top: 20%
    }

    .foot_banner_inicial{
        display: none;
    }
    .foot_banner_inicial_ipad{
        display: flex;
        justify-content: center;
    }
    .foot_banner_inicial_ipad .brands{
        display: grid;
        align-items: flex-end;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 40px;
        width: 100vw;
}
    .foot_banner_inicial_ipad .brand{
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .foot_banner_inicial_ipad .brand p{
        font-family: 'YSText', Arial, sans-serif;
        font-weight: 100;
        color: #1a1a1a;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
        max-width: 437px;
    }
    .foot_banner_inicial_ipad .brand img{
        object-fit: contain;
    }
    .foot_banner_inicial_ipad .brand.forbes{
        grid-row: 1;
    grid-column: 1;
    }
    .foot_banner_inicial_ipad .brand.forbes img{
        width: 149px;
        height: 60px;
    }
    .foot_banner_inicial_ipad .brand.globo{
        grid-row: 2;
        grid-column: 1 / -1;
        gap: 16px;
    }
        .foot_banner_inicial_ipad .brand.globo img{
        width: 140px;
        height: 29px;
    }
            .foot_banner_inicial_ipad .brand.fortune img{
        width: 180px;
        height: 37px;
    }

    /* numbers Best Bootcamp */
    .numbers_best_bootcamp{
        display: flex;
        flex-direction: column;
        gap: 48px;
        padding: 40px;
    }
    .number_best_bootcamp{
        gap: 16px;
    }
    .number_best_bootcamp.one p{
        width: 45%;
    }
    .number_best_bootcamp.three p{
        width: 42%;
    }    
    .content_registration_footnote{
        min-width: unset;
    }
    .upper_footer{
        display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 0 16px;
    }
}
@media(max-width: 767px) {
    * {
        box-sizing: border-box;
    }

    .html,
    body {
        overflow-x: hidden;
        max-width: 100vw;
        padding-top: 0;
    }

    .container_header {
        display: none;
    }

    /* Cabeçalho */
    .mobile_header {
        display: flex;
        justify-content: flex-start;
        gap: 32px;
        max-width: 360px;
        align-items: center;
        padding: 8px;
    }

    .mobile_header .logo {
        padding-left: 20px;
        padding-top: 2px;
    }

    .mobile_header .logo img {
        width: 98px;
        height: 24px;
    }

    .mobile_header .btn_mobile_header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 12px;
        height: 48px;
        width: 145px;
        border-radius: 12px;
        flex: 0 1 auto;
        border: none;

        cursor: pointer;
        flex-shrink: 0;
        background: linear-gradient(180deg, #3A3A3A 0%, #1A1A1A 80%);
        border-bottom: 2px solid #000000;
        box-sizing: border-box;
    }

    .mobile_header .btn_mobile_header a {
        text-decoration: none;
        font-family: YSText, Suisse Intl, Arial, sans-serif;
        font-size: 13px;
        color: #fff;
        text-decoration: none;
        font-weight: 500;
    }

    .mobile_header .right_side {
        display: flex;
        gap: 8px;
    }

    .mobile_icon_header {
        display: flex;
        padding: 12px;
        justify-content: center;
        align-items: center;
        margin-right: 8px;
    }

    /* CSS para o efeito de scroll do menu mobile */
    .mobile_icon_header {
        position: fixed;
        top: 12px;
        right: 2px;
        z-index: 1000;
        transition: all 0.3s ease;
        background: transparent;
        padding: 10px;
        border-radius: 5px;
    }

    .mobile_icon_header.scrolled {
        top: 60px;
    }

    .mobile_icon_header img {
        width: 24px;
        height: 24px;
    }

    .btn_header a {
        font-size: 13px;
    }
    
    /* Green Banner */
    .mobile_head_banner_inicial {
        display: flex;
        background-color: #fff;
        box-sizing: border-box;
        padding: 24px 24px 64px 48px;
        text-align: center;
        margin-top: 16px;
    }

    .mobile_head_banner_inicial p {
        font-family: 'YSText', Arial, sans-serif;
        font-weight: 200;
        color: #1a1a1a;
        font-size: 20px;
        line-height: 24px;
        background-size: cover;
        width: 94%;
    }

    .mobile_head_banner_inicial span {
        position: relative;
        top: 10%;
    }
    .mobile_head_background_image{
        display: flex;
        height: 65px;
        width: 100vw;
        background-color: #000000;
        background-size: cover;
        border-radius: 0px 0px 0px 0px;
    }
    .mobile_sponsors_container {
        display: flex;
        position: absolute;
        top: 46%;
        border-radius: 3000px 3000px 3000px 3000px;
        background-color: #ffffff;
        background-position: center center;
        border-color: transparent;
        border-style: solid;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.2);
        width: 106px;
        height: 106px;
        z-index: 100;
    }
.foot_banner_inicial{
    display: none
}
    .mobile_sponsors_container img {
        margin: 4px;
    }

    .mobile_sponsors_container.one {
        left: 3%;
    }

    .mobile_sponsors_container.two {
        left: 24%;
    }

    .mobile_sponsors_container.three {
        left: 47%;
    }

    .mobile_sponsors_container.four {
        right: 4%;
    }

    .title_top_content_body_banner_inicial span {
        display: none;
    }

    .title_top_content_body_banner_inicial h1 {
        display: none;
    }

    .top_content_body_banner_inicial {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .body_image_banner_inicial {
        display: none;
    }
    .head_banner_inicial{
        position: relative;
    }
    .content_green_banner{
        height: unset;
    }
    .content_green_banner p{
        font-size: 20px;
        line-height: 24px;
        padding-top: 64px;
        text-align: center;
    }
    .topic_green_banner h1{
        font-size: 40px;
        line-height: 40px;
        display: inline;
    }
    .tel_inputs{
        width: 80%;
    }
    .inputs_body_registration_box{
        flex-direction: column;
    }
    .background_image_head_banner_inicial{
        display: none;
    }
    .container_registration_footnote{
        margin-top: 80px;
    }
    .content_registration_footnote{
        min-width: unset;
        flex-direction: column;
    }
    .topic_green_banner .lupa{
        width: 48px;
        height: 48px;
    }
    .topic_green_banner{
        flex-direction: column-reverse;
    }
    .topic_green_banner.adjust{
        position: inherit;
    }
    .topic_green_banner .arrow{
        transform: rotate(90deg);
        width: 28px;
        height: 23px;
    }
    .topic_green_banner span{
        position: relative;
    top: 11%;
    }
    .arrow_adjust{
        display: none;
    }
    .content_foot_banner_inicial {
        display: none;
    }

    .foot_banner_inicial_mobile {
        display: block;
    }

    /* Container do scroll-snap */
    .brands_mobile_container {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 0;
        padding: 0;
        max-width: 360px;
    }

    .brands_mobile_container::-webkit-scrollbar {
        display: none;
    }

    /* Cada item mobile */
    .brand_mobile_item {
        flex: none;
        width: 100%;
        scroll-snap-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
        min-height: 200px;
        justify-content: center;
    }

    /* Logos mobile */
    .brand_mobile_logo {
        margin-bottom: 20px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .brand_mobile_logo img {
        max-height: 100%;
        object-fit: contain;
    }

    /* Textos mobile */
    .brand_mobile_text {
        color: #1a1a1a;
        font-size: 16px;
        font-family: 'YSText', Arial, sans-serif;
        line-height: 20px;
        font-weight: 100;
        max-width: 280px;
    }

    /* Ajustes específicos para cada marca no mobile */
    .forbes_mobile {
        width: 129px;
    }

    .globo_mobile {
        width: 134px;
    }

    .fortune_mobile {
        width: 172px;
    }

    /* Indicadores de scroll */
    .mobile_indicators {
        display: flex;
        justify-content: center;
        gap: 8px;
        margin-top: 20px;
    }

    .mobile_indicator {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #ddd;
        cursor: pointer;
        transition: all 0.3s;
    }

    .mobile_indicator.active {
        background: #1a1a1a;
        transform: scale(1.2);
    }
    /* Best Bootcamp */
    .numbers_best_bootcamp{
        display: flex;
        flex-direction: column;
        padding: 64px 32px;
        gap: 64px;
        margin: 0 16px;
    }
    .number_best_bootcamp h1{
        font-size: 40px;
        line-height: 40px;
    }
    /* registration box */
    .registration_box{
        max-width: 360px;
        padding: 48px 8px;
        border-radius: 15px;
        margin: 64px 16px 0 16px;
    }
    /* Footnote */
    .payment_mode_footnote{
        margin: 0 16px;
    }
    .upper_footer, .lower_footer{
        flex-direction: column;
        align-items: flex-start;
        margin: 0 16px;
    }
    .registration_box_footnote{
        margin: 0 16px;
        max-width: 320px;
    }
    .registration_box_footnote p{
        padding-right: 0;
        width: unset;
    }
    .registration_box_footnote input, .btn_registration_footnote{
        width: 320px;
    }
    .right_lower_footer{
        margin-left: 0;
    }
    .lower_footer{
        flex-direction: column-reverse;
    }
    .left_lower_footer{
        flex-direction: column;
    }

    /* Banner promo */
    .container_promo_banner{
        bottom: 0;
        padding-bottom: env(safe-area-inset-bottom, 0px);
    }
    .content_promo_banner{
        display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding: unset;
    gap: unset;
    height: 98px;
    }
    .content_promo_banner .text{
        display: none;
    }
    .content_promo_banner .countdown .small_box .time{
        width: unset;
    }
    .content_promo_banner .countdown .small_box .time p{
        font-size: 14px;
    }
    .content_promo_banner .countdown .small_box svg{
        width: 2px;
        height: 2px;
    }
    .content_promo_banner .images .bf_box{
        left: 11%;
    }
    .content_promo_banner .cta_promo{
        width: unset;
    }
    .content_promo_banner .countdown{
        max-width: unset;
    }
    .content_promo_banner .images{
        width: 50vw;
    height: 80px;
    position: relative;
    bottom: 11%;
    grid-column: 1;
    grid-row: 1 / -1;
    }
}