/* ==========================================================================
   RESPONSIVO: LANDING PAGE REFORMA TRIBUTÁRIA E PRICING - FISUL
   Apenas ajustes de grid e seções específicas da landing page.
   O #banner é controlado nativamente por basico.css e responsivo.css.
   ========================================================================== */

@media(max-width: 1551px) {
    #pag_reforma_tributaria #banner .conteudo h2 {
        margin-bottom: 12px;
        font-size: 36px;
        line-height: 1.25;
    }

    #pag_reforma_tributaria #banner .conteudo .esquerda {
        max-width: 600px;
    }
}
/* --------------------------------------------------------------------------
   Breakpoint 1366px
   -------------------------------------------------------------------------- */
@media(max-width: 1366px) {
    #pag_reforma_tributaria #banner .conteudo h2 {
        font-size: 32px;
        line-height: 1.25;
    }

    #pag_reforma_tributaria #banner .conteudo .esquerda {
        max-width: 540px;
    }

    .sec_apresentacao .centro,
    .sec_beneficios .centro,
    .sec_aprender .centro,
    .sec_palestrantes .centro,
    .sec_programacao .centro,
    .sec_publico_motivos .centro,
    .sec_formulario .centro,
    .sec_sobre_fisul .centro,
    .sec_cta_final .centro {
        max-width: 100%;
        padding: 0 20px;
    }

    .apresentacao_grid {
        grid-template-columns: 1fr 380px;
        gap: 35px;
    }

    .palestrante_card {
        grid-template-columns: 300px 1fr;
        padding: 30px;
        gap: 30px;
    }

    .programacao_layout {
        grid-template-columns: 1fr 340px;
        gap: 30px;
    }

    .sobre_fisul_grid {
        grid-template-columns: 1fr 400px;
        gap: 35px;
    }
}

/* --------------------------------------------------------------------------
   Breakpoint 1000px
   -------------------------------------------------------------------------- */
@media(max-width: 1000px) {
    #pag_reforma_tributaria #banner .centro .mask_img {
        height: 350px;
    }

    #pag_reforma_tributaria #banner .centro .mask_img img {
        object-position: 75% 20%;
    }

    #pag_reforma_tributaria #banner .conteudo h2 {
        font-size: 28px;
    }

    #pag_reforma_tributaria #banner .conteudo .esquerda {
        max-width: 480px;
    }

    .desk_only {
        display: none;
    }

    .apresentacao_grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .beneficios_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .aprender_grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .aprender_cta_box {
        flex-direction: column;
        padding: 25px;
        text-align: center;
    }

    .aprender_cta_box p {
        text-align: center;
    }

    .palestrante_card {
        grid-template-columns: 1fr;
        padding: 25px 15px;
        gap: 25px;
    }

    .palestrante_foto_col .foto_wrapper {
        max-width: 400px;
        margin: 0 auto;
    }

    .programacao_layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .card_info_evento {
        position: static;
    }

    .publico_grid_duas_colunas {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .conhecimento_resultados_box {
        flex-direction: column;
        padding: 30px 25px;
        text-align: center;
    }

    .conhecimento_resultados_box .box_text p {
        margin: 0 auto;
    }

    .sobre_fisul_grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .sobre_fisul_img_col {
        max-width: 500px;
        margin: 0 auto;
    }

    .sec_cta_final {
        padding: 55px 0 50px 0;
    }

    .cta_final_card {
        margin-bottom: 0;
        padding: 45px 30px;
    }
}

/* --------------------------------------------------------------------------
   Breakpoint 768px / 600px - Banner Executivo Mobile estilo MBA USP ESALQ
   -------------------------------------------------------------------------- */
