@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';

/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/CentralMensagensLayout.razor.rz.scp.css */


/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/ConfiguracoesLayout.razor.rz.scp.css */
/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/DiarioClasseLayout.razor.rz.scp.css */






/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/JornadaEfapeLayout.razor.rz.scp.css */
.conteudo-full-page[b-0hx4q6ndtg] {
    position: relative;
    margin: 0 auto;
    margin-left:130px;
    display: block;
    max-width: 1368px;
    width: 100%;
}
@media only screen and (max-width: 1366px) {
    .conteudo-full-page[b-0hx4q6ndtg] {
        max-width: 1186px;
    }
}
@media only screen and (max-width: 1280px) and (min-width: 430px) {
    .conteudo-full-page[b-0hx4q6ndtg] {
        max-width: inherit;
        width: inherit;
        margin-left: 100px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 430px) {
    .conteudo-full-page[b-0hx4q6ndtg] {
        max-width: 97%;
        padding: 0 6px;
        margin-left: 5px;
    }
}
.grid-full-page[b-0hx4q6ndtg] {
    display:flex;
}





/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/LayoutLogin.razor.rz.scp.css */
/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/MainLayout.razor.rz.scp.css */
:root[b-7jydelafz6] {
    --color-text-rodape: #183B56;
}
.page[b-7jydelafz6] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7jydelafz6] {
    flex: 1;
}

.bb-top-row[b-7jydelafz6] {
    justify-content: space-between;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

@media (max-width: 771px) {
    .top-row[b-7jydelafz6] {
        justify-content: space-between;
    }

        .top-row[b-7jydelafz6]  a, .top-row[b-7jydelafz6]  .btn-link {
            margin-left: 0;
        }

    .visao-sfa-container[b-7jydelafz6] {
        width: 38px !important;
        height: 38px !important;
        gap: 0px !important;
        cursor: pointer;
        padding: 1px 5px;
        display: block;
    }

    .sfa-info[b-7jydelafz6] {
        display: none !important;
    }

    .icon-sfa[b-7jydelafz6] {
        width: 28px !important;
    }
    .visao-sfa-container[b-7jydelafz6] {
        width: 38px !important;
        height: 38px !important;
        gap: 0px !important;
        cursor: pointer;
        padding: 1px 5px;
        display: block;
    }

    .sfa-info[b-7jydelafz6] {
        display: none !important;
    }

    .icon-sfa[b-7jydelafz6] {
        width: 28px !important;
    }

    .visao-sfa-container[b-7jydelafz6] {
        width: 38px !important;
        height: 38px !important;
        gap: 0px !important;
        cursor: pointer;
    }

    .sfa-info[b-7jydelafz6] {
        display: none !important;
    }
}

@media (min-width: 641px) {


    .page[b-7jydelafz6] {
        flex-direction: row;
    }

/*    .sidebar {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }*/

    .top-row[b-7jydelafz6] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-7jydelafz6]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-7jydelafz6], article[b-7jydelafz6] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }


}

#blazor-error-ui[b-7jydelafz6] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7jydelafz6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

footer[b-7jydelafz6] {
    display: flex;
    justify-content: center;
}

/*.rodape {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    background-color: var(--color-white);
    text-align: center;
    gap: 50px;
    justify-content: center;
}*/

.links[b-7jydelafz6] {
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
}

    .links a[b-7jydelafz6] {
        color: var(--color-text-rodape);
        text-decoration: unset;
    }

    .links p[b-7jydelafz6] {
        color: var(--color-text-rodape);
        text-decoration: unset;
    }

    .links h6[b-7jydelafz6] {
        color: var(--color-text-rodape);
        text-decoration: unset;
    }

.notification[b-7jydelafz6]{
    position: relative;
    display: flex;
    flex-shrink: 0;
    border-radius: 1.4375rem;
    box-shadow: 0px 1px 4.7px 0px rgba(0, 0, 0, 0.25);
    text-decoration: none;
    padding: 0px 8px;
    color: #8397A6;
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center;
    &:hover{
        opacity:0.7;
        & .notificacao-numero{
            opacity:0.8;
        }
    }
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/MuralAvisoLayout.razor.rz.scp.css */




/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/NavSidebar.razor.rz.scp.css */

:root[b-prxd55o2xv] {
}

/* Sidebar */
.menu-principal[b-prxd55o2xv] {
    position: fixed;
    /*top: calc(0 - 80px);*/
    z-index: 2;
    left: 0;
    height: calc(100vh - 80px);
    width: 250px;
    padding: 10px 14px;
    background-color: var( --sidebar-color );
    transition: width 0.3s ease, left 0.3s ease;
}

.menu-principal-fixed[b-prxd55o2xv] {
    transition: top .5s;
    top: 0;
    height: 100vh;
}

.menu-principal header[b-prxd55o2xv] {
    position: relative;
}

    .menu-principal header .conteudo-logo[b-prxd55o2xv] {
        display: flex;
    }

    .menu-principal header .toggle-wrapper[b-prxd55o2xv] {
        position: absolute;
        top: 50%;
        right: -43px;
        transform: translateY(-50%);
        height: 45px;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border-radius: 50%;
        cursor: pointer;
    }

    .menu-principal header .toggle[b-prxd55o2xv] {
        height: 30px;
        width: 30px;
        background: var(--color-grey-100);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--sidebar-color);
    }

        .menu-principal header .toggle[b-prxd55o2xv]:before {
            content: '\f053';
        }

