/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://neuronioonline.com.br/uspendocrinologia/
 Description: Tema filho do Hello Elementor
 Author:       Seu Nome
 Author URI:   https://neuronioonline.com.br/uspendocrinologia/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

/** {
    max-width: 100%;
}*/

@media (max-width: 1023px) {

    /* Mobile e tablet */
    body,
    html {
        overflow-x: hidden;
        /* impede o scroll horizontal */
        /*background-color: red;*/
        width: 100vw;
    }
}


/*RODAPE*/
.elementor-54 .elementor-element.elementor-element-7a73b15 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
.elementor-54 .elementor-element.elementor-element-7a73b15 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after,
.elementor-54 .elementor-element.elementor-element-9ade777 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after,
li a:after {
    display: none !important;
}

/*BOTOES DE COMPARTILHAR*/
.elementor-share-btn_linkedin {
    background: #0C8CAB !important;
}

.elementor-share-btn_email {
    background: #9AACCB !important;
}


/* ==========================
   PROJETOS DE PESQUISA
========================== */
.projetos-lista {
    width: 100%;
}

.projeto-item {
    display: flex;
    gap: 0;
    margin-bottom: 50px;
    position: relative;
    min-height: 400px;
    max-height: 500px;
}

.projeto-item.inverter {
    flex-direction: row-reverse;
}

.projeto-imagem {
    width: 50%;
    max-height: 500px;
    overflow: hidden;
}

.projeto-imagem img {
    width: 100%;
    height: 100%;
    max-height: 500px;
    object-fit: cover;
    display: block;
}

.projeto-conteudo {
    position: relative;
    width: 50%;
    background: #002855;
    padding: 30px;
    top: 45px;
    left: -25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 410px;
    z-index: 2;
    box-sizing: border-box;
}

.projeto-item.inverter .projeto-conteudo {
    right: -25px;
    left: inherit;
}

.projeto-conteudo h2 {
    font-family: "Literata", Sans-serif;
    color: #FFF;
    font-size: 28px;
    margin-bottom: 15px;
}

.projeto-ano {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9AACCB;
    margin-bottom: 15px;
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 16px;
}

.projeto-resumo {
    color: #9AACCB;
    font-family: "Source Sans Pro", Sans-serif;
    margin-bottom: 20px;
    flex-grow: 1;
    font-size: 20px;
    margin-top: 25px;
}

.projeto-botao {
    align-self: flex-start;
    padding: 10px 25px;
    background: #011B37;
    color: #FFF;
    text-decoration: none;
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 16px;
    transition: 0.2s;
    text-transform: uppercase;
}

.projeto-botao:hover {
    background: #FB7E00;
}

