.elementor-25296 .elementor-element.elementor-element-4f45475 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;color:#690707;}.elementor-25296 .elementor-element.elementor-element-ecdec95{margin-top:49px;margin-bottom:0px;}.elementor-25296 .elementor-element.elementor-element-d19c17c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:600;color:#690707;}/* Start custom CSS for text-editor, class: .elementor-element-460b976 *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-35a4ed7 *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-3d72421 *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2f51f9b *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-8aeee8d *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-073aae6 *//* =========================================================
   CARD PROFESSOR — ESTILO MODERNO
   ========================================================= */

:root{
    --cor-primaria: #173f6f;
    --cor-texto: #111111;
    --cor-texto-sec: #7c7c7c;
    --cor-borda: #ececec;
    --cor-botao: #e7a2a2;
}

/* =========================================================
   CARD PRINCIPAL
   ========================================================= */

.prof-card{
    position: relative;
    width: 100%;


    overflow: hidden;

    background: #ffffff;
    border: 1px solid var(--cor-borda);
    border-radius: 34px;

    box-shadow:
        0 8px 30px rgba(0,0,0,.06),
        0 20px 45px rgba(0,0,0,.05);

    transition:
        transform .35s ease,
        box-shadow .35s ease;
}

/* Hover geral */

.prof-card:hover{
    transform: translateY(-6px);

    box-shadow:
        0 14px 35px rgba(0,0,0,.08),
        0 28px 60px rgba(0,0,0,.08);
}

/* =========================================================
   ÁREA DA FOTO
   ========================================================= */

.prof-photo{
    position: relative;

    width: 100%;
    height: 380px;

    overflow: hidden;

    background: #ffffff;
}

/* Imagens */

.prof-photo img{
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center top;

    transition:
        opacity .45s ease,
        transform .55s cubic-bezier(.22,.61,.36,1);
}

/* Foto principal */

.prof-photo img.photo-main{
    opacity: 1;
    z-index: 2;
}

/* Foto hover */

.prof-photo img.photo-hover{
    opacity: 0;
    z-index: 1;
    transform: scale(1);
}

/* =========================================================
   EFEITO HOVER NAS FOTOS
   ========================================================= */

.prof-card:hover .prof-photo img.photo-main{
    opacity: 0;
    transform: scale(1.04);
}

.prof-card:hover .prof-photo img.photo-hover{
    opacity: 1;
    transform: scale(1.08);
}

/* =========================================================
   DEGRADÊ BRANCO SOBRE A FOTO
   ========================================================= */

.prof-photo::after{
    content: "";

    position: absolute;

    left: 0;
    right: 0;
    bottom: -1px;

    height: 150px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.75) 55%,
        rgba(255,255,255,.95) 78%,
        #ffffff 100%
    );

    z-index: 5;

    pointer-events: none;
}

/* =========================================================
   ÁREA DAS INFORMAÇÕES
   ========================================================= */

.prof-info{
    position: relative;
    z-index: 10;

    margin-top: -55px;

    padding:
        0 28px 30px;

    display: flex;
    flex-direction: column;
    align-items: flex-start;

    text-align: left;
}

/* =========================================================
   NOME
   ========================================================= */

.prof-name{
    margin: 0;

    color: var(--cor-texto);

    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;

    letter-spacing: -0.5px;
}

/* =========================================================
   titulacao
   ========================================================= */

.prof-tit{
    margin-top: 6px;

    color: #570202;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   ÁREA
   ========================================================= */

.prof-area{
    margin-top: 6px;

    color: #c9c9c9;

    font-size: 1rem;
    font-weight: 500;
}

/* =========================================================
   EMAIL
   ========================================================= */

.prof-email{
    margin-top: 3px;

    color: #b5b5b5;

    font-size: .82rem;
    font-weight: 400;
}

/* =========================================================
   RESUMO
   ========================================================= */

.prof-summary{
    margin-top: 22px;
    text-align: justify;
    color: #666666;

    font-size: .88rem;
    line-height: 1.6;
}

/* =========================================================
   LINK PRODUÇÃO
   ========================================================= */

.prof-production{
    margin-top: 16px;

    color: #2f2f2f;

    font-size: .78rem;
    font-weight: 700;

    text-decoration: none;

    transition:
        opacity .2s ease,
        transform .2s ease;
}

.prof-production:hover{
    opacity: .7;
    transform: translateX(3px);
}

/* =========================================================
   BOTÕES
   ========================================================= */

.prof-links{
    width: 100%;

    display: flex;
    justify-content: center;
    gap: 16px;

    margin-top: 26px;
}

/* Botões individuais */

.prof-links a{
    display: flex;
    align-items: center;
    justify-content: center;

    width: 82px;
    height: 32px;

    border-radius: 999px;
    border: 1px solid var(--cor-botao);

    background: #ffffff;

    color: #d28888;

    font-size: .74rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        all .25s ease;
}

/* Hover botão */

.prof-links a:hover{
    background: #d28888;
    border-color: #d28888;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 8px 18px rgba(210,136,136,.28);
}

/* =========================================================
   RESPONSIVIDADE
   ========================================================= */

@media(max-width: 768px){

    .prof-card{
        max-width: 100%;
    }

    .prof-photo{
        height: 340px;
    }

    .prof-info{
        padding:
            0 22px 24px;
    }

    .prof-name{
        font-size: 1.7rem;
    }

    .prof-summary{
        font-size: .84rem;
    }

    .prof-links{
        gap: 10px;
        flex-wrap: wrap;
    }

    .prof-links a{
        width: 74px;
        height: 30px;
    }
}/* End custom CSS */