@media(max-width: 768px) {
    #pag_reforma_tributaria #banner {
        position: relative;
        width: 100%;
        background-color: #081830;
    }

    #pag_reforma_tributaria #banner .centro {
        position: relative;
        width: 100%;
    }

    #pag_reforma_tributaria #banner .centro .mask_img {
        position: relative;
        width: 100%;
        height: 280px;
        padding-top: 0;
    }

    #pag_reforma_tributaria #banner .centro .mask_img img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 33% 8%;
    }

    #pag_reforma_tributaria #banner .mask_img .banner_overlay {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,
                rgba(8, 24, 48, 0.4) 0%,
                rgba(8, 24, 48, 0.3) 28%,
                rgba(8, 24, 48, 0.95) 100%);
        pointer-events: none;
    }

    #pag_reforma_tributaria #banner .conteudo {
        box-sizing: border-box;
        display: flex;
        z-index: 3;
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        align-items: flex-end;
        width: 100%;
        height: auto;
        padding: 0 20px 25px 20px;
        transform: none;
    }

    #pag_reforma_tributaria #banner .conteudo .esquerda {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    #pag_reforma_tributaria #banner .banner_badge_top {
        margin-bottom: 8px;
        padding: 5px 12px;
        font-size: 11px;
    }

    #pag_reforma_tributaria #banner .conteudo h3 {
        margin-bottom: 6px;
        color: #93c5fd;
        font-size: 13px;
        letter-spacing: 1.5px;
    }

    #pag_reforma_tributaria #banner .conteudo h2 {
        margin-bottom: 8px;
        color: #ffffff;
        font-size: 23px;
        line-height: 1.25;
    }

    #pag_reforma_tributaria #banner .banner_desc_sub {
        display: -webkit-box;
        margin-bottom: 16px;
        color: #cbd5e1;
        font-size: 13px;
        line-height: 1.4;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #pag_reforma_tributaria #banner .banner_botoes_acao {
        width: 100%;
    }

    #pag_reforma_tributaria #banner .conteudo .saiba_mais {
        box-sizing: border-box;
        justify-content: center;
        width: 100%;
        padding: 14px 20px;
        font-size: 14px;
        text-align: center;
    }
    .sec_apresentacao {
        padding: 20px 0 65px 0;
    }
}

@media(max-width: 600px) {
    .apresentacao_titulo {
        font-size: 27px;
    }

    .section_title {
        font-size: 26px;
    }

    .section_subtitle {
        font-size: 15px;
    }

    .sec_aprender,
    .sec_beneficios,
    .sec_palestrantes,
    .sec_programacao,
    .sec_publico_motivos,
    .sec_formulario,
    .sec_sobre_fisul {
        padding: 35px 0;
    }

    #conteudo_programatico {
        padding-bottom: 29px;
    }

    .btn_cta_primary,
    .btn_cta_secondary,
    .btn_cta_gold {
        box-sizing: border-box;
        width: 100%;
        padding: 15px 20px;
        text-align: center;
    }

    .beneficios_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .beneficio_card {
        padding: 17px;
    }

    .aprender_card {
        padding: 25px 20px;
    }

    .nome_palestrante {
        font-size: 24px;
    }

    .card_info_evento {
        padding: 18px
    }

    .info_icon {
        width: 30px;
        height: 30px;
    }

    .beneficio_icon_wrapper {
        width: 37px;
        height: 37px;
        margin-bottom: 9px;
        font-size: 17px;
    }

    .timeline_wrapper {
        padding-left: 0;
    }

    .timeline_wrapper::before {
        left: 30px;
    }

    .timeline_item {
        flex-direction: column;
        padding-left: 50px;
    }

    .timeline_hour_box {
        width: auto;
        margin-bottom: 6px;
        padding-right: 0;
        text-align: left;
    }

    .timeline_dot {
        position: absolute;
        top: 2px;
        left: 23px;
        margin-right: 0;
    }

    .tags_publico_grid {
        grid-template-columns: 1fr;
    }

    .motivos_card_box {
        padding: 24px 20px;
    }

    .form_container_institucional {
        padding: 30px 20px;
    }

    .form_title {
        font-size: 24px;
    }

    .form_grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .col_half {
        grid-column: 1 / -1;
    }

    .radios_wrapper {
        flex-direction: column;
        gap: 12px;
    }

    .pilares_fisul {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .sec_cta_final {
        padding: 40px 0 40px 0;
    }

    .cta_final_card {
        margin-bottom: 0;
        padding: 35px 20px;
    }

    .cta_final_title {
        font-size: 28px;
    }

    .cta_final_desc {
        font-size: 16px;
    }
}

/* --------------------------------------------------------------------------
   Breakpoint 400px e 365px
   -------------------------------------------------------------------------- */
@media(max-width: 400px) {
    #pag_reforma_tributaria #banner .centro .mask_img {
        height: 260px;
    }

    #pag_reforma_tributaria #banner .centro .mask_img img {
        object-position: 33% 5%;
    }

    #pag_reforma_tributaria #banner .conteudo h2 {
        font-size: 20px;
    }

    #pag_reforma_tributaria #banner .conteudo {
        padding: 0 16px 20px 16px;
    }

    .hero_badges {
        flex-direction: column;
        align-items: flex-start;
    }

    .badge_pill {
        font-size: 11px;
    }

    .card_palestra_title {
        font-size: 19px;
    }

    .btn_submit_inscricao {
        padding: 16px 18px;
        font-size: 15px;
    }
}