/* PAGINAÇÃO */
.projetos-paginacao {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.projetos-paginacao-centro {
    flex: 1;
    display: flex;
    justify-content: center;
    gap: 20px;
    text-transform: uppercase;
}

.projetos-paginacao-centro a {
    color: #9AACCB;
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.projetos-paginacao-centro a.disabled {
    opacity: .4;
    pointer-events: none;
}

.projetos-paginacao-direita {
    min-width: 220px;
    display: flex;
    justify-content: flex-end;
    color: #9AACCB;
    gap: 5px;
}

.pagina-numero {
    background: #FFF;
    color: #002855;
    font-weight: 600;
    padding: 3px 15px;
}

/* MOBILE – PROJETOS DE PESQUISA */
@media (max-width: 768px) {

    .projeto-item.inverter {
        flex-direction: column;
    }

    .projeto-item {
        flex-direction: column;
        min-height: auto;
        max-height: none;
        margin-bottom: 70px;
    }

    .projeto-imagem {
        width: 100%;
        max-height: 260px;
    }

    .projeto-imagem img {
        max-height: 260px;
    }

    .projeto-conteudo {
        width: 92%;
        margin: -40px auto 0 auto;
        left: 0;
        right: 0;
        top: 0;
        height: auto;
        padding: 25px 22px;
        border-radius: 6px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, .25);
    }

    .projeto-item.inverter .projeto-conteudo {
        margin: -40px auto 0 auto;
        right: 0;
    }

    .projeto-conteudo h2 {
        font-size: 22px;
        line-height: 1.3;
    }

    .projeto-resumo {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 15px;
    }

    .projeto-ano {
        font-size: 14px;
    }

    .projeto-botao {
        margin-top: 20px;
        width: 100%;
        text-align: center;
        padding: 14px 0;
    }

    /* PAGINAÇÃO */
    .projetos-paginacao {
        flex-direction: column;
        gap: 20px;
    }

    .projetos-paginacao-direita {
        justify-content: center;
        min-width: auto;
    }
}


/* ==========================
   PRODUÇÃO CIENTÌFICA
========================== */
/* BUSCA  */
.pc-search-container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.pc-search-wrap {
    width: 1088px;
    display: flex;
}

.pc-search-input {
    flex: 1;
    padding: 18px;
    border: none;
    font-size: 18px;
    font-family: "Source Sans Pro", Sans-serif;
}

.pc-search-btn {
    width: 60px;
    height: 60px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pc-search-container .pc-search-btn {
    padding: 0 !important;
}

.pc-search-btn img {
    width: 60px;
    max-width: 60px;
    height: 60px;
}

/* ================= FILTROS ================= */
.pc-filtros {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 35px;
    margin-bottom: 80px;
}

.pc-filtro-btn {
    background: #FFFFFF !important;
    color: #011B37;
    border-radius: 40px;
    padding: 5px 30px;
    font-size: 28px;
    font-family: "Source Sans Pro", Sans-serif;
    cursor: pointer;
    border: none;
    transition: .2s;
}
.pc-filtro-btn:hover {
    background-color: #FB7E00 !important;
}
.pc-filtro-btn.ativo {
    background: #FB7E00 !important;
    color: #FFF;
}

/* ================= LISTA ================= */
.pc-lista {
    width: 100%;
}

.pc-item {
    width: 100%;
    padding: 40px;
    background: #002855;
    margin-bottom: 20px;
    color: #FFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.pc-col-esquerda {
    width: 70%;
}

.pc-col-direita {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.pc-titulo {
    font-size: 32px;
    font-family: "Literata", Sans-serif;
}

.pc-meta {
    font-size: 20px;
    color: #9AACCB;
    margin-bottom: 10px;
    font-family: "Source Sans Pro", Sans-serif;
}

/* BOTÃO */
.pc-botao {
    padding: 15px 35px;
    background: #00234B;
    color: #FFF;
    font-size: 20px;
    border: none;
    cursor: pointer;
    font-family: "Source Sans Pro", Sans-serif;
}

.pc-botao:hover {
    background: #FB7E00;
}

/* ================= MENSAGEM VAZIA ================= */
.pc-nenhum {
    display: none;
    text-align: center;
    padding: 40px;
    font-size: 22px;
    color: #FFF;
    font-family: "Source Sans Pro", Sans-serif;
}

/* ================= POPUP ================= */
.pc-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.pc-popup-conteudo {
    background: #002855;
    max-width: 900px;
    max-height: 90vh;
    overflow: auto;
    padding: 50px;
    color: #FFF;
    position: relative;
}

.pc-popup-conteudo h2 {
    font-size: 32px;
    font-family: "Literata", Sans-serif;
}

.pc-popup-destaque-titulo {
    font-size: 24px;
    margin: 30px 0 10px;
}

.pc-popup-resumo {
    font-size: 18px;
    color: #9AACCB;
    margin-bottom: 30px;
}

.pc-fechar {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 26px;
    cursor: pointer;
}

/* MOBILE – PRODUÇÃO CIENTÍFICA */
@media(max-width:768px) {

    /* BUSCA */
    .pc-search-container {
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .pc-search-wrap {
        flex-direction: row;
    }

    .pc-search-input {
        font-size: 16px;
        padding: 14px;
    }

    .pc-search-btn {
        width: 50px;
        height: 50px;
    }

    .pc-search-btn img {
        width: 40px;
        height: 40px;
    }

    /* FILTROS */
    .pc-filtros {
        gap: 12px;
        margin-bottom: 40px;
        padding: 0 10px;
    }

    .pc-filtro-btn {
        font-size: 16px;
        padding: 6px 18px;
    }

    /* LISTA */
    .pc-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 25px;
        gap: 20px;
    }

    .pc-col-esquerda,
    .pc-col-direita {
        width: 100%;
    }

    .pc-titulo {
        font-size: 22px;
        line-height: 1.3;
    }

    .pc-meta {
        font-size: 15px;
    }

    /* BOTÃO */
    .pc-col-direita {
        justify-content: flex-start;
    }

    .pc-botao {
        width: 100%;
        text-align: center;
        font-size: 16px;
        padding: 14px 30px;
    }

    /* POPUP */
    .pc-popup-conteudo {
        padding: 25px;
        max-width: 95%;
    }

    .pc-popup-conteudo h2 {
        font-size: 24px;
    }

    .pc-popup-destaque-titulo {
        font-size: 20px;
    }

    .pc-popup-resumo {
        font-size: 16px;
    }

}


/* ==========================
   ALUMNI
========================== */
.alumni-busca {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.alumni-busca button {
    width: 130px;
    height: 60px;
    background: none;
    border: none;
    padding: 0;
    background: none !important;
}

.alumni-busca button:hover img {
    width: 125px;
}

.alumni-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 50px 0 100px 0;
    font-family: "Source Sans Pro", Sans-serif;
}

.alumni-item {
    background: #002855;
    padding: 40px 30px;
    display: flex;
    gap: 15px;
    position: relative;
    align-items: center;
    /* 👈 ISSO RESOLVE */
}


.alumni-item img.thumb {
    width: 130px;
    margin-right: 10px;
}

.alumni-info h3 {
    color: #FFF;
    font-size: 22px;
    margin: 0;
    font-family: "Literata", Sans-serif;
}

.alumni-cidade {
    color: #9AACCB;
    font-size: 18px;
    margin: 5px 0;
}

.alumni-funcao {
    color: #FB7E00;
    font-size: 18px
}

.alumni-saiba-mais {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 24px;
}

/* ===== POPUP ===== */
.alumni-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    align-items: center;
    justify-content: center;
}

.alumni-popup.ativo {
    display: flex;
}

.alumni-popup-content {
    background: #002855;
    max-width: 900px;
    width: 90%;
    padding: 40px;
    color: #FFF;
    position: relative;
    font-family: "Source Sans Pro", Sans-serif;
}

.alumni-popup-top {
    display: flex;
    gap: 20px;
}

.alumni-popup-top h2 {
    font-family: "Literata", Sans-serif;
}

.alumni-popup-top img {
    width: 200px
}

.alumni-divider {
    height: 1px;
    background: #9AACCB;
    margin: 25px 0;
}

.alumni-popup-resumo {
    color: #9AACCB
}

.alumni-popup-resumo a {
    color: #FB7E00
}

.alumni-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    cursor: pointer;
}

/* ===== PAGINAÇÃO ===== */
.alumni-paginacao {
    margin-top: 40px;
    display: flex;
    align-items: center;
}

.alumni-paginacao-centro {
    flex: 1;
    display: flex;
    justify-content: center;
}

.alumni-paginacao-centro a {
    color: #9AACCB;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 8px;
}

.alumni-paginacao-direita {
    min-width: 220px;
    display: flex;
    justify-content: flex-end;
    color: #9AACCB;
}

.pagina-numero {
    background: #FFF;
    color: #002855;
    margin: 0 5px;
    font-weight: 600;
    padding: 3px 20px;
}

.disabled {
    opacity: .4;
    pointer-events: none
}

/* ==========================
   MOBILE – ALUMNI
========================== */
@media(max-width:768px) {

    /* BUSCA */
    .alumni-busca {
        flex-direction: column;
        align-items: stretch;
        gap: 15px;
    }

    .alumni-busca button {
        width: 100%;
        height: 50px;
    }

    .alumni-busca button img {
        width: 50px;
        margin: auto;
        display: block;
    }

    /* GRID */
    .alumni-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin: 30px 0 60px 0;
    }

    /* ITEM */
    .alumni-item {
        padding: 25px;
        gap: 15px;
        align-items: flex-start;
    }

    .alumni-item img.thumb {
        width: 90px;
        margin-right: 0;
    }

    .alumni-info h3 {
        font-size: 18px;
        line-height: 1.3;
    }

    .alumni-cidade {
        font-size: 15px;
    }

    .alumni-funcao {
        font-size: 15px;
    }

    /* ÍCONE SAIBA MAIS */
    .alumni-saiba-mais {
        top: 10px;
        right: 10px;
        width: 22px;
    }

    /* POPUP */
    .alumni-popup-content {
        padding: 25px;
        width: 95%;
        max-height: 90vh;
        overflow: auto;
    }

    .alumni-popup-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .alumni-popup-top img {
        width: 120px;
    }

    .alumni-popup-top h2 {
        font-size: 22px;
    }

    .alumni-popup-resumo {
        font-size: 16px;
        line-height: 1.6;
    }

    /* PAGINAÇÃO */
    .alumni-paginacao {
        flex-direction: column;
        gap: 15px;
    }

    .alumni-paginacao-direita {
        justify-content: center;
        min-width: auto;
    }

    .pagina-numero {
        padding: 4px 16px;
    }
}