.menu-principal.close[b-prxd55o2xv] {
    width: 88px;
    z-index: 2 !important
    /* width: min(10vw, 88px);*/
}

    .menu-principal.close header .toggle[b-prxd55o2xv]:before {
        content: '\f054';
    }

    .menu-principal.close .text[b-prxd55o2xv] {
        display: none;
    }

    .menu-principal.close .logo-sidebar-nav[b-prxd55o2xv] {
        min-width: 60px;
        height: 62px;
        padding: 10px;
        gap: 10px;
        border-radius: 13px;
        background: var(--Logos-BgSaladoFuturo, rgba(229, 3, 3, 0.14));
        background-image: url(./assests/logo-icone.png);
        background-position: center;
        background-repeat: no-repeat;
        transition: var(--tran-03);
    }

.menu-principal .text[b-prxd55o2xv] {
    color: var(--Ttulo);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.156px;
    transition: var(--tran-03);
    white-space: nowrap;
    display: block;
}

.menu-principal .logo-sidebar-nav[b-prxd55o2xv] {
    min-width: 100%;
    height: 62px;
    padding: 10px;
    gap: 10px;
    border-radius: 13px;
    background: transparent;
    background-image: url(./assests/logo-sala-do-futuro.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: var(--tran-03);
}

    .menu-principal .logo-sidebar-nav a[b-prxd55o2xv] {
        display: block;
        width: 100%;
        height: 100%;
    }

.menu-principal ul[b-prxd55o2xv] {
    padding-left: 0;
}

.menu-principal li[b-prxd55o2xv] {
    height: 50px;
    margin-top: 6px;
    list-style: none;
    display: flex;
    align-items: center;
}

    .menu-principal li a[b-prxd55o2xv] {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        text-decoration: none;
        border-radius: 6px;
        transition: var(--tran-04);
    }

        .menu-principal li a:hover[b-prxd55o2xv] {
            background: var(--icons-nav-bg-active);
        }

            .menu-principal li a:hover .icon[b-prxd55o2xv] {
                color: var(--color-icon-hover);
            }

            .menu-principal li a:hover .text[b-prxd55o2xv] {
                color: var(--color-icon-hover);
            }

    .menu-principal li .icon[b-prxd55o2xv] {
        color: var(--text-color);
        transition: var(--tran-02);
    }

    .menu-principal li.text[b-prxd55o2xv] {
        color: var(--text-color);
        transition: var(--tran-02);
    }

    .menu-principal li .icon[b-prxd55o2xv] {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 60px;
        font-size: 20px;
    }

    .menu-principal li .active[b-prxd55o2xv] {
        background: var(--icons-nav-bg-active);
    }

        .menu-principal li .active .icon[b-prxd55o2xv] {
            color: var(--color-icon-hover);
        }

        .menu-principal li .active .text[b-prxd55o2xv] {
            color: var(--color-icon-hover);
        }

.menu-principal .menu-bar[b-prxd55o2xv] {
    height: calc(100% - 50px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.bottom-content[b-prxd55o2xv] {
    margin-bottom: 15px;
}


.icon-img[b-prxd55o2xv] {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.menu-principal:not(.close) .nav-link[b-prxd55o2xv] {
    display: flex;
    align-items: center;
    padding-left: 10px;
    gap: 10px;
}

.menu-principal:not(.close) .icon-img[b-prxd55o2xv] {
    margin: 0;
}

.menu-principal.close .nav-link[b-prxd55o2xv] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-principal.close .icon-img[b-prxd55o2xv] {
    margin: 0 auto;
}

.nav-link.active[b-prxd55o2xv] {
    background: var(--icons-nav-bg-active);
}

    .nav-link.active .text[b-prxd55o2xv] {
        color: var(--color-icon-hover);
    }

.home[b-prxd55o2xv] {
    background-image: url("./assests/icon-home-menu.svg");
}

.nav-link:hover .home[b-prxd55o2xv],
.nav-link.active .home[b-prxd55o2xv] {
    background-image: url("./assests/icon-home-menu-hover.svg");
}

.diario-classe[b-prxd55o2xv] {
    background-image: url("./assests/icon-diario-classe-menu.svg");
}

.nav-link:hover .diario-classe[b-prxd55o2xv],
.nav-link.active .diario-classe[b-prxd55o2xv] {
    background-image: url("./assests/logo-diario-classe-home.svg");
}

.mural-aviso[b-prxd55o2xv] {
    background-image: url("./assests/icon-mural-aviso-menu.svg");
}

.nav-link:hover .mural-aviso[b-prxd55o2xv],
.nav-link.active .mural-aviso[b-prxd55o2xv] {
    background-image: url("./assests/logo-mural-aviso-home.svg");
}

.relatorios[b-prxd55o2xv] {
    background-image: url("./assests/icon-relatorio-menu.svg");
}

.nav-link:hover .relatorios[b-prxd55o2xv],
.nav-link.active .relatorios[b-prxd55o2xv] {
    background-image: url("./assests/logo-relatorio-home.svg");
}

.mensagens[b-prxd55o2xv] {
    background-image: url("./assests/icon-mensagem-menu.svg");
}

.nav-link:hover .mensagens[b-prxd55o2xv],
.nav-link.active .mensagens[b-prxd55o2xv] {
    background-image: url("./assests/icon-mensagem-menu-hover.svg");
}

.token-atividades[b-prxd55o2xv] {
    background-image: url("./assests/icon-token-atividade-menu.svg");
}

.nav-link:hover .token-atividades[b-prxd55o2xv],
.nav-link.active .token-atividades[b-prxd55o2xv] {
    background-image: url("./assests/logo-token-atividade-home.svg");
}

.atalho-documentos[b-prxd55o2xv] {
    background-image: url("./assests/icon-documento-menu.svg");
}

.nav-link:hover .atalho-documentos[b-prxd55o2xv],
.nav-link.active .atalho-documentos[b-prxd55o2xv] {
    background-image: url("./assests/logo-documento-home.svg");
}

.jornada-efape[b-prxd55o2xv] {
    background-image: url("./assests/icon-jornada-efape.svg");
}

.nav-link:hover .jornada-efape[b-prxd55o2xv],
.nav-link.active .jornada-efape[b-prxd55o2xv] {
    background-image: url("./assests/icon-efape.svg");
}

.configuracao[b-prxd55o2xv] {
    background-image: url("./assests/icon-configuracoes-menu.svg");
}

.sair[b-prxd55o2xv] {
    background-image: url("./assests/icon-sair-menu.svg");
}

.nav-link:hover .sair[b-prxd55o2xv],
.nav-link.active .sair[b-prxd55o2xv] {
    background-image: url("./assests/icon-sair-menu-hover.svg");
}

    .nav-link:hover .sair + .text.nav-text[b-prxd55o2xv] {
        color: #940207;
    }


.item-link[b-prxd55o2xv] {
    position: relative;
}

.tooltip-custom[b-prxd55o2xv] {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #1565D8;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 1000;
}

.search-item[b-prxd55o2xv] {
    padding: 0px;
}

.search-box[b-prxd55o2xv] {
    display: flex;
    align-items: center;
    background: #f7f9fc;
    border-radius: 8px;
    padding: 6px 10px;
    border: 1px solid #e0e0e0;
    width: 100%;
}

    .search-box i[b-prxd55o2xv] {
        color: #999;
        margin-right: 8px;
    }

.search-input[b-prxd55o2xv] {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    color: #333;
}

    .search-input[b-prxd55o2xv]::placeholder {
        color: #aaa;
    }


@media only screen and (max-width: 576px) {
    .menu-principal.close[b-prxd55o2xv] {
        left: -84px;
    }
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Layout/TokenAtividadesLayout.razor.rz.scp.css */
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/DiarioClasse/Relatorios/RelatorioFrequenciaRegistroAulaDetalhes.razor.rz.scp.css */
.div-relatorio-detalhes[b-rooa5mthf1] {
    padding-top: 1rem;
}

.filtros[b-rooa5mthf1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/Home.razor.rz.scp.css */

.boas-vindas[b-nse8y864fu] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1rem;
}

.boas-vindas-infos[b-nse8y864fu]{
    display: flex;
    flex-direction: column;
}

.boas-vindas-perfil[b-nse8y864fu]{
    display: flex;
    flex-direction: column;
}

.boas-vindas-perfil p[b-nse8y864fu] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-top: 0;
    margin-bottom: 0rem;
}

.boas-vindas-perfil a[b-nse8y864fu] {
    text-decoration: underline;
}

.div-box[b-nse8y864fu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* flex-wrap: wrap;*/
    gap: 28px;
    margin-top: 20px;
}
@media only screen and (max-width: 768px) {
    .div-box[b-nse8y864fu] {
        grid-template-columns: repeat(2, 1fr);
    }
}
.box-parceiros[b-nse8y864fu] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*max-width: 277px;*/
    height: 160px;
    border-radius: 17px;
    border: 1.7px solid var(--color-gray-300);
    background-color: var(--color-white);
    text-decoration: none;
    text-align: center;
}

.box-parceiros:hover[b-nse8y864fu] {
    background-color: var(--hover-box);
}

.contrast .box-parceiros[b-nse8y864fu] {
    background-color: var(--color-black);
}

.contrast .box-parceiros:hover[b-nse8y864fu] {
    background-color: var(--color-black-900);
}

.alterar-escola[b-nse8y864fu] {
    max-width: 51px;
    width: 100%;
}
/*CONTEUDO DA PAGINA HOME BOX´S*/
.conteudo-box[b-nse8y864fu] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /*    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-wrap: wrap;*/
    gap: 2.1rem;
    & .box-item{
        display: flex;
        /*max-width: 304px;*/
        width: 100%;
        height: 13.803rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.06175rem;
        border-radius: 1.06175rem;
        border: 1.699px solid var(--CorBorda, #C1C9D8);
        background-color: var(--MenusHome-bg, #FFF);
        background-position:center center;
        background-repeat:no-repeat;
    &:hover{
        border-radius: 1.06175rem;
        border: 1.699px solid var(--hover-borda, rgba(22, 47, 103, 0.67));
        background-color: var(--hover-bg, #F5F9FF);
        }
    }
}


@media only screen and (max-width: 1366px) {
    .conteudo-box[b-nse8y864fu] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        & .box-item{
            /*max-width: 259.3px;*/
            width: 100%;
            height: 13.803rem;
        }
    }

}

@media (max-width: 992px) {
    .notification-container[b-nse8y864fu] {
        padding: 14px;
    }

    .notification-number[b-nse8y864fu] {
        font-size: 36px;
    }

    .notification-text[b-nse8y864fu] {
        font-size: 16px;
    }

    .arrow-icon[b-nse8y864fu] {
        width: 28px;
        height: 28px;
    }

        .arrow-icon i[b-nse8y864fu] {
            font-size: 13px;
        }
}


@media only screen and (max-width: 820px) {
    .conteudo-box[b-nse8y864fu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        & .box-item

    {
        /*max-width: 259.3px;*/
        width: 100%;
        height: 13.803rem;
    }
    
    }
}


@media only screen and (max-width: 800px) {
    .conteudo-box[b-nse8y864fu] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        & .box-item{
            /*max-width: 259.3px;*/
            width: 100%;
            height: 13.803rem;
        }
    }
    .cards-container[b-nse8y864fu] {
        display: flex;
        width: 100%;
    }

   
}

/* Telas pequenas (smartphones ou monitores pequenos) */
@media (max-width: 576px) {
    .notification-container[b-nse8y864fu] {
        padding: 12px;
        border-radius: 10px;
    }

    .notification-header[b-nse8y864fu] {
        flex-direction: row;
        align-items: flex-start;
    }

    .notification-number[b-nse8y864fu] {
        font-size: 28px;
    }

    .notification-text[b-nse8y864fu] {
        font-size: 14px;
    }

    .arrow-icon[b-nse8y864fu] {
        width: 26px;
        height: 26px;
    }

        .arrow-icon i[b-nse8y864fu] {
            font-size: 12px;
        }
}


@media only screen and (max-width: 430px) {
    .boas-vindas[b-nse8y864fu] {
        flex-direction: column;
    }

    .boas-vindas-perfil p[b-nse8y864fu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .conteudo-box[b-nse8y864fu] {
        gap: 1rem;
        & .box-item
        {
            /*max-width: 172px;*/
            width: 100%;
            height: 9.803rem;
        }
     }

   
}

/* LOGO DOS ITEM BOX*/
.diario-classe[b-nse8y864fu]{
    background-image:url(./assests/logo-diario-classe.svg);
}
.mural-aviso[b-nse8y864fu] {
    background-image: url(./assests/logo-mural-aviso.svg);
}
.relatorios[b-nse8y864fu] {
    background-image: url(./assests/logo-relatorios.svg);
}
.pro-ponto[b-nse8y864fu] {
    background-image: url(./assests/logo-pro-ponto.svg);
}
.conviva[b-nse8y864fu] {
    background-image: url(./assests/logo-conviva.svg);
}
.portal-rh[b-nse8y864fu] {
    background-image: url(./assests/logo-portal-rh.svg);
}
.token-atividades[b-nse8y864fu] {
    background-image: url(./assests/logo-token-atividades.svg);
}


.notification-container[b-nse8y864fu] {
    background-color: white;
    border: none;
    border-radius: 10px;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

    .notification-container:hover[b-nse8y864fu] {
        background-color: #E7F0FC;
        transform: translateY(-5px);
    }

/* Linha superior com número e seta */
.notification-header[b-nse8y864fu] {
    display: flex;
    justify-content: space-between; /* número à esquerda e seta à direita */
    align-items: center;
    width: 100%;
}

/* Bolinha da seta */
.arrow-icon[b-nse8y864fu] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #F3F7FB;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .arrow-icon i[b-nse8y864fu] {
        color: #1565D8;
        font-size: 16px;
    }

/* Número grande */
.notification-number[b-nse8y864fu] {
    font-family: 'Open Sans', sans-serif;
    font-size: 42px;
    font-weight: 800;
    color: #55585D;
}

/* Texto abaixo */
.notification-text[b-nse8y864fu] {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #606878;
    margin-top: 4px;
}

.documentos[b-nse8y864fu] {
    background-image: url(./assests/logo-documentos.svg);
}
.token-atividades[b-nse8y864fu] {
    background-image: url(./assests/logo-token-atividades.svg);
}


.ola[b-nse8y864fu] {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    /*font-weight: 500;*/
    line-height: normal;
    /*letter-spacing: 0.16px;*/
    color: #22435d;
}
.ola-servidor[b-nse8y864fu] {
    font-family: 'Open Sans', sans-serif !important;
    /*font-size: 20px;*/
    font-style: normal;
    /*font-weight: 600;*/
    line-height: normal;
    /*letter-spacing: 0.2px;*/
    color: #22435d;
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/JornadaEfape/Home/JornadaEfapeHome.razor.rz.scp.css */
.icon-efape[b-te937bxbbi] {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(./assests/icon-efape.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}


.icon-planejamento-aula[b-te937bxbbi] {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(./assests/icon-planejamento-aula.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.icon-escola-gestao[b-te937bxbbi] {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(./assests/icon-escola-gestao.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.icon-cardapio-formativo[b-te937bxbbi] {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(./assests/icon-cardapio-formativo.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.box-item[b-te937bxbbi] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; /* ou cover */
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/Login/Login.razor.rz.scp.css */
@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.woff') format('woff'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.ttf') format('truetype'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.svg#webfonti8hol64m') format('svg');
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.woff') format('woff'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.ttf') format('truetype'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.svg#webfontGBXJYuuM') format('svg');
}

p[b-v42djhstmr] {
    font-size: 14px;
}

a[b-v42djhstmr] {
    font-size: 14px;
}

.row[b-v42djhstmr] {
    margin: 0;
}

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

    .section#govsp-rodape[b-v42djhstmr] {
        min-height: 0px !important;
    }

    .container.rodape[b-v42djhstmr] {
        margin-top: 30px !important;
    }

    .container-info[b-v42djhstmr] {

        width: 25% !important;
    }

    #conteudo[b-v42djhstmr] {
        height: calc(100vh - 100px) !important;
    }
}

@media screen and (max-width: 980px) {
    .container-info[b-v42djhstmr] {
        max-width: 27rem !important;
        width: 100% !important;
        padding: 0.5rem !important;
    }

    #conteudo[b-v42djhstmr] {
        height: calc(100vh - 100px) !important;
    }
}

@media screen and (max-width: 780px) {
    #conteudo[b-v42djhstmr] {
        height: calc(100vh - 160px) !important;
    }

    .container-info[b-v42djhstmr] {
        display: block !important;
        padding: 40px !important;
        flex-wrap: nowrap !important;
    }

    section#govsp-rodape[b-v42djhstmr] {
        margin-top: 0px !important;
    }

    .container.rodape[b-v42djhstmr] {
        margin-top: -40px !important;
    }
}


.servidor[b-v42djhstmr] {
    color: var(--cones-Sistema-Texto-Ttulo-pgina, #183B56);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: 0.18px;
    text-align: left;
    margin-bottom: 30px; /* Espaçamento entre textos */
}

.texto1[b-v42djhstmr]{
    color: var(--cones-Sistema-Texto-Texto-normal, #55585D);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 20.8px */
    margin-bottom: 30px; /* Espaçamento entre textos */
}

.texto2[b-v42djhstmr] {
    color: var(--cones-Sistema-Texto-Texto-normal, #55585D);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
    margin-top: 25px; /* Espaçamento entre textos */
}

.texto3[b-v42djhstmr] {
    color: #1565D8;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    margin-bottom: 25px; /* Espaçamento entre textos */
    cursor: pointer;
}

.texto4[b-v42djhstmr] {
    color: var(--cones-Sistema-Texto-Texto-normal, #55585D);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 20.8px */
}

.texto5[b-v42djhstmr] {
    color: var(--cones-Sistema-Texto-Texto-normal, #55585D);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 18.2px */
}

.container-info[b-v42djhstmr] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    padding: 40px;
    gap: 50px;
    max-width: 874px;
}

.left[b-v42djhstmr] {
    max-width: 300px;
}

.right[b-v42djhstmr] {
    max-width: 350px;
    text-align: center; /* Centraliza textos e elementos */
}

.btn-store-container[b-v42djhstmr] {
    display: flex;
    gap: 20px; /* Espaçamento entre os botões */
    justify-content: center; /* Centraliza os botões horizontalmente */
    flex-wrap: wrap; /* Permite quebrar linha em telas menores */
    margin-top: 20px;
}

.btn-store[b-v42djhstmr] {
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: bold;
}

.btn-img[b-v42djhstmr] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    filter: brightness(0) invert(1);
}
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/Login/LoginAlternativo.razor.rz.scp.css */
@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.woff') format('woff'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.ttf') format('truetype'), url('https://sedseecdn.azureedge.net/fonts/aller_bd-webfont.svg#webfonti8hol64m') format('svg');
}

@font-face {
    font-family: 'Open Sans', sans-serif;
    src: url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.woff') format('woff'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.ttf') format('truetype'), url('https://sedseecdn.azureedge.net/fonts/aller_rg-webfont.svg#webfontGBXJYuuM') format('svg');
}

p[b-g6urvt0cnj] {
    font-size: 14px;
}

a[b-g6urvt0cnj] {
    font-size: 14px;
}

.row[b-g6urvt0cnj] {
    margin: 0;
}

.div-login[b-g6urvt0cnj] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.box-login[b-g6urvt0cnj] {
    background-color: #fff;
    box-shadow: 0px 2.571px 12.856px 0px rgba(0, 0, 0, 0.06);
    border-radius: 13.714px;
    padding: 1.5rem;
    width: 20%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.div-logo[b-g6urvt0cnj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    & .logo

{
    background-image: url(./assests/logo-sala-do-futuro.png);
    background-color: transparent;
    width: 178px;
    height: 51px;
}

& .logo-govbr-footer[b-g6urvt0cnj] {
    background-image: url(./assests/logo-sp-gov-br.svg);
    background-color: transparent;
    width: 126px;
    height: 19px;
}

}

.aviso-login[b-g6urvt0cnj] {
    padding: 0.5rem;
    text-align: center;
}

.form-login[b-g6urvt0cnj] {
    max-width: 27rem;
    width: 100%;
    padding: 0.5rem;
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.div-esqueci-senha[b-g6urvt0cnj] {
    display: flex;
    justify-content: end;
}

.div-primeiro-acesso[b-g6urvt0cnj] {
    display: flex;
    justify-content: center;
    text-align: center;
}

.div-suporte[b-g6urvt0cnj] {
    margin-top: 10px;
}

.btnPerfil[b-g6urvt0cnj] {
    padding: 0.2rem;
    border-radius: 15px;
}
@media screen and (max-width: 1180px) {
    .box-login[b-g6urvt0cnj] {
        width: 25%;
    }
}
@media screen and (max-width: 980px) {
        .box-login[b-g6urvt0cnj] {
            max-width: 27rem;
            width: 100%;
            padding: 0.5rem;
        }

        .logo[b-g6urvt0cnj] {
            text-align: center;
            height: auto;
        }

            .logo img[b-g6urvt0cnj] {
                width: 80%;
            }

        .aviso-login[b-g6urvt0cnj] {
            padding-bottom: 0;
        }

            .aviso-login p[b-g6urvt0cnj] {
                margin-bottom: 0;
            }
    }

    .btn_gov_br[b-g6urvt0cnj] {
        font-size: 16px;
        font-weight: 600;
        line-height: 2rem;
        text-align: center;
        color: #FFFFFF;
        display: flex;
        padding: 0.3rem 1rem;
        justify-content: center;
        align-items: center;
        gap: 0.8rem;
        border-radius: 1.25rem;
        background: #1351B4;
        text-decoration: none;
    }

        .btn_gov_br:hover[b-g6urvt0cnj] {
            background-image: linear-gradient(rgba(255,255,255, 0.3), rgba(255,255,255, 0.3));
        }

    section#govsp-rodape[b-g6urvt0cnj] {
        margin-top: 0px !important;
    }

    @media screen and (max-width: 780px) {
        section#govsp-rodape[b-g6urvt0cnj] {
            margin-top: 0px !important;
        }
    }
/* _content/Seduc.DiarioClasse.Client.UI/Components/Pages/Relatorios/Home/HomeRelatorios.razor.rz.scp.css */
.conteudo-box-relatorio[b-a21jc6s5sv] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.1rem;
}

    /* Estilo base dos cards */
    .conteudo-box-relatorio .box-item[b-a21jc6s5sv] {
        display: flex;
        width: 100%;
        height: 13.803rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 1.06175rem;
        border-radius: 1.06175rem;
        border: 1.699px solid var(--CorBorda, #C1C9D8);
        background-color: var(--MenusHome-bg, #FFF);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain; /* garante responsividade */
        transition: all 0.2s ease-in-out; /* animação suave no hover */
    }

        /* Hover */
        .conteudo-box-relatorio .box-item:hover[b-a21jc6s5sv] {
            border: 1.699px solid var(--hover-borda, rgba(22, 47, 103, 0.67));
            background-color: var(--hover-bg, #F5F9FF);
        }


.relatorio-tarefas-sp-reg-aula[b-a21jc6s5sv] {
    width: 40px;
    height: 40px;
    display: block;
    background-image: url(./assests/icone-titulo-rel-tarefa-reg-aulas.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

.box-item[b-a21jc6s5sv] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; /* ou cover */
}

/* Até 1366px */
@media only screen and (max-width: 1366px) {
    .conteudo-box-relatorio[b-a21jc6s5sv] {
        grid-template-columns: repeat(4, 1fr);
    }

        .conteudo-box-relatorio .box-item[b-a21jc6s5sv] {
            max-width: 259.3px;
            width: 100%;
            height: 13.803rem;
        }
}

@media only screen and (max-width: 992px) {
    .conteudo-box-relatorio[b-a21jc6s5sv] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Entre 430px e 1280px */
/*@media only screen and (max-width: 1280px) and (min-width: 800px) {
    .conteudo-box-sub {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        & .box-item

{
    width: 100% !important;
    height: 6.803rem !important;
}

}
}*/

/* Até 800px */
@media only screen and (max-width: 800px) {
    .conteudo-box-relatorio[b-a21jc6s5sv] {
        grid-template-columns: repeat(2, 1fr);
    }

        .conteudo-box-relatorio .box-item[b-a21jc6s5sv] {
            width: 100%;
            height: 13.803rem;
        }

    /* .conteudo-box-sub {
        display: grid !important;
        grid-template-columns: repeat(1, 1fr) !important;
        & .box-item {
         width: 100% !important;
         height: 6.803rem !important;
         }
    }*/
}

/* Até 430px */
@media only screen and (max-width: 430px) {
    .conteudo-box-relatorio[b-a21jc6s5sv] {
        gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }

        .conteudo-box-relatorio .box-item[b-a21jc6s5sv] {
            width: 100%;
            height: 9.803rem;
        }
}


/*CONTEUDO DA PAGINA HOME BOX´S*/
/*.conteudo-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.1rem;
    & .box-item

{
    display: flex;*/
/*max-width: 304px;*/
/*width: 100%;
    height: 13.803rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.06175rem;
    border-radius: 1.06175rem;
    border: 1.699px solid var(--CorBorda, #C1C9D8);
    background-color: var(--MenusHome-bg, #FFF);
    background-position: center center;
    background-repeat: no-repeat;
    &:hover

{
    border-radius: 1.06175rem;
    border: 1.699px solid var(--hover-borda, rgba(22, 47, 103, 0.67));
    background-color: var(--hover-bg, #F5F9FF);
}

}
}*/

/*.conteudo-box-sub {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.1rem;
    & .box-item

{
    display: flex;
    width: 100%;
    height: 6.803rem;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1.06175rem;
    border-radius: 1.06175rem;
    background-color: var(--MenusHome-bg, #FFF);
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center;
    text-decoration: none;
    color: inherit;
    padding-left: 2rem;
    line-height: 1.2rem;
    &:hover

{
    border-radius: 1.06175rem;
    border: 1.699px solid var(--hover-borda, rgba(22, 47, 103, 0.67));
    background-color: var(--hover-bg, #F5F9FF);
}

}
}*/

/*.cards-container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2.1rem;
    margin-bottom: 2.1rem;
}*/
/* _content/Seduc.DiarioClasse.Client.UI/Components/Shareds/AppToast.razor.rz.scp.css */
.myapp-toast-container[b-onaeohgn8q] {
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    position: fixed;
    top: 155px;
    right: 5px;
    min-width: 250px;
    z-index: 1050;
    opacity: 1;
    animation: fadeIn-b-onaeohgn8q 0.3s ease-in-out;
}

.myapp-toast-icon i[b-onaeohgn8q] {
    font-size: 20px;
}

.myapp-toast-content[b-onaeohgn8q] {
    flex: 1;
}

.myapp-toast-close[b-onaeohgn8q] {
    background: transparent;
    border: none;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    position: absolute; 
    top:0px;
    right: 0px;
    line-height: 1;
    transform: rotate(90deg); 
}

.myapp-toast-success[b-onaeohgn8q] {
    background-color: #15B957;
}

.myapp-toast-error[b-onaeohgn8q] {
    background-color: #dc3545;
}

.myapp-toast-warning[b-onaeohgn8q] {
    background-color: #ffc107;
    color: #000;
}

@keyframes fadeIn-b-onaeohgn8q {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}


@media(max-width:576px){
    .myapp-toast-container[b-onaeohgn8q] {
        top: 136px;
    }
}

/* _content/Seduc.DiarioClasse.Client.UI/Components/Shareds/PopupPerfil.razor.rz.scp.css */

@media only screen and (max-width: 800px) {
    .perfil-container[b-m67a2k3mn1] {
        gap: 0px !important;
        height: 38px !important;
        width: 38px !important;
        background-color: transparent !important;
    }

    .perfil-info[b-m67a2k3mn1] {
        display: none !important;
    }

    .popup-inline[b-m67a2k3mn1] {
        position: fixed !important;
        top: 340px !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin-top: 0 !important;
        width: 90% !important;
        max-width: 400px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
    }

    .avatar-circle[b-m67a2k3mn1] {
        height: 38px !important;
        width: 38px !important;
        box-shadow: 0px 1px 4.7px 0px rgba(0, 0, 0, 0.25);
    }
}

.perfil-wrapper[b-m67a2k3mn1] {
    position: relative;
    display: inline-block;
}

.perfil-container[b-m67a2k3mn1] {
    position: relative;
    display: flex;
    height: 60px;
    align-items: center;
    gap: 10px;
    width: 290px;
    cursor: pointer;
    border-radius: 20px;
    z-index: 100; /* acima do blur */
    background-color: white;
}

    .perfil-container:hover[b-m67a2k3mn1] {
        opacity: 0.8;
        box-shadow: 0px 0.5px 4.7px 0px rgba(0, 0, 0, 0.15);
    }

.avatar-circle[b-m67a2k3mn1] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px; /* mesma largura e altura */
    height: 55px;
    border-radius: 50%; /* torna o botão perfeitamente circular */
    background: radial-gradient(194.49% 194.49% at 25% 6.25%, #F6E4FF 0%, #EAF1FE 48.99%, #FFF 100%);
}

.perfil-info[b-m67a2k3mn1] {
    display: flex;
    flex-direction: column;
}

.perfil-nome[b-m67a2k3mn1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.perfil-nome-text[b-m67a2k3mn1] {
    color: #304869;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 16px */
    text-align: left;
    padding: 3px;
    width: 180px;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.escola-nome[b-m67a2k3mn1] {
    overflow: hidden;
    color: var(--cones-Sistema-Texto-Ttulo-pgina, #183B56);
    text-align: left;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 100%; /* 16px */
    letter-spacing: -0.48px;
    padding: 3px;
    border-radius: 100px;
    background: var(--Boto-Fundo-Nav-Hover, #F6F9FD);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px;
}

.nome-troca-perfil[b-m67a2k3mn1] {
    color: var(--cones-Gerais-Azul-Marinho30, #303969);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 0.16px;
    text-transform: uppercase;
}

.popup-inline[b-m67a2k3mn1] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 2px;
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 100;
    min-width: 300px;
    max-height: 60vh;
    transition: transform 0.6s ease, opacity 0.6s ease;
}

/* Estado inicial: escondido acima */
.popup-enter[b-m67a2k3mn1] {
    transform: translateY(-10px);
    opacity: 0;
}

/* Estado final: visível */
.popup-enter-active[b-m67a2k3mn1] {
    transform: translateY(0);
    opacity: 1;
}

/* Estado inicial para fechar */
.popup-leave[b-m67a2k3mn1] {
    transform: translateY(0);
    opacity: 1;
}

/* Estado final ao fechar */
.popup-leave-active[b-m67a2k3mn1] {
    transform: translateY(-10px);
    opacity: 0;
}


.popup-buttons[b-m67a2k3mn1] {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ccc;
}

.seta-icon[b-m67a2k3mn1] {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    transition: transform 0.3s ease;
}

    .seta-icon.aberta[b-m67a2k3mn1] {
        transform: rotate(180deg);
    }

    .seta-icon.fechada[b-m67a2k3mn1] {
        transform: rotate(0deg);
    }
/* _content/Seduc.DiarioClasse.Client.UI/Components/Shareds/Stories.razor.rz.scp.css */
.stories-wrapper[b-43uzqnyzjy] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 100%; /* Adicionado */
    max-width: 100%; /* Adicionado */
    overflow: visible; /* Adicionado */
}

.stories-container[b-43uzqnyzjy] {
    display: flex;
    flex-direction: column;
    width: 100%; /* Garante que o contêiner não limite o scroll */
}

.stories-title[b-43uzqnyzjy] {
    color: var(--cones-Sistema-Texto-Subttulo, #304869);
    text-align: left;
    font-size: 16px;
    font-style: normal;
    /* font-weight: 300; */
    line-height: 110%; /* 15.4px */
    margin: 0px !important;
}


.scroll-btn[b-43uzqnyzjy] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    /* background-color: transparent; */
    border: none;
    font-size: 20px;
    /* cursor: pointer; */
    color: #1565d8;
    background: #f3f7fb;
    gap: 5px;
    padding: 8px;
    display: flex; /* Adicionado */
    align-items: center; /* Centraliza verticalmente */
    justify-content: center; /* Centraliza horizontalmente */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    z-index: 10; /* Valor alto para ficar acima de tudo */
    pointer-events: auto; /* Garante que o botão receba eventos */
}

    .scroll-btn span[b-43uzqnyzjy] {
        width: 16px;
        height: 16px;
        padding: 5px 2px;
        opacity: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -2px;
    }

    .scroll-btn.left[b-43uzqnyzjy] {
        position: absolute;
        left: -13px;
        top: 44%;
        transform: translate(-10%, -50%);
        z-index: 10;
    }

    .scroll-btn.right[b-43uzqnyzjy] {
        position: absolute;
        right: -1px;
        top: 44%;
        transform: translate(50%, -50%);
        z-index: 10;
    }

.stories-scroll[b-43uzqnyzjy] {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    padding: 10px;
    width: 100%;
    gap: 15px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    /* WebKit (Chrome, Edge, Safari) */
    .stories-scroll[b-43uzqnyzjy]::-webkit-scrollbar {
        display: none; /* Chrome, Safari e Opera - esconde scrollbar */
    }

.story-item[b-43uzqnyzjy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    text-align: center;
    padding-right: 0; /* Alterado de 5px para 0 (o gap já cuida do espaçamento) */
    min-width: 80px; /* Adicionado largura mínima */
}

.story-circle[b-43uzqnyzjy] {
    display: flex;
    width: 70px;
    height: 70px;
    padding: 19px 13px 18.259px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    border: 3px solid;
    background-color: transparent;
}

.story-icon[b-43uzqnyzjy] {
    width: 32px;
    height: 32px;
}

.circle-nao-visualizado[b-43uzqnyzjy] {
    border-color: #1565d8;
}

.circle-visualizado[b-43uzqnyzjy] {
    border-color: #c1c9d8;
}

.story-caption[b-43uzqnyzjy] {
    color: #304869;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    /* font-weight: 300; */
    line-height: 110%; /* 15.4px */
    width: 80px;
    height: 30px;
    word-wrap: break-word; /* ou */
    overflow-wrap: break-word;
    white-space: normal;
    margin-top: 5px;
}


@media only screen and (max-width: 768px) {
    .stories-container[b-43uzqnyzjy] {
        padding-top: 15px;
    }
}


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

        .stories-container[b-43uzqnyzjy] {
            padding-top: 15px;
        }
    }
/* _content/Seduc.DiarioClasse.Client.UI/Components/Shareds/StoriesCarousel.razor.rz.scp.css */
.carousel-fullscreen[b-ugf8kh2wqt] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(6.099999904632568px);
}

.carousel[b-ugf8kh2wqt] {
    width: 500px;
    height: 695px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Garante que o conteúdo não ultrapasse os limites */
    z-index: 1000;
    background: transparent;
}

.carousel-inner[b-ugf8kh2wqt] {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding-left: 10.5%;
}

.carousel-item[b-ugf8kh2wqt] {
    width: 400px;
    height: 695px;
    justify-content: center;
    align-items: center;
    overflow: hidden; /* Evita que o conteúdo ultrapasse os limites */
    background: #111111;
    border-radius: 16px;
}

    .carousel-item img[b-ugf8kh2wqt] {
        display: block !important;
    }

    .carousel-item video[b-ugf8kh2wqt] {
        display: block !important;
        object-fit: contain; /* Faz o vídeo preencher o contêiner, cortando se necessário */
        /*background-color: #000;*/
    }

.carousel-image-wrapper[b-ugf8kh2wqt] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .carousel-image-wrapper img[b-ugf8kh2wqt] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    .carousel-image-wrapper video[b-ugf8kh2wqt] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

.carousel .erro[b-ugf8kh2wqt] {
    width: 400px;
    height: 695px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    background: #000;
    color: #fff;
}

.carousel-caption[b-ugf8kh2wqt] {
    position: absolute;
    top: 8px;
    left: 3.5%;
    text-align: left;
    color: #fff;
    background-color: transparent;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    line-height: 130%;
    letter-spacing: 0.16px;
    text-transform: uppercase;
}

/* Estilos compartilhados para todos os botões */
.btn-carousel[b-ugf8kh2wqt] {
    position: absolute;
    top: 24px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    border: none;
    z-index: 1100;
    cursor: pointer;
    transition: color 0.2s ease-in-out;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn-carousel:hover[b-ugf8kh2wqt] {
        color: #444;
    }

    .btn-carousel img[b-ugf8kh2wqt] {
        width: 20px; /* Tamanho fixo da imagem */
        height: 20px; /* Tamanho fixo da imagem */
        object-fit: contain; /* Garante que a imagem seja ajustada sem distorção */
    }

/* Botão de som */
.btn-sound[b-ugf8kh2wqt] {
    right: 26%;
}

/* Botão de play/stop */
.btn-play[b-ugf8kh2wqt] {
    right: 19%;
}

/* Botão de fechar */
.btn-fechar[b-ugf8kh2wqt] {
    right: 12%;
}

.carousel-content-wrapper[b-ugf8kh2wqt] {
    position: relative;
    width: 500px;
    height: 695px;
}

.video-error-message[b-ugf8kh2wqt] {
    width: 400px;
    height: 710px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 16px;
}


.btn-prev[b-ugf8kh2wqt] {
    position: absolute;
    left: -10px; /* Ajuste a distância do botão em relação ao slide */
    top: 50%; /* Centraliza verticalmente */
    transform: translateY(-50%); /* Ajusta o alinhamento vertical */
    z-index: 1100; /* Garante que o botão fique acima do slide */
    background: 0 0;
    width: 40px; /* Largura do botão */
    height: 40px; /* Altura do botão */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity .15s ease;
    border: none; /* Remove a borda */
    color: #fff;
    font-size: 2rem; /* Define o tamanho da fonte */
}


.btn-next[b-ugf8kh2wqt] {
    position: absolute;
    right: -10px; /* Ajuste a distância do botão em relação ao slide */
    top: 50%; /* Centraliza verticalmente */
    transform: translateY(-50%); /* Ajusta o alinhamento vertical */
    z-index: 1100; /* Garante que o botão fique acima do slide */
    background: 0 0;
    width: 40px; /* Largura do botão */
    height: 40px; /* Altura do botão */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: opacity .15s ease;
    border: none; /* Remove a borda */
    color: #fff;
    font-size: 2rem; /* Define o tamanho da fonte */
}

.custom-indicators[b-ugf8kh2wqt] {
    display: flex;
    gap: 6px;
    padding: 8px 0;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 370px; /* mesma largura do slide */
    z-index: 1001;
}

.indicator-wrapper[b-ugf8kh2wqt] {
    flex: 1;
    height: 4px;
    background-color: #555555;
    border-radius: 2px;
    overflow: hidden;
}


.indicator-bar[b-ugf8kh2wqt] {
    height: 100%;
    width: 0%;
    background-color: #1565d8;
    border-radius: 2px;
    animation-play-state: paused; /* Pausa a animação por padrão */
}

    .indicator-bar.passed[b-ugf8kh2wqt] {
        width: 100% !important;
    }

    .indicator-bar.active[b-ugf8kh2wqt] {
        animation-fill-mode: forwards;
        animation-play-state: running; /* Ativa a animação quando o slide está ativo */
    }