.elementor-1245 .elementor-element.elementor-element-de8a2e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1245 .elementor-element.elementor-element-b4acedf{text-align:center;}.elementor-1245 .elementor-element.elementor-element-b4acedf .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-f9a96a0 );}.elementor-1245 .elementor-element.elementor-element-f873d5e{text-align:center;}.elementor-1245 .elementor-element.elementor-element-f873d5e .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-0e4abc2 );}.elementor-1245 .elementor-element.elementor-element-8d9187a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1245 .elementor-element.elementor-element-a52cee5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1245 .elementor-element.elementor-element-fdb44c3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1245 .elementor-element.elementor-element-5e0dd06{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-b5a45f9 *//* =========================================================
   RESPONSIVIDADE MOBILE - ÁREA DO ALUNO IBLS
   Adicione este bloco AO FINAL do seu <style>
========================================================= */

*{
    box-sizing:border-box;
}

img{
    max-width:100%;
    height:auto;
    display:block;
}

audio{
    width:100% !important;
    max-width:100%;
}

/* Tablets */
@media (max-width: 992px){

    #conteudo{
        padding:15px;
    }

    .licao-card{
        gap:15px;
    }

    .licao-img img{
        width:130px;
        height:170px;
    }

    .botoes{
        min-width:180px;
    }
}

/* Smartphones */
@media (max-width: 768px){

    .login-box{
        width:95%;
        margin:20px auto;
        padding:20px 15px;
    }

    .login-box input{
        width:100%;
        font-size:16px;
    }

    .login-box button{
        width:100%;
        margin-top:10px;
        font-size:16px;
    }

    #conteudo{
        width:100%;
        padding:12px;
    }

    .licao-card{
        flex-direction:column;
        align-items:stretch;
        padding:18px;
        gap:18px;
    }

    .licao-img{
        text-align:center;
    }

    .licao-img img{
        width:100%;
        max-width:280px;
        height:auto;
        margin:0 auto;
    }

    .licao-conteudo h3{
        font-size:1.3rem;
        line-height:1.4;
        margin-bottom:12px;
    }

    .licao-conteudo p{
        font-size:15px;
        line-height:1.7;
        text-align:justify;
    }

    .botoes{
        width:100%;
        min-width:100%;
        gap:10px;
    }

    .btn{
        width:100%;
        padding:14px;
        font-size:15px;
    }

    .badge{
        position:static;
        display:inline-block;
        margin-bottom:10px;
        align-self:flex-start;
    }

    #boasVindas{
        font-size:1.6rem;
        line-height:1.4;
        text-align:center;
    }

    #textoProgresso{
        text-align:center;
        font-size:16px;
    }

    audio{
        margin-top:15px;
    }
}

/* Celulares Pequenos */
@media (max-width: 480px){

    .licao-card{
        padding:15px;
        border-radius:10px;
    }

    .licao-conteudo h3{
        font-size:1.15rem;
    }

    .licao-conteudo p{
        font-size:14px;
    }

    .btn{
        padding:13px;
        font-size:14px;
    }

    .barra-container{
        height:24px;
    }

    .barra{
        height:24px;
    }
}

.comentario-box{
    margin-top:15px;
    padding:20px;
    background:#f8f9fa;
    border-radius:12px;
    border:1px solid #dee2e6;
    display:none;
    animation:fadeIn .3s ease;
}

.comentario-box.ativo{
    display:block;
}

.comentario-box textarea{
    width:100%;
    min-height:140px;
    padding:15px;
    border:1px solid #ced4da;
    border-radius:8px;
    resize:vertical;
    font-size:15px;
    font-family:inherit;
    margin-bottom:15px;
}

.btn-comentario{
    background:#6f42c1;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(-10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}/* End custom CSS */