/* ==========================
    – AULAS & PÚBLICO LEIGO -
========================== */
.aulas-container {
    display: flex;
    gap: 2%;
    width: 100%;
    font-family: "Source Sans Pro", Sans-serif;
}

.aulas-esquerda {
    width: 30%;
    background: #002855;
    padding: 30px;
    color: #9AACCB;
}

.aulas-esquerda h1 {
    font-family: "Literata", Sans-serif;
    color: #FFF;
    font-size: 40px;
    margin-bottom: 30px;
}

.aulas-lista {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aulas-lista li {
    cursor: pointer;
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.2s;
}

.aulas-lista li span.numero {
    font-family: "Literata", Sans-serif;
    color: #FFF;
    font-weight: 500;
    font-size: 25px;
    width: 35px;
}

.aulas-lista li span.titulo {
    color: #9AACCB;
    font-size: 18px;
}

.aulas-lista li.ativo span.titulo {
    color: #FB7E00;
}

/* ===== CONTEÚDO DIREITA ===== */
.aulas-direita {
    width: 68%;
    background: #002855;
    padding: 30px 40px;
    color: #FFF;
    position: relative;
}

.aulas-direita h2 {
    font-family: "Literata", Sans-serif;
    font-size: 32px;
    margin-bottom: 15px;
}

.aulas-video-thumb {
    width: 100%;
    max-width: 700px;
    cursor: pointer;
    margin-bottom: 20px;
    border: 3px solid #FFF;
    transition: 0.2s;
}

.aulas-video-thumb:hover {
    border-color: #FB7E00;
}

.aulas-conteudo-completo {
    color: #9AACCB;
    font-family: "Source Sans Pro", Sans-serif;
    margin: 35px 0 80px 0;
}

.aulas-conteudo-completo h3 {
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #FFF;
}

/* BOTÃO PRÓXIMO */
.aulas-proximo {
    position: absolute;
    bottom: 20px;
    right: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color: #9AACCB;
}

.aulas-proximo img {
    width: 20px;
    height: 20px;
}

/* ===== POPUP ===== */
.aulas-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .8);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.aulas-popup-conteudo {
    background: #002855;
    max-width: 900px;
    width: 90%;
    padding: 30px;
    position: relative;
}

