@media(max-width: 360px) {
    * {
        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: 360px;
        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: 44%;
    }

    .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;
    }
}