.aulas-popup-conteudo iframe {
    width: 100%;
    height: 500px;
}

.aulas-popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/* ==========================
   MOBILE – AULAS & PÚBLICO LEIGO
========================== */
@media(max-width:768px) {

    /* CONTAINER */
    .aulas-container {
        flex-direction: column;
        gap: 20px;
    }

    /* ESQUERDA (LISTA) */
    .aulas-esquerda {
        width: 100%;
        padding: 20px;
        order: 2;
        /* 👈 lista vai para baixo */
    }

    .aulas-esquerda h1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .aulas-lista li {
        padding: 12px 0;
    }

    .aulas-lista li span.numero {
        font-size: 20px;
        width: 28px;
    }

    .aulas-lista li span.titulo {
        font-size: 16px;
    }

    /* DIREITA (CONTEÚDO) */
    .aulas-direita {
        width: 100%;
        padding: 20px;
        order: 1;
        /* 👈 conteúdo vem primeiro */
    }

    .aulas-direita h2 {
        font-size: 24px;
        line-height: 1.3;
    }

    /* THUMB DO VÍDEO */
    .aulas-video-thumb {
        max-width: 100%;
        margin-bottom: 15px;
    }

    /* TEXTO */
    .aulas-conteudo-completo {
        margin: 25px 0 40px 0;
        font-size: 16px;
        line-height: 1.6;
    }

    .aulas-conteudo-completo h3 {
        font-size: 20px;
    }

    /* BOTÃO PRÓXIMO */
    .aulas-proximo {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 30px;
        justify-content: flex-end;
        font-size: 16px;
    }

    /* POPUP */
    .aulas-popup-conteudo {
        padding: 20px;
        width: 95%;
    }

    .aulas-popup-conteudo iframe {
        height: 220px;
    }

    .aulas-popup-close {
        width: 26px;
        height: 26px;
    }
}