/*
Theme Name: Facasper
Description: Tema para o site Faculdade Casper Libero
Author: FCL
Author URI: https://http://casperlibero.edu.br/
Version: 1.39
*/

html {
    scroll-behavior: smooth;
    background-color: #fff
}

@font-face {
    font-family: "Panton";
    font-weight: 400;
    src: url(./assets/fonts/desinign-v2/panton/Panton-Regular.ttf);
    font-display: swap
}

@font-face {
    font-family: "Panton";
    font-weight: 600;
    src: url(./assets/fonts/desinign-v2/panton/Panton-SemiBold.ttf);
    font-display: swap
}

@font-face {
    font-family: "Panton";
    font-weight: 700;
    src: url(./assets/fonts/desinign-v2/panton/Panton-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: "Helvetica";
    font-weight: 300;
    src: url(./assets/fonts/desinign-v2/helvetica/Helvetica_Light-Normal.ttf);
    font-display: swap
}

@font-face {
    font-family: "Helvetica";
    font-weight: 700;
    src: url(./assets/fonts/desinign-v2/helvetica/Helvetica-Bold.ttf);
    font-display: swap
}

@font-face {
    font-family: "Hand Of Sean";
    src: url(./assets/fonts/desinign-v2/hand-of-sean/HandOfSean.ttf);
    font-display: swap
}

.ft-padrao {
    font-family: "Panton", sans-serif;
}

.conteudo-geral-head h1,
.conteudo-geral-head .titulo {
    width: auto;
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: bold;
    color: #003162;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 0;
}


.site-conteudo .conteudo-into{
    padding-top: 0;
}


.btn {
    padding: 15px 35px;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    border: 0;
    margin: 15px 5px 0 0
}

.btn-lg {
    padding: 20px 40px;
    text-transform: uppercase;
    font-family: 'Panton';
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    border: 0
}


.btn-sm {
    padding: 12px 20px; 
    text-transform: uppercase;
    font-family: 'Panton';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
}


.btn-primary {
    background-color: #003162;
    border: 2px solid #003162
}


.btn-primary:hover {
    background-color: #003162;
    border: 2px solid #003162
}


.btn-secondary {
    background-color: #047df6;
    border: 2px solid #047df6
}


.btn-secondary:hover {
    background-color: #047df6;
    border: 2px solid #047df6
}


.btn-purple {
    background-color: #6500f3;
    color: #fff
}


.btn-purple:hover {
    background-color: #829da6;
    color: #fff
}


.btn-gray {
    background-color: #829da6;
    color: #fff
}


.btn-gray:hover {
    background-color: #6500f3;
    color: #fff
}


.btn-outline-primary {
    border: 2px solid #003162;
    color: #003162;
    background: transparent
}


.btn-outline-primary:hover {
    border: 2px solid #003162;
    color: #fff;
    background: #003162
}


.btn-outline-secondary {
    border: 2px solid #047df6;
    color: #047df6;
    background: transparent
}


.btn-outline-secondary:hover {
    border: 2px solid #047df6;
    color: #fff;
    background: #047df6
}


.btn-outline-purple {
    border: 2px solid #6500f3;
    color: #6500f3;
    background: transparent
}


.btn-outline-purple:hover {
    border: 2px solid #6500f3;
    color: #fff;
    background: #6500f3
}


.btn-outline-gray {
    border: 2px solid #829da6;
    color: #829da6;
    background: transparent
}


.btn-outline-gray:hover {
    border: 2px solid #829da6;
    color: #fff;
    background: #829da6
}


.btn-outline-light {
    border: 2px solid #fff;
    color: #fff;
    background: transparent
}


.btn-outline-light:hover {
    border: 2px solid #fff;
    color: #fff;
    background: #047df6
}

.ml-0 {
    margin-left: 0 !important
}


.d-grid {
    display: grid !important
}


.w-100 {
    width: 100% !important
}


.form-control {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #829da6;
    height: 50px;
    border-radius: 4px;
    background-color: #fff;
    padding: 14px 20px;
    font-family: "Panton";
    font-size: 16px;
    line-height: 24px;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #829da6
}


.form-control.select-box {
  appearance: none;
  background: #fff url(./template-parts/views/assets/img/design-v2/icones/arrow-down.svg) no-repeat right 12px center;
    background-size: auto;
  background-size: auto 10px;
  color: #829da6;
}

.wpcf7-submit {
    color: #fff;
    background-color: #003162;
    border: 1px solid #003162;
    justify-content: center;
    align-items: center;
    font-family: "Panton";
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: .5rem 1.5rem;
    line-height: 40px;
    font-size: 18px;
    transition: .25s all ease-in-out;
}

.wpcf7-submit.blue-light {
    background-color: #047df6;
    border-color: #047df6;
}

.wpcf7-submit.blue-light:hover {
    background-color: #046ed9;
    border-color: #046ed9;
}

.banner-vestibular .wpcf7-submit{
    width: 100%;
}

.banner-vestibular .wpcf7 form .wpcf7-response-output{
    margin-top: 0;
}

p,
.post-conteudo p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px
}


.screen-reader-response {
    display: none !important
}


.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
    color: #FFF;
    background-color: red !important;
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 12px
}


.screen-reader-response ul {
    padding-left: 20px;
    padding-top: 15px
}


.post-conteudo>figure,
.wp-caption {
    width: auto;
    margin: 0;
    margin-bottom: 40px;
    max-width: 100%;
}

.wp-caption.aligncenter,
figure.aligncenter,
img.aligncenter {
    margin: 0 auto;
    display: block;
}

.wp-caption.alignleft,
figure.alignleft,
img.alignleft {
    float: left;
    margin-right: 30px !important
}

.wp-caption.alignright,
figure.alignright,
img.alignright {
    float: right;
    margin-left: 30px !important
}


.wp-caption img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}


.wp-caption p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0
}


.wp-caption .wp-caption-text {
    padding: 20px !important
}

/*
.offcanvas-header {
    display: none
}
*/

.modal .modal-header {
    padding: 15px 20px
}


.modal .modal-header h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 0
}


.modal .modal-body {
    padding: 15px 20px
}


.menu-home,
.menu-sou-aluno,
.menu-vertibular {
    display: none
}


.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.wpcf7-list-item-label {
    margin-left: 10px !important;
    padding-left: 0 !important
}


.wpcf7-mail-sent-ok {
    background: green;
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFF;
    float: left;
    font-size: 14px
}


.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap .wpcf7-validation-errors {
    float: right !important
}


.img-filter-blue {
    filter: invert(12%) sepia(82%) saturate(2115%) hue-rotate(195deg) brightness(36%) contrast(101%);
}

.img-filter-blue2 {
    filter: invert(36%) sepia(77%) saturate(2773%) hue-rotate(194deg) brightness(97%) contrast(100%);
}

.bg-quadriculado {
    background: #003162 url(./template-parts/views/assets/img/design-v2/BG-quadriculado.png) top left;
}

.page-header {
    max-height: 320px;
    height: 31.25vw;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header .titulo {
    color: #11BFEE;
    font-weight: 700;
    font-size: 100px;
    letter-spacing: -3px;
}

.page-header .titulo .outline {
    color: #003162;
    text-shadow:
    -1px -1px 0 #11BFEE,
    1px -1px 0 #11BFEE,
    -1px 1px 0 #11BFEE,
    1px 1px 0 #11BFEE;
}

/* Fale Consoco - versão out/2024 */
.fale-conosco .form-control.wpcf7-textarea {
    height: 150px;
}

.fale-conosco .destaques-03 p,
.fale-conosco .outros-contatos p {
    padding: 20px 25px;
    border: 1px solid #CDD8DB;
    border-radius: 5px;
    font-size: 17px;
    /*background-color: #F7F6F9;*/
}

.fale-conosco .outros-contatos p {
    height: calc(100% - 25px);
}

.fale-conosco .outros-contatos p > a {
  line-height: 17px;
  display: inline-block;
}

.fale-conosco .destaques-03 p strong {
    margin-bottom: 12px;
    display: block;
    font-size: 20px;
}


.fale-conosco .destaques-03 p .ico-phone, 
.fale-conosco .destaques-03 p .ico-mail,
.fale-conosco .destaques-03 p .ico-whats {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fale-conosco .destaques-03 p .ico-phone {
    background-image: url(./template-parts/views/assets/img/design-v2/icones/phone-2.svg);
}

.fale-conosco .destaques-03 p .ico-mail {
    background-image: url(./template-parts/views/assets/img/design-v2/icones/mail.svg);    
    margin-bottom: -4px;
}

.fale-conosco .destaques-03 p .ico-whats {
    background-image: url(./template-parts/views/assets/img/design-v2/icones/whatsapp.svg);
    margin-bottom: -4px;
}

.fale-conosco .nav-tabs .nav-link {
    border-bottom-color: rgba(130,157,166,0.501961);
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;

}

.fale-conosco .nav-tabs .nav-link.active {
    color: #003162;
    border-color: rgba(130,157,166,0.501961);
    border-bottom-color: transparent;
    cursor: default;
}

.fale-conosco .nav-tabs .nav-link:not(.active):hover {
    background-color: rgba(130,157,166,0.0801961);;
}

.fale-conosco .contato-destaque .destaque-whats {
    display:block; 
    padding-top:20px; 
    font-weight: 800; 
    font-size: 34px;
} 

@media (max-width: 1024px) {

    html,
    body {
        overflow-x: hidden
    }


    p,
    .post-conteudo p {
        font-family: "Panton";
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 20px !important
    }


    .titulo .icone {
        margin: 0 !important;
        min-width: 37px !important;
        min-height: 37px !important;
        max-width: 37px !important;
        max-height: 37px !important;
        margin-right: 20px !important
    }


    .offcanvas-header {
        display: block
    }


    .navbar {
        padding: 1px !important
    }


    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
        z-index: 999999
    }

    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu .rotulo {
        padding: 16px 20px;
        margin: 0;
        font-family: "Panton";
        font-weight: 600;
        text-transform: uppercase;
        background-color: #047df6;
        color: #fff;
        font-size: 16px;
        position: relative;
        width: 100%;
      }

      .navbar-collapse .navbar-nav .sub-menu .menu-item {
        border: none;
      }

      .navbar-collapse .navbar-nav .sub-menu .ultimo-item {
        padding-bottom: 0;
        margin-bottom: 0;
        border: none;
      }

      .navbar-collapse .navbar-nav li.nav-item .dropdown-menu li a {
        font-family: "Panton";
        color: #333;
        padding: 12px 20px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #EEE;
        text-transform: none;
        font-size: 1rem;
        color: #212529;
        font-weight: 400;
        border-radius: 0;
      }

    .navbar-collapse .offcanvas-header {
        padding: 27px 20px;
        margin: 0;
        background-color: #003162;
        position: relative !important;
        width: 100%;
        z-index: 9999999999 !important;
        border-bottom: 2px solid #28517b;
    }


    .navbar-collapse .offcanvas-header img {
        height: 40px;
        margin: 3px 0
    }

    .wrap-btn-vestibular {
        /*padding-top: 100px;*/
        text-align: center;
        background: #003162;
        padding-bottom: 16px;
        position: relative;
        z-index: 1;
    }

    .navbar-collapse .navbar-nav li.nav-item {
        border-bottom: 1px solid #829da6
    }

    .navbar-collapse .navbar-nav li.vestibular {
        display: none;
    }

    .navbar-collapse .navbar-nav li.nav-item a.nav-link {
        color: #003162;
        padding: 16px 20px;
        font-family: "Panton";
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        position: relative;
        width: 100%
    }


    .navbar-collapse .navbar-nav li.nav-item .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        top: 26px
    }


    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu {
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: 0
    }


    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu h4 {
        padding: 16px 20px;
        margin: 0;
        font-family: "Panton";
        font-weight: 600;
        text-transform: uppercase;
        background-color: #047df6;
        color: #fff;
        font-size: 16px;
        position: relative;
        width: 100%
    }


    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu li a {
        font-family: "Panton";
        color: #333;
        padding: 12px 20px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #EEE
    }


    .navbar-collapse .navbar-nav .vestibular a {
        color: #fff !important
    }


    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%)
    }


    .menu-home,
    .menu-sou-aluno,
    .menu-vertibular {
        display: block !important
    }

    iframe[data-src*="/www.youtube.com/"] {
        aspect-ratio: 16 / 9;
        width: 100%;
        max-width: 685px;
        height: auto;
    }

    .post-conteudo iframe {
        /*aspect-ratio: 16 / 9;
        width: 100%;*/
        height: 48.989vw;
    }

    #bricks-component-tGD0iLlSEF6AlKP_vaeDCg, .bricks--component, .bricks--component-embeddable-form{
        width:100% !important;
    }
    
    .bricks-form__field__option{
         margin: 10px 0 !important;
     }




}





header {
    background-color: #003162;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(./template-parts/views/assets/img/design-v2/lines-header.svg);
    background-position: top center;
    background-size: inherit;
    background-repeat: repeat-x
}


.header {
    width: 100%;
    max-width: 1240px;
    margin: 0 20px
}


.header>.cabecalho {
    display: flex;
    justify-content: space-between;
    align-items: center
}


/*.header>.cabecalho>.site-logo>.logo { */
.header .site-logo .logo {
    height: 46px;
    margin: 42px 0
}

.header > #menu-novo-superior {
    margin: 0;
}

.header>.cabecalho>.menu-superior {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin: 0;
    padding: 0;
    width: 65% !important
}


.header>.cabecalho>.menu-superior>.menu-item>.menu-link {
    text-transform: uppercase;
    font-family: "Panton";
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: flex-end
}


.header>.cabecalho>.menu-superior>.menu-item>.menu-link:hover {
    text-decoration: none
}


.header>.menu-inferior {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
    margin: 0;
}


.header>.menu-inferior>.menu-item>.menu-link,
.header>.menu-inferior>.menu-item>a {
    text-transform: uppercase;
    font-family: "Panton";
    color: #fff;
    font-weight: 700;
    font-size: 18px
}


.header>.menu-inferior>.menu-item>.menu-link:hover {
    text-decoration: none
}


.header>.cabecalho>.menu-superior>.menu-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}


.header>.menu-inferior>.menu-item>.vestibular-btn {
    display: block;
    padding: 12px 20px;
    background-color: #047df6;
    border-radius: 5px;
    margin: 3px 0;
    transition: .5s all ease-in-out !important
}


.header>.menu-inferior>.menu-item>.vestibular-btn:hover,
.header>.menu-inferior>.menu-item>.vestibular-btn:focus {
    background-color: #829da6
}


.menu-item>.menu-link {
    display: flex;
    align-items: center
}


.radio-item>.menu-link>.icone-radio-bg {
    background-color: #047df6;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-width: 29px;
    min-height: 29px;
    border-radius: 50%;
    margin-right: 16px
}


.radio-item>.menu-link>.icone-radio-bg>.icone-radio {
    width: 16px;
    height: 16px;
    transform: translateX(2px);
    transition: .2s all !important
}


.radio-item:hover>.menu-link>.icone-radio-bg>.icone-radio,
.radio-item:focus>.menu-link>.icone-radio-bg>.icone-radio {
    transform: translateX(-3px)
}


.header>.cabecalho>.menu-superior>.busca-item {
    transition: .5s all ease-in-out !important
}


.header>.cabecalho>.menu-superior>.busca-item>.busca-link {
    font-family: "Hand Of Sean";
    text-transform: capitalize;
    font-size: 20px;
    align-items: center
}


.header>.cabecalho>.menu-superior>.busca-item>.busca-link>.icone-busca-bg {
    background-color: #047df6;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    min-width: 29px;
    min-height: 29px;
    border-radius: 50%;
    margin-left: 16px
}


.header>.cabecalho>.menu-superior>.busca-item>.busca-link>.icone-busca-bg>.icone-busca {
    width: 20px;
    height: 20px;
    transform: translateX(2px);
    transition: .5s all ease-in-out !important
}


.header>.cabecalho>.menu-superior>.busca-item:hover>.busca-link>.icone-busca-bg>.icone-busca,
.header>.cabecalho>.menu-superior>.busca-item:focus>.busca-link>.icone-busca-bg>.icone-busca {
    transform: translateX(-2px) translateY(-2px)
}


.header>.cabecalho>.menu-superior>.busca-item>.seta-busca {
    width: 46px;
    transition: .5s all ease-in-out !important
}


.header>.cabecalho>.menu-superior>.busca-item:hover>.seta-busca,
.header>.cabecalho>.menu-superior>.busca-item:focus>.seta-busca {
    transform: translateX(6px) rotate(-10deg)
}


.menu-item>.seta-busca>.st0 {
    fill: #fff
}


.header>.cabecalho>.mobile-btns {
    display: none
}


.campo-search {
    display: none;
    flex: 1;
    margin-left: 50px
}


.campo-search>.form-search {
    width: 100%;
    display: flex;
    align-items: center
}


.campo-search>.form-search>.search-input {
    flex: 1;
    background-color: transparent;
    border: none;
    outline: none;
    border-left: 1px solid #fff;
    padding: 1px 10px;
    font-family: "Panton";
    font-size: 30px;
    color: #fff
}


.campo-search>.form-search>.search-input::placeholder {
    color: #fff
}


.campo-search>.form-search>.search-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #047df6;
    border: 1px solid #047df6;
    color: #fff;
    margin-left: 17px;
    outline: none
}


.campo-search>.form-search>.search-action>.icone-busca {
    width: 20px;
    height: 20px;
    transform: translate(4px, 4px);
    z-index: 3
}


.dropdown-content,
.sub-menu {
    display: none;
    position: absolute;
    z-index: 4;
    margin-left: -50px;
    box-shadow: 0 3px 6px #00000029
}


.drp-sub {
    box-shadow: none
}


.dropdown-area {
    margin-top: 20px;
    padding: 30px 20px;
    background-color: #fff;
    width: 280px
}


.dropdown-area hr:last-child {
    display: none
}


.mult-drop {
    width: auto;
    display: flex;
    padding: 0;
    background-color: transparent
}


.dropdown-area>.drop-principal {
    width: 260px;
    padding: 30px 20px;
    background-color: #fff;
    height: fit-content;
    box-shadow: 0 3px 6px #00000029
}


.dropdown-area>.subprincipal {
    width: 360px;
    padding: 30px 20px;
    background-color: #f9f9f9;
    box-shadow: 0 3px 6px #00000029;
    display: none
}


.dropdown-area>.subprincipal>.sub-area {
    display: none
}


.dropdown-area>h4,
.dropdown-area>.drop-principal>h4,
.dropdown-area>.subprincipal>.sub-area>h4 {
    font-family: "Panton";
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #047df6;
    margin-bottom: 8px
}


.dropdown-area>.subprincipal>.sub-area>h4 {
    color: #003162
}


.dropdown-area>.drop-principal>hr,
.dropdown-area>.subprincipal>.sub-area>hr,
.dropdown-area>hr {
    border-top: 2px dashed rgba(130, 157, 166, 0.501961);
    margin: 20px 0
}


.dropdown-area>.drop-principal>.menu-dropdown,
.dropdown-area>.subprincipal>.sub-area>.menu-dropdown,
.dropdown-area>.menu-dropdown {
    margin: 0;
    padding: 0;
    list-style: none
}


.dropdown-area>.drop-principal>.menu-dropdown>.item-dropdown>.link-dropdown,
.dropdown-area>.subprincipal>.sub-area>.menu-dropdown>.item-dropdown>.link-dropdown,
.dropdown-area>.menu-dropdown>.item-dropdown>.link-dropdown {
    text-transform: uppercase;
    color: #4a4a4a;
    font-family: "Panton";
    font-size: 14px;
    line-height: 18px
}


.dropdown-area>.subprincipal>.sub-area>.menu-dropdown>.item-dropdown {
    margin-bottom: 4px;
    line-height: 18px
}


.droppos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px
}


.droppos::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    font-size: 7px
}


.menu-item:hover .dropdown-content {
    display: block
}


.menu-mobile-area {
    display: none
}


.cabecalho .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all .3s ease
}


.cabecalho .menu-link:hover::after {
    transform: scaleX(1)
}


.menu-inferior .menu-link {
    position: relative;
    text-decoration: none;
    transition: all .3s ease
}


.menu-inferior .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all .3s ease
}


.menu-inferior .menu-link:hover::after {
    transform: scaleX(1)
}


.menu-inferior .vestibular-btn::after {
    display: none !important
}

@media (max-width: 380px) {
    .header .cabecalho > .site-logo > .logo,
    .navbar-collapse .offcanvas-header > img {
        max-width: 55.263vw;
        margin-left: -5.263vw;
    }

    .header .cabecalho .mobile-btns > .btn-icons {
        margin-left: 15px;
    }

    .navbar-collapse .offcanvas-header > .btn.btn-close {
        visibility: hidden;
        position: relative;
        width: 45px;
    }

    .navbar-collapse .offcanvas-header > .btn-close:after {
        display: block;
        width: 45px;
        height: 45px;
        line-height: 45px !important;
        content: 'X';
        position: absolute;
        top: -2px;
        right: 0;
        visibility: visible;
        background-color: #047df6;
        font-size: 20px;
        line-height: 20px;
        float: right;
        border-radius: .375rem;
    }

}

@media (max-width: 1024px) {
    header {
        background-image: none;
        min-height: 100px
    }


    .header .cabecalho .menu-superior,
    .header .menu-inferior {
        display: none
    }


    .header .site-logo > .logo {
        height: 40px;
        margin: 30px 0
    }


    .header>.cabecalho>.site-logo>.logo-search {
        opacity: .05;
        position: absolute;
        top: 0;
        left: 20px
    }


    .header>.cabecalho>.mobile-btns {
        display: block
    }


    .campo-search {
        margin-left: 0;
        flex: none;
        width: 100%
    }


    .campo-search>.form-search {
        justify-content: space-between;
        width: 100%
    }


    .campo-search>.form-search>.search-input {
        border: none;
        padding: 0;
        width: 200px;
        font-size: 24px;
        line-height: 18px
    }


    .header .mobile-btns .btn-icons {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #047df6;
        border: none;
        margin-left: 27px
    }


    .header>.cabecalho>.mobile-btns>.btn-icons>.busca-mobile,
    .header>.cabecalho>.mobile-btns>.btn-icons>.menu-mobile {
        width: 21px;
        transform: translate(5px, 2px)
    }


    .menu-mobile-area {
        padding: 0;
        margin: 0;
        list-style: none;
        background-color: #fff;
        width: 100%;
        position: absolute;
        z-index: 5
    }


    .mobile-item {
        border-bottom: 1px solid #707070;
        width: 100%
    }


    .vestibular {
        background-color: #047df6
    }


    .mobile-link {
        color: #003162;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 24px;
        font-family: "Panton";
        font-weight: 700;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 23px 20px
    }


    .vestibular>.mobile-link {
        color: #fff
    }


    .mobile-drop>.mobile-link::after {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f054";
        color: #666
    }


    .mobile-item:hover {
        background-color: #003162
    }


    .mobile-item:hover .mobile-link {
        color: #fff
    }


    .mobile-item:hover .drop-mobile {
        display: block
    }


    .mobile-link:hover {
        text-decoration: none
    }


    .mobile-drop:hover .mobile-link::after {
        content: "\f078"
    }


    .drop-mobile {
        display: none;
        background-color: #fff;
        padding: 23px 20px
    }


    .drop-mobile>h4 {
        font-family: "Panton";
        font-weight: 700;
        color: #047df6;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0
    }


    .drop-mobile>.drop-mobile-list {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-top: 10px
    }


    .drop-mobile>.drop-mobile-list>.drop-mobile-item {
        margin-top: 25px
    }


    .drop-mobile>.drop-mobile-list>.drop-mobile-item>.drop-mobile-link {
        font-family: "Panton";
        font-size: 18px;
        line-height: 18px;
        color: #4a4a4a;
        text-transform: uppercase
    }


    .drop-mobile>hr {
        border-top: 2px dashed rgba(130, 157, 166, 0.501961);
        margin: 20px 0
    }


    .drop-mobile>hr:last-child {
        display: none
    }
}

.btn {
    padding: 15px 35px;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 18px;
    border: 0;
    margin: 15px 5px 0 0
}

.btn-lg {
    padding: 20px 40px;
    text-transform: uppercase;
    font-family: 'Panton';
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    line-height: 22px;
    border: 0
}

.btn-sm {
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: 'Panton';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    border: 0
}

.btn-primary {
    background-color: #003162;
    border: 2px solid #003162
}

.btn-primary:hover {
    background-color: #003162;
    border: 2px solid #003162
}

.btn-secondary {
    background-color: #047df6;
    border: 2px solid #047df6
}

.btn-secondary:hover {
    background-color: #047df6;
    border: 2px solid #047df6
}

.btn-purple {
    background-color: #6500f3;
    color: #fff
}

.btn-purple:hover {
    background-color: #829da6;
    color: #fff
}

.btn-gray {
    background-color: #829da6;
    color: #fff
}

.btn-gray:hover {
    background-color: #6500f3;
    color: #fff
}

.btn-outline-primary {
    border: 2px solid #003162;
    color: #003162;
    background: transparent
}

.btn-outline-primary:hover {
    border: 2px solid #003162;
    color: #fff;
    background: #003162
}

.btn-outline-secondary {
    border: 2px solid #047df6;
    color: #047df6;
    background: transparent
}

.btn-outline-secondary:hover {
    border: 2px solid #047df6;
    color: #fff;
    background: #047df6
}

.btn-outline-purple {
    border: 2px solid #6500f3;
    color: #6500f3;
    background: transparent
}

.btn-outline-purple:hover {
    border: 2px solid #6500f3;
    color: #fff;
    background: #6500f3
}

.btn-outline-gray {
    border: 2px solid #829da6;
    color: #829da6;
    background: transparent
}

.btn-outline-gray:hover {
    border: 2px solid #829da6;
    color: #fff;
    background: #829da6
}

.btn-outline-light {
    border: 2px solid #fff;
    color: #fff;
    background: transparent
}

.btn-outline-light:hover {
    border: 2px solid #fff;
    color: #fff;
    background: #047df6
}

.ml-0 {
    margin-left: 0 !important
}

.d-grid {
    display: grid !important
}

.w-100 {
    width: 100% !important
}

.form-control {
    width: 100%;
    margin-bottom: 0;
    border: 1px solid #829da6;
    height: 50px;
    border-radius: 4px;
    background-color: #fff;
    padding: 14px 20px;
    font-family: "Panton";
    font-size: 16px;
    line-height: 24px;
    resize: none;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #829da6
}

.wpcf7-submit {
    color: #fff;
    background-color: #003162;
    border: 1px solid #003162;
    justify-content: center;
    align-items: center;
    font-family: "Panton";
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 5px;
    padding: .5rem 1.5rem;
    line-height: 40px;
    font-size: 18px;
}

p,
.post-conteudo p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px
}

.screen-reader-response {
    display: none !important
}

.wpcf7-not-valid-tip,
.wpcf7-validation-errors {
    color: #FFF;
    background-color: red !important;
    border-radius: 5px;
    padding: 2px 8px;
    font-size: 12px
}

.screen-reader-response ul {
    padding-left: 20px;
    padding-top: 15px
}

.post-conteudo>figure,
.wp-caption {
    width: auto;
    margin: 0;
    margin-bottom: 40px !important
}

.wp-caption.alignleft {
    float: left;
    margin-right: 30px !important
}

.wp-caption.alignright {
    float: right;
    margin-left: 30px !important
}

.wp-caption img {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto
}

.wp-caption p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0
}

.wp-caption .wp-caption-text {
    padding: 20px !important
}

.offcanvas-header {
    display: none
}

.modal .modal-header {
    padding: 15px 20px
}
section.webstories {
    width: 100%;
    display: flex;
    padding: 100px 0;
    align-items: center;
    justify-content: center;
    background: #003162;
}

section.webstories .webstories-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
}

section.webstories .webstories-conteudo > .webstories-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}

section.webstories .webstories-header > .titulo {
    display: flex;
    align-items: center;
}

section.webstories .webstories-header > .titulo > .icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px;
}

section.webstories .webstories-header > .titulo > .icone > img {
    height: 40px;
    width: 41px;
    transform: translateX(15px) translateY(-12px);
}

section.webstories .webstories-header > .titulo > h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    color: #fff;
    padding-top: 10px;
}

section.webstories .webstories-conteudo > .row.cta .link {
    text-align: center;
    padding-top: 50px;
}

section.webstories .webstories-conteudo > .row.cta .link .btn.btn-outline-secondary {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

section.webstories .webstories-conteudo > .row.cta .link .btn.btn-outline-secondary:hover {
    border: 2px solid #047df6;
    color: #fff;
    background: #047df6;
}

@media (max-width: 992px) {
    section.webstories {
      padding: 50px 0 50px !important;
    }
  
    section.webstories .webstories-conteudo > .webstories-header {
      margin-bottom: 20px;
    }    
  
    section.webstories .webstories-header > .titulo > .icone {
      max-height: 37px;
      min-width: 37px;
      min-height: 37px;
      max-width: 37px;
      margin-right: 15px;
    }
  
    section.webstories .webstories-header > .titulo > .icone > img {
      height: 28px;
      width: 28px;
    }
  
    section.webstories .webstories-header > .titulo > h2 {
      font-size: 24px;
      line-height: 29px;
    }
}  

.modal .modal-header h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 0
}

.modal .modal-body {
    padding: 15px 20px
}

.menu-home,
.menu-sou-aluno,
.menu-vertibular {
    display: none
}

.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.wpcf7-list-item-label {
    margin-left: 10px !important;
    padding-left: 0 !important
}

.wpcf7-mail-sent-ok {
    background: green;
    padding: 5px 10px;
    border-radius: 5px;
    color: #FFF;
    float: left;
    font-size: 14px
}

.wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap .wpcf7-validation-errors {
    float: right !important
}

@media (max-width: 1024px) {

    html,
    body {
        overflow-x: hidden
    }

    p,
    .post-conteudo p {
        font-family: "Panton";
        font-size: 16px !important;
        line-height: 22px !important;
        margin-bottom: 20px !important
    }

    .wp-caption p {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 0
    }

    .titulo .icone {
        margin: 0 !important;
        min-width: 37px !important;
        min-height: 37px !important;
        max-width: 37px !important;
        max-height: 37px !important;
        margin-right: 20px !important
    }

    .offcanvas-header {
        display: block
    }

    .navbar {
        padding: 1px !important
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
        z-index: 999999
    }

    .navbar-collapse .offcanvas-header {
        padding: 27px 20px;
        margin: 0;
        background-color: #003162;
        position: fixed;
        width: 100%;
        z-index: 9999
    }

    .navbar-collapse .offcanvas-header img {
        height: 40px;
        margin: 3px 0
    }

    /*.navbar-collapse .navbar-nav {
        padding-top: 100px
    }*/

    .navbar-collapse .navbar-nav li.nav-item {
        border-bottom: 1px solid #829da6
    }

    .navbar-collapse .navbar-nav li.nav-item a.nav-link {
        color: #003162;
        padding: 16px 20px;
        font-family: "Panton";
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        position: relative;
        width: 100%
    }

    .navbar-collapse .navbar-nav li.nav-item .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        top: 26px
    }

    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu {
        padding: 0;
        margin: 0;
        border-radius: 0;
        border: 0
    }

    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu h4 {
        padding: 16px 20px;
        margin: 0;
        font-family: "Panton";
        font-weight: 600;
        text-transform: uppercase;
        background-color: #047df6;
        color: #fff;
        font-size: 16px;
        position: relative;
        width: 100%
    }

    .navbar-collapse .navbar-nav li.nav-item .dropdown-menu li a {
        font-family: "Panton";
        color: #333;
        padding: 12px 20px;
        background-color: #F9F9F9;
        border-bottom: 1px solid #EEE
    }

    .navbar-collapse .navbar-nav .vestibular a {
        color: #fff !important
    }

    .navbar-collapse.show {
        visibility: visible;
        transform: translateX(-100%)
    }

    .menu-home,
    .menu-sou-aluno,
    .menu-vertibular {
        display: block !important
    }
}

footer {
    background-color: #003162;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(./template-parts/views/assets/img/design-v2/footer-bg.png);
    background-position: top center;
    background-size: inherit;
    background-repeat: repeat-x;
    height: auto
}


.footer {
    width: 100%;
    max-width: 1280px;
    margin: 104px 20px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff
}


.footer>.menus-footer {
    display: flex;
    justify-content: space-between;
    width: 100%
}


.footer>.menus-footer>.coluna>h3 {
    font-family: "Helvetica";
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 700;
    text-transform: uppercase
}


.footer>.menus-footer>.coluna>.menu-footer {
    list-style: none;
    margin: 0;
    padding: 0
}


.footer>.menus-footer>.coluna>.menu-footer>.menu-item>.menu-link {
    color: #fff;
    font-family: "Panton";
    line-height: 36px;
    font-size: 20px
}


.footer>.menus-footer>.coluna>.endereco-footer {
    margin-top: 40px;
    font-family: "Panton";
    line-height: 28px;
    font-size: 20px;
    color: #fff
}


.footer>.menus-footer>.coluna>.endereco-footer a {
    color: #fff;
    text-decoration: none
}


.footer>.redes-sociais {
    margin-top: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 40px
}


.footer>.redes-sociais>h3 {
    font-family: "Hand Of Sean";
    font-size: 20px;
    margin-bottom: 28px
}


.footer>.redes-sociais>p {
    margin-top: 50px;
    font-family: "Panton";
    line-height: 36px;
    font-size: 18px
}


.footer>.redes-sociais>.lista-redes-sociais {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    width: 207px;
    align-items: center
}


.footer>.redes-sociais>.lista-redes-sociais>.rede-item>.rede-link {
    color: #fff;
    font-size: 25px
}


.mostra-end-mobile {
    display: none
}


.menu-footer .menu-link {
    position: relative;
    text-decoration: none;
    transition: all .3s ease
}


.menu-footer .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all .3s ease;
    max-width: 60px
}


.menu-footer .menu-link:hover::after {
    transform: scaleX(1)
}


@media (max-width: 1024px) {
    .footer {
        margin-top: 50px;
        margin-bottom: 50px
    }


    .footer>.menus-footer {
        flex-direction: column
    }


    .footer>.menus-footer>.coluna>.menu-footer {
        display: flex;
        flex-direction: column;
        align-items: center
    }


    .mostra-end-mobile {
        display: block
    }


    .esconde-end-mobile {
        display: none
    }


    .footer>.menus-footer>.coluna>.endereco-footer {
        text-align: center;
        margin-top: 26px
    }


    .footer>.menus-footer>.coluna>.menu-footer>.menu-item>.menu-link {
        line-height: 32px;
        font-size: 18px
    }


    .footer>.menus-footer>.coluna>h3 {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        margin-top: 50px
    }


    .footer>.menus-footer>.conheca>h3 {
        margin-top: 0
    }


    .footer>.redes-sociais {
        margin-top: 50px;
        padding-bottom: 0
    }


    .footer>.redes-sociais>h3 {
        font-size: 18px;
        line-height: 28px
    }


    p.endereco-footer {
        text-align: center !important;
        padding: 0 14%
    }

}

video {
    height: auto;
    width: 1320px;
    top: -50px !important
}


.banner-inicial {
    background-color: #fff
}


.banner {
    width: 100%;
    max-height: 600px;
    min-height: 400px;
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #fff
}


.banner-video {
    width: 100%;
    max-height: 600px;
    min-height: 400px;
    height: 100%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-color: #fff
}


.banner>.banner-conteudo {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}


.banner>.banner-conteudo>h1 {
    font-family: "Panton";
    font-weight: 700;
    font-size: 56px;
    text-align: center;
    line-height: 79px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0
}


.banner>.banner-conteudo>h1>small {
    font-size: 36px;
    line-height: 36px;
    display: block;
    margin-bottom: 40px;
    font-weight: 600
}


.banner>.banner-conteudo>.banner-btn {
    width: 232px;
    height: 62px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 22px;
    font-family: "Panton";
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    background-color: #047df6;
    border-radius: 5px;
    margin-top: 10px
}


.banner>.banner-conteudo>.banner-btn:hover {
    text-decoration: none
}


.banner>.banner-conteudo>.grupo-cores {
    display: flex;
    justify-content: space-between;
    width: 230px;
    margin-bottom: 40px
}


.banner>.banner-conteudo>.grupo-cores>.cores {
    display: block;
    height: 25px;
    width: 25px;
    border-radius: 50%
}


.grupo-cores>#rosa {
    background-color: #ed138b
}


.grupo-cores>#ciano {
    background-color: #11bfee
}


.grupo-cores>#verde {
    background-color: #7eee15
}


.grupo-cores>#amarelo {
    background-color: #f0c411
}


.grupo-cores>#cinza {
    background-color: #829da6
}


.grupo-cores>#azul-escuro {
    background-color: #003162
}


.grupo-cores>#roxo {
    background-color: #6500f3
}


.grupo-cores>#azul {
    background-color: #047df6
}


.banner-inicial>.slick-dots {
    bottom: 45px
}


.banner-inicial>.slick-next {
    right: 10%
}


.banner-inicial>.slick-prev {
    left: 10%;
    z-index: 3
}


.banner-inicial>.slick-dots li button:before {
    font-family: "Font Awesome 5 Free";
    opacity: 1;
    content: "\f111";
    font-weight: 400;
    color: #fff;
    font-size: 15px
}


.banner-inicial>.slick-dots li.slick-active button:before {
    opacity: 1;
    content: "\f111";
    font-weight: 900;
    color: #fff
}


.banner-inicial>.slick-prev::before {
    content: "";
    background-image: url(./template-parts/views/assets/img/design-v2/icones/arrow-circle-left-white.svg)
}


.banner-inicial>.slick-next::before {
    content: "";
    background-image: url(./template-parts/views/assets/img/design-v2/icones/arrow-circle-right-white.svg)
}


.banner-inicial>.slick-prev:before,
.slick-next:before {
    display: block;
    width: 40px;
    height: 40px;
    opacity: 1
}


.slick-slider,
.slick-dotted {
    max-height: 600px;
    min-height: 400px;
    height: 100%;
    margin: 0;
}


.slick-list {
    max-height: 600px;
    min-height: 400px;
    height: 100%;
    margin: 0 !important
}


@media (max-width: 1024px) {
    video {
        height: auto;
        max-height: 320px;
        margin-top: 0
    }


    .banner,
    .banner-video {
        height: auto;
        max-height: 320px;
        background-color: #FFF
    }


    .slick-slider,
    .slick-dotted {
        height: auto !important;
        max-height: 360px;
        margin: 0;
        max-height: 320px;
        background-color: #FFF
    }


    .slick-slide {
        height: auto !important;
        max-height: 320px
    }


    .slick-list {
        height: auto !important;
        max-height: 320px;
        margin: 0 !important
    }


    .banner>.banner-conteudo>.grupo-cores {
        width: 200px;
        margin-bottom: 20px
    }


    .banner>.banner-conteudo>.grupo-cores>.cores {
        height: 21px;
        width: 21px
    }


    .banner>.banner-conteudo>.banner-btn {
        width: 140px;
        height: 45px;
        font-size: 15px
    }


    .banner>.banner-conteudo>h1 {
        font-size: 38px;
        line-height: 54px
    }


    .banner>.banner-conteudo>h1>small {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px
    }


    .banner-inicial>.slick-dots {
        bottom: 25px
    }

}

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

    .home .slick-slider,
    .home .slick-dotted {
        height: auto !important
    }


    .home .slick-list,
    .slick-list {
        height: auto !important;
        max-height: auto !important;
        min-height: auto !important
    }


    .slick-slider,
    .slick-dotted {
        height: auto !important;
        max-height: auto !important;
        min-height: auto !important
    }


    .banner,
    .banner-video {
        height: auto ;
        max-height: auto ;
        min-height: auto ;
    }


    .banner .banner-conteudo a img {
        height: 320px ;
        width: auto ;
    }

    .infraestrutura-conteudo.slick-slider {
        margin-bottom: 50px;
    }

}

.apresentacao {
    width: 100%;
    display: flex;
    padding: 100px 0;
    align-items: center;
    justify-content: center;
    border-bottom: 2px dashed rgba(130, 157, 166, 0.501961);
    border-top: 2px dashed rgba(130, 157, 166, 0.501961);
}


.apresentacao>.apresentacao-conteudo {
    width: 100%;
    max-width: 1280px;
    display: flex;
    padding: 0 20px;
    justify-content: space-between;
    align-items: center
}


.apresentacao-conteudo>.apresentacao-texto {
    width: 60%;
    display: flex
}


.apresentacao-conteudo>.apresentacao-texto>.icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px;
    margin-top: 10px
}


.apresentacao-conteudo>.apresentacao-texto>.icone>img {
    height: 39px;
    width: 39px;
    transform: translateX(15px) translateY(-12px)
}


.apresentacao-conteudo>.apresentacao-texto>.texto>h1 {
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 400;
    font-size: 32px;
    line-height: 32px;
    color: #003162;
    margin-bottom: 0
}


.apresentacao-conteudo>.apresentacao-texto>.texto>h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #003162;
    margin-bottom: 50px
}


.apresentacao-conteudo>.apresentacao-texto>.texto>h2>.icone-mobile {
    display: none
}


.apresentacao-conteudo>.apresentacao-texto>.texto>p {
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a;
    font-family: "Panton";
    font-weight: 400
}


.apresentacao-conteudo>.apresentacao-campo {
    width: 400px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone {
    max-width: 230px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita {
    margin: 35px 0;
    margin-left: auto
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header {
    display: flex;
    align-items: center
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>h3 {
    font-size: 52px;
    line-height: 52px;
    color: #003162;
    font-family: "Panton";
    font-weight: 700;
    margin-right: 15px;
    margin-bottom: 0;
    margin-top: 8px;
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:hover>.apresentacao-header>h3 {
    transform: translateX(5px)
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 101px;
    width: 101px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-svg {
    transform: translateX(35px);
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-trofeu {
    height: 77px;
    width: 77px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-medalha {
    height: 79px;
    width: 78px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-capelo {
    height: 70px;
    width: 82px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.trofeu {
    background-color: #7eee15
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.medalha {
    background-color: #f0c411
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.chapeu {
    background-color: #ed138b
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-texto {
    font-family: "Hand Of Sean";
    color: #003162;
    font-size: 22px;
    line-height: 26px;
    text-align: end
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.texto-direita {
    text-align: left
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>svg {
    width: 80px;
    transform: rotate(-70deg);
    position: absolute;
    bottom: 50px;
    right: -85px;
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:hover>svg,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:focus>svg {
    transform: rotate(-85deg);
    bottom: 60px;
    right: -60px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>p,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>p {
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:hover>p,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:focus>p {
    transform: translateX(-10px)
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:hover>.apresentacao-header>.icone>.icone-svg,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone:focus>.apresentacao-header>.icone>.icone-svg {
    transform: translateX(0px)
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita>svg {
    width: 80px;
    transform: rotate(95deg);
    position: absolute;
    bottom: 70px;
    left: -70px;
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita:hover>svg,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita:focus>svg {
    transform: rotate(85deg);
    bottom: 70px;
    left: -50px
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita>p,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita>p {
    transition: .5s all ease-in-out !important
}


.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita:hover>p,
.apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita:focus>p {
    transform: translateX(20px)
}


@media (max-width: 1024px) {
    .apresentacao {
        padding: 50px 0
    }


    .apresentacao>.apresentacao-conteudo {
        flex-direction: column
    }


    .apresentacao-conteudo>.apresentacao-texto {
        width: 100%
    }


    .apresentacao-conteudo>.apresentacao-texto>.icone-desktop {
        display: none
    }


    .apresentacao-conteudo>.apresentacao-texto>.texto>.icone-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #047df6;
        height: 37px;
        min-width: 37px;
        border-radius: 50%;
        margin-right: 20px;
        margin-bottom: 5px;
        display: none
    }


    .apresentacao-conteudo>.apresentacao-texto>.texto>h2>.icone-mobile>img {
        height: 28px;
        width: 28px;
        transform: translateX(10px) translateY(-9px)
    }


    .apresentacao-conteudo>.apresentacao-texto>.texto>h1 {
        display: flex;
        align-items: flex-end;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 0;
        padding-top: 0
    }


    .apresentacao-conteudo>.apresentacao-texto>.texto>h2 {
        display: flex;
        align-items: flex-end;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 30px;
        padding-top: 0
    }


    .apresentacao-conteudo>.apresentacao-texto>.texto>p {
        font-size: 18px;
        line-height: 26px;
        font-weight: 400
    }


    .apresentacao-conteudo>.apresentacao-campo {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-direita {
        margin-left: 0
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone {
        height: 94px;
        width: 94px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-trofeu {
        height: 71px;
        width: 71px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-medalha {
        height: 73px;
        width: 72px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>.icone>.icone-capelo {
        height: 65px;
        width: 76px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-header>h3 {
        font-size: 47px;
        line-height: 47px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone>.apresentacao-texto {
        font-size: 19px;
        line-height: 22px
    }


    .apresentacao-conteudo>.apresentacao-campo>.apresentacao-icone {
        max-width: 198px
    }

    .apresentacao.cd-curso {
        border: none;
    }

}

.cursos {
    width: 100%;
    display: flex;
    padding: 100px 0;
    align-items: center;
    justify-content: center
}


.cursos-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px
}


.cursos-conteudo>.cursos-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.cursos-conteudo>.cursos-header>.titulo {
    display: flex
}


.cursos-conteudo>.cursos-header>.titulo>.icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px
}


.cursos-conteudo>.cursos-header>.titulo>.icone>img {
    height: 46px;
    width: 39px;
    transform: translateX(15px) translateY(-12px)
}


.cursos-conteudo>.cursos-header>.titulo>h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    color: #003162
}


.cursos-conteudo>.cursos-header>.seta {
    display: flex;
    align-items: center
}


.cursos-conteudo>.cursos-header>.seta>.seta-estude {
    width: 113px;
    height: 90px;
    transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0)
}


.cursos-conteudo>.cursos-header>.seta>p {
    font-family: "Hand Of Sean";
    font-size: 20px;
    line-height: 30px;
    color: #047df6;
    width: 181px;
    text-align: end
}


.cursos-conteudo>.cursos-campo {
    margin-top: 50px
}


.cursos-conteudo>.cursos-campo>h3 {
    font-family: "Panton";
    font-size: 24px;
    line-height: 28px;
    color: #003162;
    text-transform: uppercase;
    font-weight: 700
}


.cursos-conteudo>.cursos-campo>.cursos-campo-conteudo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}


.curso-graduacao {
    margin-top: 10px;
    width: 295px;
    border-radius: 5px;
    box-shadow: 0 0 20px #E6E6E6;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}


.pos-graduacao,
.mestrado {
    width: 400px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 20px #E6E6E6;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 10px
}


.mestrado {
    background-color: #003162;
    border: none;
    display: flex;
    flex-direction: column
}


.curso-graduacao::after,
.pos-graduacao::after,
.mestrado::after {
    content: "";
    border-radius: 5px;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 30px #DDD;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}


.curso-graduacao:hover,
.pos-graduacao:hover,
.mestrado:hover {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02)
}


.curso-graduacao:hover::after,
.pos-graduacao:hover::after,
.mestrado:hover::after {
    opacity: 1
}


.curso-thumnail {
    height: 100%;
    max-height: 180px;
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    background-color: #829da6
}


.curso-graduacao>.curso-conteudo {
    padding: 20px;
    border-top: 1px solid #DDD
}


.curso-graduacao>.curso-conteudo>h4,
.curso-graduacao>.curso-conteudo>.texto>h4 {
    text-transform: uppercase;
    font-family: "Panton";
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}


.curso-graduacao>.pos-graduacao>h4,
.curso-graduacao>.pos-graduacao>.texto>h4 {
    text-transform: uppercase;
    font-family: "Panton";
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 48px;
    display: flex;
    align-items: center
}


.curso-graduacao>.curso-conteudo>h5,
.curso-graduacao>.curso-conteudo>.texto>h5,
.curso-graduacao>.curso-conteudo>p,
.curso-graduacao>.curso-conteudo>.texto>p {
    font-family: "Panton";
    font-size: 14px;
    line-height: 18px;
    color: #829da6;
    margin-bottom: 0
}


.curso-graduacao>.curso-conteudo>h5,
.curso-graduacao>.curso-conteudo>.texto>h5 {
    text-transform: uppercase
}


.mestrado>.mestrado-conteudo {
    padding: 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}


.mestrado>.mestrado-conteudo>h4 {
    font-family: "Panton";
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 21px
}


.cursos-campo>.curso-campo-header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.cursos-campo>.curso-campo-header>img {
    width: 226px;
    height: 71px
}


.cursos-campo>.curso-campo-header>a {
    font-family: "Panton";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #047df6;
    text-transform: uppercase
}


.cursos-campo>.curso-campo-header>a:hover {
    text-decoration: none
}


.mestrado-mobile {
    display: none
}


.pos-graduacao>h4 {
    height: 48px !important
}


@media (max-width: 1024px) {
    .cursos {
        padding: 50px 0
    }


    .cursos-conteudo>.cursos-campo {
        margin-top: 100px
    }


    .cursos-conteudo>.cursos-graduacao,
    .cursos-conteudo>.cursos-livres-campo {
        margin-top: 50px
    }


    .cursos-conteudo>.cursos-header>.seta {
        display: none
    }


    .cursos-conteudo>.cursos-header>.titulo>.icone {
        min-width: 37px;
        max-height: 37px
    }


    .cursos-conteudo>.cursos-header>.titulo>.icone>img {
        height: 28px;
        width: 28px
    }


    .cursos-conteudo>.cursos-header>.titulo>h2 {
        font-size: 24px;
        line-height: 29px;
        padding-top: 5px
    }


    .cursos-campo>.curso-campo-header>img {
        width: 159px;
        height: 50px
    }


    .cursos-campo>.curso-campo-header>a {
        font-size: 16px;
        line-height: 21px
    }


    .cursos-conteudo>.cursos-campo>h3 {
        font-size: 20px;
        line-height: 26px
    }


    .cursos-conteudo>.cursos-campo>.cursos-campo-conteudo {
        display: block
    }


    .curso-graduacao {
        width: 100%
    }


    .pos-graduacao,
    .mestrado {
        width: 100% !important
    }


    .pos-graduacao {
        margin-top: 0 !important;
        box-shadow: none !important;
        border: 1px solid #DDD !important;
        height: 400px !important
    }


    .cursos-livres {
        margin-top: 0 ;
        box-shadow: none ;
        border: 1px solid #DDD ;
        height: 400px ;
    }


    .mestrado-desktop {
        display: none
    }


    .mestrado-mobile {
        margin-top: 100px;
        display: block
    }


    .curso-graduacao>.conteudo-graduacao {
        display: flex;
        justify-content: space-between;
        align-items: center
    }


    .cursos-campo-conteudo>.slick-dots {
        bottom: -50px
    }


    .cursos-campo-conteudo>.slick-dots li button:before {
        font-family: "Font Awesome 5 Free";
        opacity: 1;
        content: "\f111";
        font-weight: 400;
        color: #003162;
        font-size: 15px
    }


    .cursos-campo-conteudo>.slick-dots li.slick-active button:before {
        opacity: 1;
        content: "\f111";
        font-weight: 900;
        color: #003162
    }


    .mestrado>.mestrado-conteudo>a {
        font-size: 14px;
        line-height: 21px;
        width: 248px;
        height: 38px
    }


    .cursos-livres-campo>.curso-campo-header {
        margin-bottom: 30px !important
    }


    .pos-graduacao {
        height: 430px !important
    }


    .slick-slider,
    .slick-dotted {
        height: auto !important
    }


    .slick-list {
        height: auto !important
    }


    .cursos-livres {
        height: auto !important
    }


    .curso-graduacao {
        margin-top: 20px
    }


    .curso-graduacao,
    .acontece-postagem {
        box-shadow: none !important;
        border: 1px solid #DDD !important;
        border-top: 0 !important
    }


    .curso-graduacao:hover,
    .pos-graduacao:hover,
    .mestrado:hover,
    .acontece-postagem:hover {
        -webkit-transform: inherit !important;
        transform: inherit !important
    }


    .curso-graduacao::after,
    .pos-graduacao::after,
    .mestrado::after,
    .acontece-postagem::after {
        box-shadow: inherit !important;
        opacity: 0;
        -webkit-transition: inherit !important;
        transition: inherit !important
    }


    .pos-graduacao>.curso-conteudo>h4 {
        height: 48px !important
    }


    .curso-conteudo {
        display: block !important
    }


    .curso-conteudo .texto {
        width: 100% !important;
        float: left
    }


    .curso-conteudo .texto p {
        margin-bottom: 0 !important
    }


    .pos-graduacao,
    .mestrado,
    .cursos-livres {
        margin-top: 30px !important
    }


    .pos-graduacao>.curso-conteudo>h4 {
        height: auto !important
    }


    .pos-graduacao>.curso-conteudo>p {
        margin: 0 !important
    }


    .mestrado>.mestrado-conteudo>a {
        height: auto !important;
        font-size: 16px;
        line-height: 16px
    }


    .cursos-livres .curso-conteudo {
        margin-top: 0 !important
    }

}

.junte-se {
    width: 100%;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    background-color: #f8f8fd;
    background-image: url(./template-parts/views/assets/img/design-v2/bg-ajuste.png);
    background-position: center;
    background-size: cover
}


.junte-se-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 200px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.junte-se-conteudo>.img-junte {
    background-image: url(./template-parts/views/assets/img/design-v2/escadao-casper.jpg);
    min-width: 505px;
    height: 354px;
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end
}


.junte-se-conteudo>.img-junte>.seta {
    display: flex;
    transform: translate(200px, -60px)
}


.junte-se-conteudo>.img-junte>.seta>svg {
    width: 113px;
    height: 90px;
    transform: scaleY(-1) rotate(30deg);
    transition: .5s all ease-in-out !important
}


.junte-se-conteudo>.img-junte:hover>.seta>svg,
.junte-se-conteudo>.img-junte:focus>.seta>svg {
    transform: scaleY(-1) rotate(-30deg) translateX(50px) translateY(50px)
}


.junte-se-conteudo>.img-junte>.seta>p {
    font-family: "Hand Of Sean";
    font-size: 20px;
    line-height: 30px;
    color: #047df6;
    width: 181px;
    padding-top: 30px;
    margin-left: 10px;
    transition: .5s all ease-in-out !important
}


.junte-se-conteudo>.img-junte:hover>.seta>p,
.junte-se-conteudo>.img-junte:focus>.seta>p {
    transform: translateY(50px)
}


.junte-se-conteudo>.texto>.junte-header {
    display: flex;
    align-items: center;
    margin-bottom: 25px
}


.junte-se-conteudo>.texto>.junte-header>.icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-left: 25px
}


.junte-se-conteudo>.texto {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    flex: 1;
    margin-left: 80px
}


.junte-se-conteudo>.texto>.junte-header>.icone>img {
    height: 46px;
    width: 39px;
    transform: translateX(15px) translateY(-12px)
}


.junte-se-conteudo>.texto>.junte-header>h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-size: 32px;
    line-height: 50px;
    color: #003162;
    font-weight: 700;
    padding-top: 10px
}


.junte-se-conteudo>.texto>p {
    width: 610px;
    font-family: "Panton";
    color: #4a4a4a;
    text-align: end;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 28px
}


.junte-se-conteudo>.texto>.botoes-junte {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}


@media (max-width: 1024px) {
    .junte-se {
        background-image: none
    }


    .junte-se-conteudo {
        flex-direction: column;
        padding: 120px 20px 78px
    }


    .junte-se-conteudo>.img-junte {
        min-width: auto;
        width: 100%;
        height: 262px
    }


    .junte-se-conteudo>.img-junte>.seta {
        transform: translateY(-60px)
    }


    .junte-se-conteudo>.img-junte>.seta>p {
        font-size: 18px !important;
        line-height: 26px !important;
        padding-top: 0;
        text-align: end;
        margin: 0;
        top: -30px;
        position: relative
    }


    .junte-se-conteudo>.img-junte>.seta>svg {
        width: 113px;
        height: 90px;
        transform: scaleY(-1) rotate(45deg);
        margin-right: -10px
    }


    .junte-se-conteudo>.texto,
    .junte-se-conteudo>.texto>p {
        width: 100%;
        margin: 0;
        align-items: center
    }


    .junte-se-conteudo>.texto>.junte-header {
        margin-top: 33px;
        flex-direction: row-reverse;
        margin-bottom: 30px
    }


    .junte-se-conteudo>.texto>.junte-header>.icone {
        margin: 0;
        min-width: 37px;
        min-height: 37px;
        max-width: 37px;
        max-height: 37px;
        margin-right: 20px
    }


    .junte-se-conteudo>.texto>.junte-header>.icone>img {
        height: 28px;
        width: 28px
    }


    .junte-se-conteudo>.texto>.junte-header>h2 {
        font-size: 24px;
        line-height: 29px
    }


    .junte-se-conteudo>.texto>p {
        font-size: 18px;
        line-height: 26px;
        text-align: center
    }


    .junte-se-conteudo>.texto>.botoes-junte {
        margin-top: 0;
        flex-direction: column
    }


    .botoes-junte .btn {
        width: 100%
    }

}

.acontece {
    width: 100%;
    display: flex;
    padding: 60px 0;
    align-items: center;
    justify-content: center
}

.acontece-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px
}

.acontece-conteudo>.acontece-header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px !important
}


.acontece-header>.titulo {
    display: flex;
    align-items: center
}


.acontece-header>.titulo>.icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px
}


.acontece-header>.titulo>.icone>img {
    height: 40px;
    width: 41px;
    transform: translateX(15px) translateY(-12px)
}


.acontece-header>.titulo>h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: 700;
    font-size: 32px;
    line-height: 50px;
    color: #003162;
    padding-top: 10px
}


.acontece-conteudo>.tab-content>.tab-pane>.link {
    padding-top: 48px !important;
    text-align: center
}

.acontece-conteudo>.tab-content>.tab-pane>.acontece-conteudo-campo>.acontece-postagem>.acontece-thumbnail {
    height: 100% !important;
    max-height: 180px !important;
}

.egressos-bloco .acontece-conteudo>.tab-content>.tab-pane>.link {
    padding-top: 0;
}

.acontece-conteudo>.tab-content>.tab-pane>div>a {
    color: #047df6;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.page-71207 .acontece-conteudo>.tab-content>.tab-pane>div>a {
    color: white;
    font-size: 14px;
    font-weight: normal;
}


.acontece-conteudo>.tab-content>a:hover {
    text-decoration: none
}


.acontece-conteudo>.acontece-header>div>ul,
.acontece-conteudo>.acontece-header>ul {
    border: 1px solid #047df6;
    border-radius: 5px;
    text-transform: uppercase !important;
    font-family: "Panton";
    font-weight: 700 !important;
    margin: 12px 0 8px;
    padding: 0
}


.nav-link {
    padding: 10px 35px
}


li:first-child .nav-link {
    border-radius: 5px 0 0 5px
}


li:last-child .nav-link {
    border-radius: 0 5px 5px 0
}


.acontece-conteudo-campo,
.acontece-conteudo-campo-2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}


.acontece-postagem {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #E6E6E6;
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1)
}


.acontece-postagem:hover {
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02)
}


.acontece-postagem>.acontece-thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0 0;
    overflow: hidden
}


.acontece-postagem>.acontece-thumbnail>.categoria-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-family: "Panton";
    font-weight: 700;
    border-radius: 3px;
    height: 30px;
    position: absolute;
    top: 45%;
    right: 10%
}


.acontece-postagem>.acontece-thumbnail>.categoria-tag:hover {
    text-decoration: none
}

@media only screen and (max-width:1199px) {
    .acontece-conteudo-campo .acontece-postagem {
        overflow: hidden;
        height: auto;
    }

    .acontece-conteudo-campo .acontece-postagem .acontece-thumbnail {
        padding: 0;
    }
}

@media only screen and (min-width: 768px) and (max-width:1199px) {

    .acontece-conteudo-campo .acontece-postagem .acontece-thumbnail {
        width: 24.583vw;
        max-width: 50%; /* 100% */
        height: 11.583vw;
    }
}

@media only screen and (min-width: 1200px) {
    .acontece-postagem {
        width: 295px;
    }

    .acontece-postagem>.acontece-thumbnail {
        width: 100%;
        height: 100% !important;
        max-height: 180px !important;
    }
}


.tag-evento {
    color: #fff;
    background-color: #11bfee;
    border: 1px solid #11bfee;
    width: 84px
}


.tag-evento-periodo {
    color: #fff;
    background-color: #11bfee;
    border: 1px solid #11bfee;
    width: 184px
}


.acontece-postagem>.acontece-thumbnail>.tag-jornalismo,
.acontece-postagem>.acontece-thumbnail>.tag-noticias-jornalismo {
    color: #fff;
    background-color: #11bfee;
    border: 1px solid #11bfee;
    width: 92px
}


.acontece-postagem>.acontece-thumbnail>.tag-publicidade-e-propaganda-graduacao,
.acontece-postagem>.acontece-thumbnail>.tag-publicidade-e-propaganda {
    color: #fff;
    background-color: #ed138b;
    border: 1px solid #ed138b;
    width: 182px
}


.acontece-postagem>.acontece-thumbnail>.tag-noticias-relacoes-publicas,
.acontece-postagem>.acontece-thumbnail>.tag-relacoes-publicas-graduacao {
    color: #333;
    background-color: #f0c411;
    border: 1px solid #f0c411;
    width: 136px
}


.acontece-postagem>.acontece-thumbnail>.tag-noticias-rtv,
.acontece-postagem>.acontece-thumbnail>.tag-rtv {
    color: #333;
    background-color: #7eee15;
    border: 1px solid #7eee15;
    width: 145px
}


.acontece-postagem>.acontece-conteudo-post {
    padding: 20px;
    border-top: 1px solid #DDD
}


.acontece-postagem>.acontece-conteudo-post>p {
    color: #829da6;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}


.acontece-postagem>.acontece-conteudo-post>a>h4 {
    color: #333;
    font-family: "Panton";
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 45px
}


.acontece-postagem>.acontece-conteudo-post>a:hover {
    text-decoration: none
}


.acontece-postagem>.acontece-conteudo-post>.post-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Panton";
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    width: 75px
}


.acontece-postagem>.acontece-conteudo-post>.post-tag:hover {
    text-decoration: none
}


.acontece-postagem>.acontece-conteudo-post>.post-noticia {
    background-color: #003162;
    border: 1px solid #003162;
    width: 75px
}


.acontece-postagem>.acontece-conteudo-post>.post-evento {
    background-color: #047df6;
    border: 1px solid #047df6
}


.acontece-conteudo>a {
    display: none
}


.regulamento-conteudo>h2.infraestrutura-subtitulo {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    font-family: "Panton";
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #003162;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 80px
}

@media (min-width: 1025px) {
    .post>.post-conteudo.post-job,
    .post.tipo-trabalhos-incriveis >.post-conteudo,
    .post.tipo-post >.post-conteudo {
        padding-left: 115px;   
        max-width: 1280px;
    }
}

.regulamento-conteudo>h3 {
    margin-bottom: 25px;
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #047df6;
    text-transform: uppercase;
    font-weight: 700
}


.regulamento-conteudo>h4 {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: rgba(130, 157, 166, 0.501961);
    text-transform: uppercase
}


.regulamento-conteudo>p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a
}


.regulamento-conteudo>br {
    height: 0;
    margin: 0;
    padding: 0;
    display: none
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .acontece-postagem .acontece-conteudo-post {
        margin-left: 175px;
        height: 150px
    }
}


@media (max-width: 1024px) {
    .acontece {
        padding: 50px 0 !important
    }


    .acontece-conteudo>.acontece-header {
        margin-bottom: 20px
    }


    .acontece-header>a {
        display: none
    }


    .acontece-header>.titulo>.icone {
        max-height: 37px;
        min-width: 37px;
        min-height: 37px;
        max-width: 37px;
        margin-right: 15px
    }


    .acontece-header>.titulo>.icone>img {
        height: 28px;
        width: 28px
    }


    .acontece-header>.titulo>h2 {
        font-size: 24px;
        line-height: 29px
    }


    .acontece-conteudo-campo {
        display: block;
        height: auto !important
    }


    .acontece-conteudo-campo .slick-list {
        height: auto !important;
        min-height: auto !important
    }


    .acontece-conteudo-campo .slick-slide {
        height: auto !important
    }


    .acontece-conteudo-campo>.slick-dots {
        bottom: -50px
    }


    .acontece-conteudo-campo>.slick-dots li button:before {
        font-family: "Font Awesome 5 Free";
        opacity: 1;
        content: "\f111";
        font-weight: 400;
        color: #003162;
        font-size: 15px
    }


    .acontece-conteudo-campo>.slick-dots li.slick-active button:before {
        opacity: 1;
        content: "\f111";
        font-weight: 900;
        color: #003162
    }


    .acontece-conteudo>a {
        display: block;
        color: #047df6;
        text-transform: uppercase;
        font-family: "Panton";
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        margin-top: 80px
    }


    .acontece-conteudo>.acontece-header>div>ul,
    .acontece-conteudo>.acontece-header>ul {
        width: 100% !important
    }


/* Duplicado na linha 5611
    .acontece-postagems .acontece-thumbnail {
        width: 175px !important;
        height: 150px;
        border-radius: 5px;
        float: left;
        margin: 1px 0 0
    }
*/

    .acontece-postagem .acontece-conteudo-post {
        height: 150px
    }


    .acontece-postagem .acontece-conteudo-post a h4 {
        -webkit-line-clamp: 3;
        font-size: 16px;
        line-height: 20px
    }


    .acontece-postagem>.acontece-thumbnail {
        width: 50%;
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 8px 12px;
        border-radius: 5px 5px 0 0;
        float: left;
        margin-top: 1px
    }


    .acontece-conteudo>.tab-content>.tab-pane>.link {
        padding-top: 40px
    }


    .nav-pills {
        width: 100%;
        max-width: 100%;
        border: 1px solid #047df6;
        border-radius: 5px;
        text-transform: uppercase !important;
        font-family: "Panton";
        font-weight: 700 !important;
        margin: 12px 0 8px;
        padding: 0
    }


    .nav-pills li {
        width: 50%;
        text-align: center
    }


    .nav-pills li a {
        text-align: center
    }

}

.endereco {
    width: 100%;
    display: flex;
    padding: 100px 0;
    align-items: center;
    justify-content: center;
    background-color: #f8f8fd
}


.endereco-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.endereco-conteudo>.barra {
    width: 97px;
    height: 554px
}


.endereco-conteudo>.texto {
    flex: 1
}


.endereco-conteudo>.texto a {
    color: #003162;
    text-decoration: none
}


.endereco-conteudo>.texto>h3 {
    font-family: "Panton";
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    color: #003162;
    text-transform: uppercase;
    margin-bottom: 30px
}


.endereco-conteudo>.texto>p {
    color: #003162;
    font-family: "Panton";
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0
}


.endereco-conteudo>.img-metro {
    display: flex
}


.endereco-conteudo>.img-metro>.texto-seta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    margin-left: -232px;
    transform: translate(65px, 50px)
}


.endereco-conteudo>.img-metro>.texto-seta>p {
    font-family: "Hand Of Sean";
    font-size: 20px;
    line-height: 30px;
    color: #047df6;
    width: 232px;
    padding-bottom: 15px;
    transition: .5s all ease-in-out !important
}


.endereco-conteudo>.img-metro:hover>.texto-seta>p,
.endereco-conteudo>.img-metro:focus>.texto-seta>p {
    transform: translateX(-15px) translatey(30px)
}


.endereco-conteudo>.img-metro>.texto-seta>svg {
    width: 101px;
    transform: rotate(45deg);
    margin-right: 30px;
    transition: .5s all ease-in-out !important
}


.endereco-conteudo>.img-metro:hover>.texto-seta>svg,
.endereco-conteudo>.img-metro:focus>.texto-seta>svg {
    transform: rotate(0deg) translateX(37px) translateY(10px)
}


.endereco-conteudo>.img-metro>img {
    width: 554px;
    height: 554px
}


.endereco-conteudo>.img-metro>.icone {
    background-color: #047df6;
    width: 51px;
    height: 51px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    right: 0;
    margin-right: -51px;
    transform: translate(-100px, 50px);
    transition: .5s all ease-in-out !important
}


.endereco-conteudo>.img-metro:hover>.icone,
.endereco-conteudo>.img-metro:focus>.icone {
    transform: translate(-480px, 95px)
}


.endereco-conteudo>.img-metro>.icone>img {
    width: 34px;
    height: 45px;
    transform: translate(8px, -8px)
}


@media (max-width: 1024px) {
    .endereco {
        padding: 50px 0
    }


    .endereco-conteudo {
        flex-direction: column
    }


    .endereco-conteudo>.barra {
        display: none
    }


    .endereco-conteudo>.img-metro {
        flex-direction: column-reverse;
        width: 100%
    }


    .endereco-conteudo>.img-metro>img {
        width: 100%;
        height: auto
    }


    .endereco-conteudo>.img-metro>.texto-seta {
        width: 100%;
        margin-left: 0;
        transform: translate(0);
        flex-direction: row;
        align-items: center;
        justify-content: center
    }


    .endereco-conteudo>.texto>h3 {
        text-align: center;
        font-size: 26px;
        line-height: 32px
    }


    .endereco-conteudo>.texto>p {
        text-align: center
    }


    .endereco-conteudo>.texto>p>span {
        display: block
    }


    .endereco-conteudo>.texto>p>span.esconde-mobile {
        display: none
    }


    .endereco-conteudo>.img-metro>.icone {
        margin-right: 0;
        transform: translate(0);
        align-self: flex-end;
        width: 37px;
        height: 37px;
        transform: translate(-25px, 70px)
    }


    .endereco-conteudo>.img-metro>.icone>img {
        width: 24px;
        height: 32px;
        transform: translate(8px, -8px)
    }


    .endereco-conteudo>.img-metro>.texto-seta>svg {
        width: 110px;
        transform: rotate(-114deg);
        position: absolute;
        right: -20px;
        bottom: 66px
    }


    .endereco-conteudo>.img-metro>.texto-seta>p {
        padding: 0;
        margin: 0;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin-top: 30px
    }

}

div#agendamentoModal {
    background-color: #00000090
}


.modal-content {
    background-color: transparent
}


.modal-header {
    height: auto;
    background-color: #047df6;
    padding: 0
}


.modal-header>h5 {
    color: #fff;
    font-family: "Helvetica";
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    width: 85%;
    padding: 25px 0 25px 25px
}


.modal-body {
    background-color: #fff;
    padding: 60px
}


.modal-body>h3 {
    color: #003162;
    font-family: "Helvetica";
    font-size: 32px;
    line-height: 38px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0
}


.modal-body>p {
    color: #ff001d;
    font-family: "Panton";
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
    margin-top: 12px;
    margin-bottom: 25px
}


.modal-body>form>.input-field {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.modal-body>form>.input-field:first-child {
    margin-top: 54px
}


.modal-body>form>.input-field>.input-controll {
    border-radius: 4px;
    width: 295px;
    height: 50px;
    border: 1px solid #829da6;
    font-family: "Panton";
    font-size: 18px;
    line-height: 27px;
    padding: 11px 20px
}


.modal-body>form>.input-field>.input-checkbox,
.modal-body>form>.input-field>.wpcf7-list-item {
    display: flex;
    align-items: center
}


.modal-body>form>.input-field>.input-checkbox>.check-interesse,
.modal-body>form>.input-field>.wpcf7-list-item>input {
    height: 20px;
    width: 20px;
    margin-right: 10px
}


.modal-body>form>.input-field>.input-checkbox>p,
.modal-body>form>.wpcf7-list-item>span {
    margin-bottom: 0;
    color: #829da6;
    font-family: "Panton";
    font-size: 18px;
    line-height: 22px
}


.modal-body>form>label {
    color: #829da6;
    font-size: 18px;
    line-height: 26px;
    font-family: "Panton";
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase
}


.modal-header .close {
    background-color: #003162;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 24px 24px 0 auto;
    opacity: 1;
    color: #fff;
    font-size: 16px;
    line-height: 21px
}


.modal-body>form>.agendar-form {
    margin-top: 70px;
    background-color: #047df6;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #047df6;
    font-size: 16px;
    line-height: 21px;
    font-family: "Panton";
    font-weight: 700;
    width: 173px;
    height: 46px;
    text-transform: uppercase
}


.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
    opacity: 1
}


.modal-dialog {
    max-width: 980px;
    margin-top: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 10px #00000066
}

#provasModal .modal-dialog{
    box-shadow: none;
}

#provasModal .modal-content{
    box-shadow: 0 3px 10px #00000066
}


.wpcf7-checkbox>span {
    width: 100%;
    float: left
}


.wpcf7-checkbox>span>input {
    margin-right: 10px
}


.wpcf7-checkbox>span>.wpcf7-list-item-label {
    margin-right: 15px
}


@media (max-width: 1024px) {
    .modal-dialog {
        margin: 0 20px
    }


    .modal-body {
        padding: 37px 20px
    }


    .modal-header .close {
        margin: 0 0 0 auto
    }


    .modal-body>h3 {
        font-size: 20px;
        line-height: 28px
    }


    .modal-body>p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 9px;
        margin-bottom: 25px
    }


    .modal-body>form>.input-field {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }


    .modal-body>form>.input-field:first-child {
        margin-top: 5px
    }


    .modal-body>form>.input-field>.input-controll {
        margin-top: 15px
    }


    .modal-body>form>label {
        margin-top: 22px;
        margin-bottom: 0
    }


    .modal-body>form>.input-field>.input-checkbox>.check-interesse {
        min-height: 20px;
        min-width: 20px
    }


    .modal-body>form>.input-field>.input-checkbox {
        align-items: flex-start;
        margin-top: 20px
    }


    .modal-body>form>.agendar-form {
        margin-top: 30px
    }

}

.img-red {
    min-width: 100% !important;
    min-height: auto !important
}


.img-container {
    justify-content: center;
    align-items: center;
    overflow: hidden;
    display: flex
}


.acontece-postagem>.acontece-thumbnail {
    height: 180px !important;
}


.acontece-postagem>.acontece-thumbnail>.categoria-tag {
    top: inherit;
    bottom: 12px;
    right: 12px;
}


.acontece-postagem>.acontece-thumbnail,
.cursos-livres>.curso-thumnail,
.curso-graduacao>.curso-thumnail {
    height: 180px !important;
}


.cursos-livres>.curso-thumnail {
    height: 180px !important;
}


@media only screen and (max-width:500px) {
    .box-emec {
        margin: 20px auto !important;
        box-sizing: border-box;
        width: 100% !important;
        height: 225px !important;
        border: 1px solid #fff;
        box-shadow: 0 0 20px #e6e6e6;
        border-radius: 10px;
        position: relative;
        max-width: 360px !important;
        display: block;
        background: url(https://static.casperlibero.edu.br/uploads/2022/12/bg-emec-mob.png) 0 65px/100% no-repeat !important
    }


    .img-emec2 {
        display: none
    }


    .box-qrcode {
        display: flex !important;
        flex-direction: row !important;
        width: 100%;
        padding: 0 !important;
        position: relative !important;
        gap: 0 !important;
        left: 25px !important;
        top: 130px !important;
        border: 3px solid #004e90;
        height: 65px;
        border-radius: 10px;
        background: #fff
    }


    .hr-portaria {
        color: #757575 !important;
        width: 145px;
        position: absolute;
        top: 83px !important;
        left: 190px !important
    }


    .emec-qrcode {
        margin: 0;
        display: none
    }


    .tit-emec {
        text-transform: uppercase;
        font-family: Helvetica;
        font-weight: 700;
        font-size: 18px !important;
        color: #003162;
        padding-top: 10px;
        text-align: left !important;
        display: block;
        position: absolute;
        top: 20px !important;
        left: 20px !important;
        line-height: 10px !important
    }


    .txt-portaria {
        position: absolute;
        font-weight: 700;
        font-size: 12px !important;
        line-height: 16px !important;
        color: #757575 !important;
        top: 65px !important;
        display: block;
        left: 20px !important;
        width: 190px !important
    }


    .emec-logo {
        margin: 0;
        position: relative;
        left: 15px !important;
        top: 0 !important;
        width: 130px !important;
        border-radius: 20px
    }


    .emec-acesseja {
        margin: 0 !important;
        position: relative !important;
        top: 9px !important;
        left: 0 !important;
        width: 140px;
        height: 40px
    }


    .tit-desktop-emec {
        margin-top: 10px !important
    }


    .section-emec {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

}

.section-emec {
    margin-top: -50px;
    margin-bottom: 80px
}


.box-emec {
    margin: 40px auto;
    box-sizing: border-box;
    width: 1240px;
    height: 462px;
    border: 1px solid #fff;
    box-shadow: 0 0 20px #e6e6e6;
    border-radius: 10px;
    background: url(https://static.casperlibero.edu.br/uploads/2022/12/bg-emec.jpg) 0 0/cover no-repeat;
    position: relative
}


.tit-emec {
    text-transform: uppercase;
    text-transform: uppercase;
    font-family: Helvetica;
    font-weight: 700;
    font-size: 30px;
    color: #003162;
    padding-top: 10px;
    text-align: right;
    display: block;
    position: absolute;
    top: 145px;
    left: 130px;
    line-height: 16px
}


.hr-portaria,
.txt-portaria {
    color: #757575 !important;
    position: absolute
}


.box-qrcode {
    display: flex;
    flex-direction: column;
    width: 300px;
    padding: 0 62px;
    position: absolute;
    right: 220px;
    top: 60px;
    gap: 10px
}


.txt-portaria {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    top: 194px;
    display: block;
    left: 310px
}


.hr-portaria {
    width: 145px;
    top: 210px;
    left: 148px
}


.emec-acesseja,
.emec-logo,
.emec-qrcode {
    margin: 0
}


.box-desktop-emec {
    background: 0 0;
    height: auto;
    display: flex;
    margin: 0 auto;
    max-width: 300px;
    flex-direction: column;
    align-items: center;
    padding: 0 20px
}


.tit-desktop-emec {
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-weight: 500;
    margin-top: -12px
}


.link-desktop-emec {
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 20px;
    padding: 20px 30px;
    align-items: center;
    width: 230px
}


.img-emec1,
.img-emec3 {
    margin: 0;
    width: 130px;
    height: auto
}


.img-emec2 {
    margin: 5px 0 10px;
    width: 170px;
    height: auto
}


.conteudo-geral {
    max-width: 1280px;
    width: 100%;
    padding: 100px 20px;
    margin: auto;
}


.conteudo-into {
    max-width: 1280px;
    width: 100%;
    padding: 100px 20px;
}

.wpcf7-submit {
    color: #fff;
    background-color: #003162;
    border: 1px solid #003162;
    justify-content: center;
    align-items: center;
    font-family: "Panton";
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    padding: .5rem 1.5rem;
    line-height: 40px;
    font-size: 18px;
}


.post-conteudo>figure {
    width: auto;
    margin: 0px;
    margin-bottom: 40px
}


.wp-caption img {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: auto
}


.wp-caption p {
    margin: 0px !important;
    padding: 0px !important;
    line-height: 0px
}


.modal .modal-header h5 {
    font-size: 16px;
    line-height: 20px;
    padding: 0px
}


.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label,
.wpcf7-list-item-label {
    margin-left: 10px !important;
    padding-left: 0px !important
}


.navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 0rem;
    padding-left: 0rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #fff;
    transition: visibility .2s ease-in-out, -webkit-transform .2s ease-in-out;
    z-index: 999999
}


.navbar-collapse .offcanvas-header {
    padding: 27px 20px;
    margin: 0px;
    background-color: #003162;
    position: relative;
    width: 100%;
    z-index: 9999
}


.navbar-collapse .offcanvas-header img {
    height: 40px;
    margin: 3px 0px
}


.navbar-collapse .navbar-nav li.nav-item a.nav-link {
    color: #003162;
    padding: 16px 20px;
    font-family: "Panton";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    width: 100%
}


.navbar-collapse .navbar-nav li.nav-item .dropdown-menu {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    border: 0px
}


.navbar-collapse .navbar-nav li.nav-item .dropdown-menu h4 {
    padding: 16px 20px;
    margin: 0px;
    font-family: "Panton";
    font-weight: 600;
    text-transform: uppercase;
    background-color: #047df6;
    color: #fff;
    font-size: 16px;
    position: relative;
    width: 100%
}


.header>.menu-inferior>.menu-item>.menu-link {
    text-transform: uppercase;
    font-family: "Panton";
    color: #fff;
    font-weight: bold;
    font-size: 18px
}


.header>.menu-inferior>.menu-item>.vestibular-btn {
    display: block;
    padding: 12px 20px;
    background-color: #047df6;
    border-radius: 5px;
    margin: 3px 0px;
    transition: .5s all ease-in-out !important
}


.dropdown-content {
    display: none;
    position: absolute;
    z-index: 4;
    margin-left: -50px;
    box-shadow: 0px 3px 6px #00000029
}


.dropdown-area>.drop-principal {
    width: 260px;
    padding: 30px 20px;
    background-color: #fff;
    height: fit-content;
    box-shadow: 0px 3px 6px #00000029
}


.dropdown-area>.subprincipal {
    width: 360px;
    padding: 30px 20px;
    background-color: #f9f9f9;
    box-shadow: 0px 3px 6px #00000029;
    display: none
}


.dropdown-area>h4,
.dropdown-area>.drop-principal>h4,
.dropdown-area>.subprincipal>.sub-area>h4 {
    font-family: "Panton";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #047df6;
    margin-bottom: 8px
}


.cabecalho .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all 0.3s ease
}


.menu-inferior .menu-link {
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease
}


.menu-inferior .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all 0.3s ease
}


    .header>.cabecalho>.site-logo>.logo-search {
        opacity: 0.05;
        position: absolute;
        top: 0;
        left: 20px
    }


    .mobile-link {
        color: #003162;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 24px;
        font-family: "Panton";
        font-weight: bold;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 23px 20px
    }


    .drop-mobile>h4 {
        font-family: "Panton";
        font-weight: bold;
        color: #047df6;
        text-transform: uppercase;
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 0
    }


.footer>.menus-footer>.coluna>h3 {
    font-family: "Helvetica";
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase
}


.menu-footer .menu-link {
    position: relative;
    text-decoration: none;
    transition: all 0.3s ease
}


.menu-footer .menu-link::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all 0.3s ease;
    max-width: 60px
}


    .footer>.menus-footer>.conheca>h3 {
        margin-top: 0px
    }


.nav-links {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f8f8fd
}


.nav-links-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}


.nav-links-conteudo>.item-link,
.nav-links-conteudo>.divisor {
    padding: 0;
    margin: 0;
    color: #829da6;
    font-size: 16px;
    line-height: 22px;
    font-family: "Panton";
    margin-left: 5px
}


.nav-links-conteudo>.divisor {
    padding: 0 2px;
    font-size: 12px
}


.nav-links-conteudo>.item-link:last-child {
    max-width: 94ch;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


.nav-links-conteudo>.divisor:last-child {
    display: none
}

.banner {
    height: 500px;
    background-image: url(./template-parts/views/assets/img/design-v2/banner-comissao-de-avaliacao.png);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}


.banner-conteudo {
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}


.banner>.banner-conteudo>.grupo-cores {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 230px;
    justify-content: space-between;
    margin-bottom: 0px;
    margin-top: 0px
}


.banner>.banner-conteudo>.grupo-cores>.cores {
    display: block;
    min-height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-bottom: 0
}


.banner>.banner-conteudo>.texto>h1 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 56px;
    line-height: 66px;
    width: 600px
}


.banner>.banner-conteudo>.texto>p {
    color: #fff;
    font-family: "Panton";
    font-weight: bold;
    margin-bottom: 0;
    font-size: 22px;
    line-height: 30px;
    width: 600px;
    padding-bottom: 15px
}


.banner>.banner-conteudo>.texto>p:last-child {
    padding-bottom: 0px
}


@media (max-width: 1024px) {
    .banner {
        height: 405px
    }


    .banner>.banner-conteudo>.grupo-cores>.cores {
        display: none
    }


    .banner-conteudo {
        justify-content: center
    }


    .banner>.banner-conteudo>.texto {
        display: flex;
        flex-direction: column;
        align-items: center
    }


    .banner>.banner-conteudo>.texto>h1 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        margin-bottom: 20px;
        text-align: center;
        width: auto
    }


    .banner>.banner-conteudo>.texto>p {
        font-size: 18px;
        line-height: 24px;
        width: auto;
        text-align: center
    }

}

.cpa {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}


.cpa-video {
    background-color: #f8f8fd
}


.conteudo-geral {
    max-width: 1280px;
    width: 100%;
    padding: 100px 20px
}


.conteudo-geral h4,
.conteudo-geral p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a;
    margin-bottom: 25px
}


.conteudo-geral h4 {
    font-weight: bold;
    text-transform: uppercase
}




.conteudo-geral .icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px
}


.conteudo-geral .icone>img {
    height: 46px;
    width: 39px;
    transform: translateX(15px) translateY(-12px)
}


.conteudo-geral h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: bold;
    color: #003162;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 0
}


.videos-cpa {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}


.cpa-videos {
    max-width: 610px;
    height: 345px
}


.contato {
    display: flex;
    align-items: center;
    margin-bottom: 17px
}


.contato>p {
    margin-bottom: 0
}


.contato>p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a
}


.contato>p>a {
    color: #4a4a4a
}


.contato>.icone {
    display: flex;
    width: 37px;
    margin-right: 20px;
    align-items: center;
    justify-content: center
}


.contato>.icone>img {
    height: 27px
}


.contato>.icone.height>img {
    height: 20px
}


.conteudo-geral-head {
    display: flex;    
}



@media (max-width: 1024px) {
    .conteudo-geral {
        padding: 50px 20px;
        flex-direction: column
    }


    .conteudo-geral .conteudo-geral-head {
        margin-bottom: 0;
    }


    .conteudo-geral .conteudo-geral-head > .icone {
        max-height: 37px;
        min-width: 37px;
        min-height: 37px;
        max-width: 37px;
    }


    .conteudo-geral .conteudo-geral-head > .icone img {
        height: 28px;
        width: 28px;
        transform: translateX(9px) translateY(-9px)
    }


    .conteudo-geral h2,
    .conteudo-geral-head h1,
    .conteudo-geral-head .titulo {
        width: auto;
        font-size: 24px;
        line-height: 30px
    }


    .contato>p,
    .conteudo-geral h4,
    .conteudo-geral p {
        font-size: 18px;
        line-height: 24px
    }

    .infraestrutura .conteudo-geral-head {
        padding-left: 15px;
    }

    .site-conteudo .conteudo-geral-head > .icone {
        max-height: 37px;
        min-width: 37px;
        min-height: 37px;
        max-width: 37px;
        border-radius: 50%;
        margin-right: 16px; /* 25px; */
    }

    .site-conteudo .conteudo-geral-head > .icone > img {
        height: 28px;
        width: 28px;
        transform: translateX(9px) translateY(-9px);
    }

    .videos-cpa {
        flex-direction: column
    }


    .cpa-videos {
        max-width: 100%;
        height: 210px;
        margin-bottom: 25px
    }

}

@media only screen and (max-width:500px) {
    .box-emec {
        margin: 20px auto !important;
        box-sizing: border-box;
        width: 100% !important;
        height: 225px !important;
        border: 1px solid #fff;
        box-shadow: 0 0 20px #e6e6e6;
        border-radius: 10px;
        position: relative;
        max-width: 360px !important;
        display: block;
        background: url(https://static.casperlibero.edu.br/uploads/2022/12/bg-emec-mob.png) 0 65px/100% no-repeat !important
    }


.header .menu-inferior {
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
    margin: 7px 0
}


    .header>.cabecalho>.menu-superior,
    .header ul.menu-inferior {
        display: none
    }

}

.banner-inicial {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}


.banner-inicial>.banner-inicial-conteudo {
    width: 100%;
    max-width: 1280px;
    padding: 50px 20px
}


.banner-inicial-conteudo>.post-thumbnail {
    height: 550px;
    background-position: center;
    background-size: cover
}


.banner-inicial-conteudo>.post-titulo {
    background-color: #003162;
    border-top: 5px solid #047df6;
    padding: 50px 105px
}


.post-titulo>h1 {
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #fff
}


.post-titulo>p {
    font-family: "Panton";
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    margin-bottom: 20px
}


.post-titulo>.post-info {
    display: flex;
    align-items: center
}


.post-info>.autor-avatar {
    border-radius: 50%;
    width: 67px;
    height: 67px;
    margin-right: 20px
}


.post-info>.titulo-info>h4 {
    font-family: "Panton";
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 0
}


.post-info>.titulo-info>p {
    font-family: "Panton";
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    margin-bottom: 0
}


.post {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}


.post>.post-conteudo {
    width: 100%;   
    padding: 40px 20px 0;/*0 75px 100px*/
}


.post-conteudo,
.post-conteudo p {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 25px;
    color: #4a4a4a
}


.post-conteudo p img {
    width: auto;
    height: auto
}


.post-conteudo ul,
.lista-padrao {
    margin-bottom: 50px
}


.post-conteudo ul li,
.lista-padrao li {
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a
}

.lista-padrao li {
    margin-bottom: 10px;
}

.post-conteudo h2,
.post-conteudo h3,
.post-conteudo h4 {
    font-family: "Panton";
    font-weight: bold;  
    color: #003162;
    text-transform: uppercase;
    margin: 40px 0 30px 0;
}

.post-conteudo h2 {
    /* font-size: 24px;
    line-height: 28px;   */
    font-size: 30px;
    line-height: 34px;
}

.post-conteudo h3 {
    font-size: 26px;
    line-height: 30px; 
}

.post-conteudo h4 {
    font-size: 22px;
    line-height: 28px; 
}

.single-post .post-conteudo h2{
    font-size: 30px;
    line-height: 34px;
    margin-top: 60px; 
}

.post-conteudo h4::after {
    display: block;
    content: "";
    width: 82px;
    max-width: 100%;
    border-top: 4px solid #047df6
}

.lista-posts .post-titulo > h3::after {
    display: none;
}

.lista-posts .post-titulo:hover > h3 {
    text-decoration: underline;
}

.post-conteudo a {
    word-break: break-word;
}

.post-conteudo .alert {
    margin-bottom: 60px
}


.post-conteudo .alert p:last-child {
    margin-bottom: 0px
}


blockquote,
.wp-block-quote {
    display: flex;
    flex-direction: column;   
    margin: 0 0 20px;
}

blockquote p,
.wp-block-quote p {
    font-weight: bold
}


blockquote cite,
.wp-block-quote cite {
    font-family: "Hand Of Sean";
    text-align: end;
    font-size: 20px;
    line-height: 46px;
    color: #4a4a4a
}


blockquote cite::before,
.wp-block-quote cite::before {
    content: "——";
    font-family: "Panton";
    font-weight: bold;
    color: #047df6;
    margin-right: 20px;
    letter-spacing: -3px
}


blockquote cite::after,
.wp-block-quote cite::after {
    content: "";
    display: inline-block;
    min-width: 56px;
    min-height: 46px;
    background-image: url(./template-parts/views/assets/img/design-v2/icones/icon-massage.svg);
    background-size: 56px 46px;
    margin-bottom: -15px;
    margin-left: 15px
}


figure>img {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    margin: 0px !important
}


figure:not(.figure) figcaption {
    background-color: #829da6;
    border-top: 5px solid #003162;
    padding: 20px;
    font-family: "Panton", sans-serif;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}


.figure figcaption {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 8px;
    font-family: "Panton", sans-serif;
    padding: 0 5px;
    line-height: 0.95rem;
    letter-spacing: 0.015rem;
}


.post-conteudo>figure,
.wp-caption {
    text-align: center;
    background: #F9F9F9;
    margin-bottom: 20px
}


.wp-caption>.wp-caption-text {
    background-color: #829da6;
    border-top: 5px solid #003162;
    padding: 20px;
    font-family: "Panton";
    font-size: 18px;
    line-height: 22px;
    color: #fff
}


figure {
    margin-bottom: 60px
}


.bancada {
    width: 100%;
    border: 2px solid #829da6;
    padding: 33px;
    font-size: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #4a4a4a;
    text-align: center
}


.bancada>p {
    margin-bottom: 0
}


.bancada>p>a {
    color: #4a4a4a;
    font-weight: bold
}


@media (max-width: 1024px) {
    .banner-inicial-conteudo>.post-thumbnail {
        height: 300px
    }


    .banner-inicial-conteudo>.post-titulo {
        padding: 25px 20px
    }


    .post-titulo>h1 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 22px
    }


    .post-titulo>p {
        font-size: 16px;
        line-height: 20px
    }


    .post-info>.autor-avatar {
        width: 45px;
        height: 45px
    }


    .post>.post-conteudo {
        padding: 0 20px 60px
    }


    .post-conteudo p,
    .lista-padrao li {
        font-size: 18px;
        line-height: 24px
    }


    .post-conteudo h2 {
        font-size: 20px;
        line-height: 28px
    }


     .post-conteudo h3 {
        font-size: 18px;
        line-height: 26px
    }


    .post-conteudo h4 {
        font-size: 16px;
        line-height: 24px
    }


    .single-post .post-conteudo h2{
        font-size: 26px;
        line-height: 30px;
        margin-top: 30px; 
    }

    .wp-block-quote {
        margin: 0 30px;
        margin-bottom: 30px
    }


    .bancada {
        font-size: 18px;
        line-height: 24px;
        padding: 33px 5px
    }

}

.compartilhe {
    padding: 18px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    height: 300px;
    box-shadow: 0px 3px 6px #00000033;
    justify-content: space-between;
    z-index: 3;
    background-color: #fff;
    margin-top: 86px
}


.compartilhe_rede {
    color: #003162;
    font-size: 20px;
    display: flex;
    align-items: flex-end
}


.compartilhe_img {
    width: 27px
}


.compartilhe_rede>span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #047df6;
    color: #fff;
    font-family: "Panton";
    font-size: 11px;
    width: 15px;
    height: 15px
}


@media (max-width: 1024px) {
    .compartilhe {
        flex-direction: row;
        align-items: center;
        position: initial;
        height: auto;
        width: 100%;
        margin-top: 0
    }

}


.acontece-header>.titulo>h2 {
    text-transform: uppercase;
    font-family: "Helvetica";
    font-weight: bold;
    font-size: 32px;
    line-height: 50px;
    color: #003162;
    padding-top: 10px
}


.acontece-conteudo>.tab-content>.tab-pane>div>a {
    color: #047df6;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: bold;
    font-size: 20px;
    line-height: 24px
}


.acontece-conteudo>.acontece-header>div>ul,
.acontece-conteudo>.acontece-header>ul {
    border: 1px solid #047df6;
    border-radius: 5px;
    text-transform: uppercase !important;
    font-family: "Panton";
    font-weight: bold !important;
    margin: 12px 0px 8px;
    padding: 0px
}


li:first-child .nav-link {
    border-radius: 5px 0px 0px 5px
}


li:last-child .nav-link {
    border-radius: 0px 5px 5px 0px
}


.acontece-postagem {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 20px #E6E6E6;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1)
}


.acontece-postagem>.acontece-thumbnail {
    background-position: center;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 8px 12px;
    border-radius: 5px 5px 0px 0px
}


.acontece-postagem>.acontece-thumbnail>.categoria-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-family: "Panton";
    font-weight: bold;
    border-radius: 3px;
    height: 30px
}


.acontece-postagem>.acontece-conteudo-post>a>h4 {
    color: #333;
    font-family: "Panton";
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 45px
}


.acontece-postagem>.acontece-conteudo-post>.post-tag {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Panton";
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    border-radius: 3px;
    color: #fff;
    height: 30px;
    width: 75px
}


.regulamento-conteudo>h2.infraestrutura-subtitulo {
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
    font-family: "Panton";
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
    color: #003162;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-top: 80px
}


.regulamento-conteudo>h3 {
    margin-bottom: 25px;
    font-family: "Panton";
    font-size: 20px;
    line-height: 28px;
    color: #047df6;
    text-transform: uppercase;
    font-weight: bold
}


.regulamento-conteudo>br {
    height: 0px;
    margin: 0px;
    padding: 0px;
    display: none
}


@media (max-width: 768px) {
    .acontece-postagem {
        height: 61.069vw;
    }
}


@media (max-width: 1024px) {
    .acontece {
        padding: 50px 0 50px !important
    }


    .acontece-conteudo>a {
        display: block;
        color: #047df6;
        text-transform: uppercase;
        font-family: "Panton";
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        margin-top: 80px
    }


    .acontece-postagem {
        width: 100%;
        max-width: 100%;        
        margin: 0px 0px 15px;
        padding: 0px;
        border-radius: 5px
    }

/*
    .acontece-postagems .acontece-thumbnail {
        width: 175px !important;
        height: 150px;
        border-radius: 5px;
        float: left;
        margin: 1px 0px 0px
    }
*/

    .acontece-postagem>.acontece-thumbnail {
        width: 50%;
        background-position: center;
        background-size: cover;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        padding: 8px 12px;
        border-radius: 5px 5px 0px 0px;
        float: left;
        margin-top: 1px
    }


    .nav-pills {
        width: 100%;
        max-width: 100%;
        border: 1px solid #047df6;
        border-radius: 5px;
        text-transform: uppercase !important;
        font-family: "Panton";
        font-weight: bold !important;
        margin: 12px 0px 8px;
        padding: 0px
    }

}

.acontece-conteudo-campo .acontece-postagem .acontece-thumbnail {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0px;
    position: relative;
}

.acontece-conteudo-campo .acontece-postagem .acontece-thumbnail img {
    object-fit: cover;
    object-position: center;
    height: 100%;
}

/*
@media (min-width: 768px) {
    .acontece-conteudo-campo .acontece-postagem .acontece-thumbnail {
        width: 24.583vw;
        max-width: 295px; /* 100% 
        height: 11.583vw;
        max-height: 139px;
    }

}
*/
.cursos-campo-conteudo .cursos-livres .curso-thumnail {
    height: 200px;
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    background-color: #829da6
}


.cursos-campo-conteudo .pos-graduacao .curso-thumnail {
    height: auto !important;
    width: 100% !important;
    background-position: center;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    background-color: #829da6
}


.curso-thumnail {
    overflow: hidden !important
}


.cursos-graduacao .cursos-campo-conteudo .curso-graduacao .curso-thumnail {
    height: 100% !important;
    max-height: 180px;
    width: 100% !important;
    background-position: center;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    background-color: #829da6
}


.programas-geral .programa img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 15px !important;
    border-radius: 5px !important
}


/*# sourceMappingURL=noticia.min.css.map */

.banner-conteudo.animacao {
    max-width: 1280px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: unset;
}


h2.infraestrutura-subtitulo::after {
    display: block;
    content: "";
    width: 82px;
    border-top: 4px solid #047df6;
}


.conteudo-geral-head .icone img {
    height: 46px;
    width: 39px;
    transform: translateX(15px) translateY(-12px);
}


.conteudo-geral-head .icone {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #047df6;
    max-height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    border-radius: 50%;
    margin-right: 25px;
}



/* Estilos para o menu principal */
.menu-inferior > .menu-item > ul.sub-menu {
    z-index: -2;
}
.menu-inferior > .menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a,
.menu-inferior > .menu-item > ul.sub-menu > li.menu-item > a {
    text-transform: uppercase;
    color: #4a4a4a;
    font-family: "Panton";
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    position: relative;
}


.menu-inferior > .menu-item > ul.sub-menu > li.menu-item > a:hover {
    text-decoration: underline;
}

.menu-inferior > .menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a span,
.menu-inferior > .menu-item > ul.sub-menu > li.menu-item > a span {
    font-size: 10px;
    line-height: 18px;
    height: 16px;
    color: #FFF;
    background-color: #047df6;
    position: relative;
    padding: 0px 4px;
    border-radius: 3px;
    font-weight: bold;
    display: inline-block;
    margin-left: 6px;
}

.tag-novo.menu-item > a::after,
.nav-item.tag-novo > a::after {
    background-color: #047df6;
    color: white;
    padding: 0 4px;
    display: inline-block;
    content: 'NOVO';
    font-weight: 700;
    font-size: 10px;
    line-height: 18px;
    height: 16px;
    border-radius: 3px;
    margin-left: 6px;
}



.menu-item > .menu-link {
    text-transform: uppercase;
    font-family: "Panton";
    color: #fff;
    font-weight: 700;
    font-size: 18px;
}


.menu-inferior .menu-link {
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
}


.menu-item>.menu-link {
    display: flex;
    align-items: center;
}


.menu-inferior>.menu-item>.menu-link:hover {
    text-decoration: none;
}


ul.menu-inferior {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}


ul.menu-inferior li {
    position: relative;
}

ul.menu-inferior > li:not(.vestibular, .btn-style) {
    padding: 10px 15px;
    height: 68px;
    display: flex;
    align-items: center;
}

ul.menu-inferior .vestibular {
    margin: 7px 0;
    border: none;
}

ul.menu-inferior .vestibular a {
   display: block;
    padding: 12px 4px; /*10px 20px;*/
    color: #333;
    font-weight: 700;
}

ul.menu-inferior > li > a {
    padding: 0;
    text-decoration: none;
}

ul.menu-inferior > li.btn-style {
    padding: 0;
}

ul.menu-inferior > .btn-style a,
ul.menu-inferior > .btn-style .btn {
    padding: 15px 35px;
}



ul.menu-inferior > li:not(.vestibular) > a {
    position: relative;
}

ul.menu-inferior > li:not(.vestibular) > a::after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: white;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: all 0.3s ease;
    text-decoration: none;
}

ul.menu-inferior > li:hover > a::after {
    transform: scaleX(1);
}






ul.menu-inferior li:not(.btn-style) a {
    display: block;
    text-decoration: none;
}

.sou-aluno ul.menu-inferior > li:hover > a::after {
    display: none;
}

.header .btn-style .btn {
    line-height: normal;
    margin: 0;
    border: none;
}

ul.menu-inferior li.btn-style:hover,
ul.menu-inferior li.vestibular:hover {
    border: none;
}

ul.menu-inferior li:hover > .sub-menu,
ul.menu-inferior li:focus-within > .sub-menu,
ul.menu-inferior li  > .sub-menu:hover {
    display: block;
}


/* Estilos para o primeiro nível do submenu */
ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    padding: 15px;
    margin: 0;
    min-width: 310px;
    list-style: none;
    border-radius: 0 0 5px 5px;
    border: none;
}

ul.sub-menu li {
    width: auto !important;
}

ul.sub-menu li a {
    display: block;
    padding: 5px 20px;
    text-decoration: none;
    color: #333;
}


@media (min-width: 1025px) {
    .menu-inferior .sub-menu { 
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        display: block; 
        height: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .45s ease;
    }

    .menu-inferior > .menu-item:hover .sub-menu{
        height:auto;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .menu-item.menu-item-has-children {
        padding-right: 20px;
    }

    .menu-item.menu-item-has-children:after {
        display: inline-block;
        content: "";
        width: 12px;
        height: 12px;
        background: transparent url(./template-parts/views/assets/img/design-v2/icones/chevron-menu.svg) no-repeat center center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(5px,-50%);
        transition: .45s all ease;
    }

    .menu-item.menu-item-has-children:not(.estilo4):hover:after {
        transform: rotate(180deg) translate(-5px,50%);
        filter:  brightness(0) invert(1);
    }

}

/* Estilos adicionais */
ul.sub-menu li:hover {
    background-color: transparent;
}


ul.sub-menu li:last-child {
    border-bottom: none;
}


ul.sub-menu > li > ul.sub-menu {
    display: none;
    left: 270px !important;
    top: 0px !important;
}


ul.menu-inferior > li.menu-item-has-children > ul.sub-menu > li.titulo-menu:hover {
    background-color: #ffffff;
}


ul.menu-inferior > li.menu-item-has-children > ul.sub-menu > li.titulo-menu > a {
    font-family: "Panton" !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #047df6 !important;
    margin-bottom: 0px !important;
    cursor: default !important;
}


ul.menu-inferior > li.menu-item-has-children > ul.sub-menu > li.titulo-menu > h4,
ul.menu-inferior > li.menu-item-has-children > ul.sub-menu > li.titulo-menu > .rotulo {
    font-family: "Panton" !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #047df6 !important;
    margin-bottom: 0px !important;
    cursor: default !important;
    padding: 10px 0 10px 20px !important;
}


.ultimo-item {
    border-bottom: 2px dashed rgba(130,157,166,0.501961);
    padding-bottom: 15px;
    margin-bottom: 15px;
}


.header li.titulo-menu > a {
    font-family: "Panton";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #047df6;
    margin-bottom: 0px;
    cursor: default;
}


.header li.titulo-menu > h4,
.header li.titulo-menu > .rotulo {
    font-family: "Panton";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #047df6;
    margin-bottom: 0px;
    cursor: default;
    padding: 10px 0 10px 20px;
}



.menu-superior li.menu-item a {
    text-decoration: none !important;
}

.banner-inicial > .banner-video {
    max-height: 600px;
    min-height: 400px;
    height: 100%;
    display: block !important;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    width: 1320px;
}


.banner-inicial > .banner-video a img {
    width: 100%;
}


.menus-footer .menu-item a.menu-link {
    color: #fff;
    font-family: "Panton";
    line-height: 36px;
    font-size: 20px;
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    text-transform: initial;
    font-weight: normal !important;
}


.menus-footer .menu-item a.menu-link:hover {
    text-decoration: none !important;
}


.apresentacao> .apresentacao-conteudo.revista{
    display: block;
}


.banner-inicial-conteudo .banner img{
    height: 100%!important;
    opacity: .5;
}


.site-conteudo .banner-inicial-conteudo .banner {
    justify-content: left;
}


h2.evento-titulo::after,.post-evento h2::after  {
    display: none !important;
}


.lista-posts .post>.post-conteudo {
    padding: 0;
}

.page-40169 .cabecalho, .page-40169 .secao-tarja,.page-40169  .menu-inferior{
    display:none;
}


/* css dev */

ul.menu-inferior li:hover > ul.sub-menu {
    display: block;
    overflow: auto !important;
    height: 500px !important;
}


ul.menu-inferior li:hover > ul.sub-menu::-webkit-scrollbar {
    width: 10px;
}


ul.menu-inferior li:hover > ul.sub-menu::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #047df6
}


.btn-vestibular {
    padding: 10px 35px;
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 15px;
    border: 0;
    margin: 10px 5px 10px 0;
    background-color: #047df6;
    border-radius: 5px;
    height: 50px;
}


@media (max-width: 1024px) {
    .menu-item-40381.btn.btn-secondary{
        display: none;
    }

    .navbar-collapse .navbar-nav li.menu-item {
        border-bottom: 1px solid #829da6;
    }


    .navbar-collapse .navbar-nav li.menu-item > a {
        color: #003162;
        padding: 16px 20px;
        font-family: "Panton";
        font-weight: 700;
        text-transform: uppercase;
        font-size: 18px;
        position: relative;
        width: 100%;
    }


    .sub-menu {
        display: none;
    }

}

.acontece-thumbnail img{
    width: 100% !important;
}


.acontece-postagem > .acontece-thumbnail{
height: auto;
}


.page-43007{
    margin: 0;
}

.page-43007 .secao-tarja{
    display: none;
}

a {
    text-decoration: none;
}

.matriz {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 60px 0;
}

.matriz-conteudo>.matriz-head {
    margin-bottom: 24px !important;
}
 
.matriz .matriz-conteudo {
    max-width: 1280px;
    width: 100%;
    padding: 24px;
}

.quadro-matriz {
    padding: 0px !important;
}

.quadro-matriz-itens {
    background: #f8f8fd;
    padding: 20px;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: center;
    width: 100%;
    height: 100% !important;
}

.acontece {
    background-color: #fff;
}

.acontece.cd-intro {
    background-color: #FFF;
    padding: 60px 0px !important;
}


.lista-posts .post-thumbnail {
    width: 280px ;
    border-radius: 10px ;
    box-shadow: 0 0 20px #e6e6e6;
}

svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}

.navbar-collapse .offcanvas-header .btn-close {
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: 'Panton';
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    line-height: 16px;
    border: 0;
    float: right;
    opacity: 1;
    padding: 12px 20px;
    color: white;
    display: block;
    width: 75px;
    background-image: none;
  }
  
  
  /* Exceções de estilo no conteúdo */
  .perguntas .apresentacao {
      display: block;
      padding-top: 30px;
      padding: 30px 20px 0;
      border: none;
  }
  
  .perguntas .conteudo-geral-head {
      width: 100%;
      max-width: 1280px;
      width: 100%;
      padding: 0 20px;
      margin-bottom: 20px;
  }
  
  .page-61424 .post > .post-conteudo {
      max-width: 1280px;
  }
  
  .page-61424 .post > .post-conteudo,
  .page-61424 .conteudo-geral-head {
      padding-left: 20px;
  }
  
  .page-61424 .conteudo-geral h2 {
      font-size: 24px;
      line-height: 28px;
  }
  
  .pg404 {
      padding: 30px 0 70px 0;
  }
  
  .pg404 > * {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
  }
  
  .pg404 .entry-title {
      font-weight: bold;
      color: #003162;
      margin-bottom: 30px;
  }
  
  .pg404 .controls {
      padding-top: 20px;
  }
  
  .pg404 .controls .form-control {
      max-width: 70%;
      margin-right: 10px;
      display: inline-block;
  }
  
  .pg404 .controls .btn {
      margin-top: -3px;
  }
  
  .apresentacao.cd-curso .apresentacao-conteudo {
      align-items: normal;
  }
  
  .site-conteudo .max-1140 {
      max-width: 1140px;
  }
  
  .custom01 .carousel-indicators {
      bottom: 40px;
  }
  
  .custom01 .carousel-indicators li {
      position: relative;
      width: 20px;
  }
  
  .custom01 .carousel-indicators li:after {
      content: '';
      display: block;
      width: 12px;
      height: 12px;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 50%;
      opacity: .4;
      border: 1px solid #333;
  }
  
  .custom01 .carousel-indicators li.active:after {
      background-color: #333;
  }
  
  .custom01 .carousel-item {
      text-align: center;
  }
  
  @media (max-width: 768px) {
      .matriz.cd-intro {
          margin-top: 20px;
      }
  
      .matriz .matriz-curricular {
          margin-top: -30px;
      }
  }
  
  @media (max-width: 1024px) {
      .junte-se-conteudo > .texto {
          text-align: center;
      }
  }

  .header .btn {
    line-height: 0;
    margin: 10px 5px 15px 0px;
}
  
.matriz-curricular > .matriz-item > .matriz-vest  {
    width: 100%;
    border: none;
    width: 100%;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 10px;
    border-bottom: 1px solid rgba(130, 157, 166, 0.501961);
    text-transform: uppercase;
    font-family: "Panton";
    font-weight: bold;
    color: #047df6;
    font-size: 20px;
    line-height: 24px;
}

.matriz-vest::after {
    content: url(../facasper//template-parts/views/assets/img/design-v2/icones/arrow-circle-down.svg);
    height: 34px;
    width: 34px;
}

.page-61356 .post-conteudo br {
    display: block;
}

.page-61356 .post-conteudo .card {
    margin-bottom: 20px;
}

.page-69088 .post-conteudo br,
.page-70339 .post-conteudo br {
    display: block;
}

.page-69088 .post-conteudo li {
    margin-bottom: 20px;
}

.page-61368 .apresentacao > .apresentacao-conteudo {
    align-items: unset;
}

.clear-br br,
.post-conteudo ul br {
    display: none;
}

/* .clear-next-br p + br,
.clear-next-br h2 + br,
.clear-next-br h3 + br,
.clear-next-br h4 + br,
.clear-next-br ul + br,
.clear-next-br p > br + br,
.clear-next-br .wp-caption + br {
    display: none;
} */

.nva-aluno{
    flex-wrap: initial;
}

.grecaptcha-badge{
    display: none !important;
}

.trabalhos-conteudo>.trabalhos-campo {   
    justify-content: flex-start;    
    flex-wrap: wrap;
}

.trabalhos-conteudo>.trabalhos-campo a{
    margin-top: 20px;
    flex-basis: auto;
}

.trabalhos-conteudo h2 {
    color: white;
}

/* Estilos gerais */
.vagas-central .filtros {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  
  /* Botões */
  .vagas-central .filtro-btn {
    padding: 12px 20px;
    /*height: 45px;
    width: 150px;
    margin-right: 15px;*/
    height: auto;
    width: auto;
    margin-right: 6px;

    font-size: 16px;
    line-height: 16px;
  }
  
  /* Selects */
  .vagas-central .select-box {
    padding: 10px 20px;    
    border: 1px solid #829DA6;
    border-radius: 4px;
    width: 22%;
    font-family: 'Panton', sans-serif; /* Aplica a fonte Panton */
    font-weight: 400; /* Peso regular da fonte */
    font-size: 18px; /* Tamanho da fonte */
    appearance: none; /* Removes the default appearance */
    /*background: url(https://static.casperlibero.edu.br/uploads/2024/09/caret-down-interface-ui-fotor-202409040230.png) no-repeat right 12px center;*/
    background: #fff url(./template-parts/views/assets/img/design-v2/icones/arrow-down.svg) no-repeat right 12px center;
    background-size: auto 10px;   
    color: #829DA6;
  }

  .vagas-central .select-box option {
    color: #4a4a4a;
  }

  .vagas-central .filtro-input{
    border-color: #829DA6;
  }
  .vagas-central  .filtro-buscar{
    padding-top: 12px;
    color: #047df6;
  }
  
  .listagem.vagas-central{
      align-items: start;
  }
  
  .vagas-central .botoes{
      display: flex;
      margin-top: 50px;
      padding: 0 20px;;
  }
  
  .vagas-central .filtro-noticias {
      border: 2px solid #047df6;
      color: #047df6;
  }
  
  .vagas-central  .botao-ativo{
      background-color: #047df6;
      color: white;
  }
  
  .vagas-central  .filtro-group{
      width: 50%;
  }
  .vagas-central .conteudo-geral-head{
      padding: 0 20px;;
  }

  .vagas-central .post, .vagas-central .post-conteudo {
    font-size: 16px;
  }

  .vagas-central .post {
    align-items: flex-start;
    padding: 30px 0;
  }

  .vagas-central .post-conteudo {
        margin-left: 0;
        align-items: center;
        margin-bottom: 0;
    }

  .vagas-central h3{
    margin: 0;
    padding: 0;
  }

  .vagas-central .post-texto-conteudo{
    white-space: initial;
  }

  .vagas-central .post-texto-conteudo br{
    display: none;
  }

  .vagas-central .paginacao {
        margin-left: auto;
        margin-right: auto;
    }

    .vagas-central .pag-ativo {
        color: #047df6;
    }

    .vagas-central .mobile-only {
        display: none;
    }

    .vagas-central .post-texto-conteudo > .post-info {
        margin-bottom: 8px;
    }



   @media(max-width: 580px) {
    .vagas-central .conteudo-geral-head h1 .br-mobile,
    .vagas-central .conteudo-geral-head .titulo .br-mobile {
        display: block;
    }

    .vagas-central .botoes {
        max-width: 100%;
        overflow-x: auto;
    }

  }


  @media (max-width: 1024px) {
    .vagas-central .filtro-group, .filtro-btn {
          margin-top: 20px;
      }
      .vagas-central .select-box, .vagas-central .filtro-group, .vagas-central .filtro-group form {
          width: 100%;
          margin-top: 10px;
      }
      
      .vagas-central .filtro-btn{
          width: 140px;
      }

      .vagas-central .filtro-buscar{
        padding-top: 25px;
      }

      .vagas-central .post-info {
        /*align-items: flex-end;
        width: 100%;
        margin-top: 10px;*/
        align-items:flex-start;
        width:100%;
        margin-top:10px;
        color: #999;
        font-weight: 700;
        font-size: 14px;
    }

    .vagas-central .post-titulo > h3 {
        font-size: 22px;
    }

    .vagas-central .post-texto-conteudo {
        font-size: 18px;
    }

    .vagas-central .mobile-only {
        display: block;
    }

    .vagas-central .lista-posts .post {
        padding: 15px 0;
    }

    .vagas-central .post-conteudo > .post-info {
        display: none;
    }
    
  }



.visite-casper.w-bg {
    background: #fff url(./template-parts/assets/img/design-v2/textura-casper-capser.svg) no-repeat top right;
    background-size: 40% auto;
}

.visite-casper .col-titulo {
    color: #047DF6;
    font-size: 50px;
    line-height: 0.98em;
    letter-spacing: -2px;
    text-transform: none;
    margin-bottom: 30px;

    background: transparent url(./template-parts/views/assets/img/design-v2/endereco-barra.png) no-repeat top left;
    background-size: contain;
    padding: 5px  0 15px 20px;
}

.visite-casper .main-info {
    margin: 40px 0;
}

.visite-casper .main-info > * {
    background-repeat: no-repeat;
    background-position: 0 2px;

}

.visite-casper .main-info .icon {
    flex: 0 0 24px;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
}

.visite-casper .main-info .icon > img {
    vertical-align: top;
}

.visite-casper .main-info .i-date img {
     margin-top: 3px;
}

.visite-casper .main-info .i-local img {
    max-height: 28px;
}

.box-aviso-form {
    background-color: #f8f8f8;
    padding: 10px 15px 12px 15px;
    color: #666;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: 0.05vw;
    border: 1px solid #EAEAEA;
}

.visite-casper .wrap-form,
.visite-casper .conteudo-geral-head {
    margin-left: 3vw;
}

.visite-casper .wrap-form,
.fale-conosco .wrap-form {
    background-color: #F7F6F9;
    padding: 40px 50px;
    border-radius: 8px;
}

.visite-casper .wrap-form {
    margin-top: 30px; 
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 2px;
    padding: 20px 0 25px 0;
}

.fale-conosco .wrap-form {
    margin-right: 1vw;
}

.wrap-form .obs-obrigatorios {
    font-size: 14px;   
    margin-bottom: 5px;
}

.wpcf7-acceptance .wpcf7-list-item {
    margin-left: 2px;
    padding: 20px 0 25px 0;
}

.wpcf7-acceptance .wpcf7-list-item label {
    display: flex;
    align-items: start;
}

.wpcf7-acceptance .wpcf7-list-item .wpcf7-checkbox {
    margin-top: 3px;
    margin-right: 1px;
    transform: scale(1.25);
}

.wpcf7-acceptance .wpcf7-checkbox {
  margin-right: -5px;
  color: #4a4a4a;
}

.visita-info .lb {
    font-weight: 600;
}

.visite-casper .wrap-form .bt-d3 {
    border-top: 1px solid #c5c4c7;
}

.visite-casper .wrap-form .wpcf7-radio input {
    margin-right: -7px;
}

.visite-casper .wrap-form [data-name="relacao-casper"] > span {
    margin-left: -10px;
}

.visite-casper .wrap-form #futuro-aluno {
    display: none;
}

@media only screen and (max-width: 579px) {
    .page-header.visite {
        height: 150px;
    }

    .page-header .titulo {
        font-size: 44px;
        line-height: 40px;
    }

    .visite-casper .col-titulo {
        font-size: 28px;
    }

    .page-header .titulo .outline {
        display: block;
    }

    .wpcf7-submit.w-sm-100,
    .btn.w-sm-100 {
        width: 100%;
    }
}


@media only screen and (max-width: 768px) {
    .visite-casper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .visite-casper .wrap-form, 
    .visite-casper .conteudo-geral-head {
        margin-left: 0;
    }

    .page-header .titulo,
    .visite-casper .col-titulo {
        letter-spacing: 0;
    }

    .visite-casper .col-titulo {
        padding: 5px 0 12px 14px;
        border-left: 2px solid #003162;
        margin-bottom: 16px;
    }

    .visite-casper .col-titulo br {
        display: none;
    }

    .visite-casper .main-info {
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .visite-casper .wrap-form,
    .fale-conosco .wrap-form {
        padding: 15px 25px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .visite-casper .form-control {
        padding: 12px;
    }

    form .accept-this .wpcf7-list-item {
        font-size: 14px;
        line-height: 18px;
        padding: 15px 0;
    }

    .visite-casper .wpcf7-submit {
        width: 100%;
    }

    .visite-casper .avisos > p {
        border-left: 4px solid #047df6;
        padding: 4px 0 6px 12px;
        margin-top: 34px;
    }

    .fale-conosco .contato-destaque:before {
        content: '';
        width: 30px;
        height: 1px;
        background-color: transparent;
        border-top: 1px solid #829da6;
        display: block;
        margin-bottom: 12px;
    }

    .fale-conosco .contato-destaque > p {
        font-weight: 600;
    }

    .fale-conosco .destaques-03 > p,
    .fale-conosco .outros-contatos p {
        padding: 10px 15px;
        font-size: 14px !important;
        margin-bottom: 10px !important;
        height: auto;
    }

    .fale-conosco .destaques-03 > p {
        border-color: #047DF6;
        border-width: 2px;  
    }

    .fale-conosco .destaques-03 strong {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .fale-conosco .destaques-03 p .ico-phone, 
    .fale-conosco .destaques-03 p .ico-mail {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 1024px) {
    .page-header .titulo {
        font-size: 7.813vw;
    }

    .visite-casper .col-titulo {
        font-size: 4.395vw;
    }

    .visite-casper .wrap-form input[name="dado-quantos-visitantes"] {
        max-width: 136px;
    }

    .visite-casper .wrap-form > p:first-child,
    .fale-conosco .wrap-form > p:first-child {
        letter-spacing: 0.075vw;
    }
}

@media only screen and (min-width: 580px) and (max-width: 1024px) {
    .page-header .titulo {
        font-size: 7.813vw;
    }

    .visite-casper .col-titulo {
        font-size: 4.395vw;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
    .visite-casper .col-titulo {
        font-size: 44px;
    }
}


@media only screen and (max-width: 768px) {
    div#cookie-law-info-bar {
       padding: 12px 18px !important;
       border-top: 1px solid #aaa;
    }

    .cli-style-v2 .cli-bar-btn_container {
        width: 100%;
    }
    .cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
        margin-left: 0;
        width: 100%;
    }

}


/* Esconde o chat nas páginas de PÓS */
.curso-pos-graduacao #webSdkToggle,
.curso-pos-graduacao-ead #webSdkToggle,
.curso-pos-ead #webSdkToggle {
    display: none !important;
}


/* Botão flutuante WhatsApp */
.btn.btn-whats {
    line-height: initial;
    background-color: #003162;
    border: 2px solid #25d366;
    color: white;
}

.btn.btn-whats .ico {
    margin-right: 8px;
    margin-top: -8px;
    max-width: 20px;
}

.btn-whats-flutuante {
    position: fixed;
    left: initial;
    right: 20px;
    top: 84%;
    bottom: initial;
    transform: translateY(calc(-50% - 34px));
    z-index: 20;
}

.btn-whats-flutuante .btnw {
    background-color: #25D366;
    padding: 14px;
    border-radius: 50%;
    box-shadow: 0px 0px 11px rgba(0,0,0,.5);
    width: 68px;
    height: 68px;
    display: block;
}

.btn-whats-flutuante .lbw {
    position: absolute;
    width: 0;
    height: 34px;
    padding: 5px 0;
    top: -14px;
    left: -5px;
    background: white;
    font-size: 13px;
    font-family: "Panton", sans-serif;
    text-align: center;
    border-radius: 3px;
    color: #003162;
    transform: translate(-100%,100%);
    margin-right: 20px;
    border: 3px solid #25D366;
    font-weight: 700;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all .25s ease-in-out;
}

@media screen and (min-width: 1024px) {
    .btn-whats-flutuante .btnw {
        animation: pulse 1s infinite; 
    }

    .btn-whats-flutuante:hover .lbw {
        width: 190px;
        opacity: 1;
        visibility: visible;
        transition: visibility .2s ease-in-out,
    }
}


/* Estilização do modal de redirecionamento */

  #modalRedirect  .modal-body>p {
    color: #4a4a4a;
    text-transform: none;
  }

    #modalRedirect  .modal-body> .modal-subtitle,
   .modal .wrap-form-sended .cfm-subtitle {
    font-size: 20px;
  }

  #modalRedirect  .modal-body> .obs,
  .modal .wrap-form-sended .obs  {
    line-height: 1.2em;
  }

 #modalRedirect  .modal-body> .obs:before,
 .modal .wrap-form-sended .obs:before {
    content: '';
    width: 30px;
    height: 1px;
    background-color: #ccc;
    display: block;
    margin-bottom: 10px;
 }

  /* Exibe o modal */
  #modalRedirect .modal.show {
    visibility: visible;
    opacity: 1;
  }

  #modalRedirect  .modal-dialog {
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    color: #003162;
    max-width: 400px;
    width: 90%;
    text-align: left;
  }

  #modalRedirect  .modal-content {
    padding: 10px;
    border-radius: 2px;
  }

  #modalRedirect  .modal-title,
  .modal .wrap-form-sended .cfm-title  {
    font-size: 1.55rem;
    line-height: 0.95em;
    font-weight: bold;
    margin-bottom: 1rem;
    height: 40px;
    padding-left: 40px;
    position: relative;
    letter-spacing: -0.05vw;
    padding-top: 5px;
  }

  #modalRedirect  .modal-title:before,
  .modal .wrap-form-sended .cfm-title:before  {
    content: '✓';
    display: inline-block;
    background-color: #047DF6;
    width: 36px ;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    left: -3px;
    top: 0;
    text-align: center;
    color: #003162;
    font-size: 36px;
    text-indent: 12px;
  }

  #modalRedirect  .btn-close {
    display: inline-block;
    margin-top: 20px;
    padding: 5px;
    background-color: #047DF6;
    color: #000;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: -63px;
    right: -43px;
    opacity: 1;
  }

  #modalRedirect  .btn-close:hover {
    background-color: #9ACBFB;
  }

  a#redirectLink {
    color: #047DF6;
    font-weight: bold; /* Adiciona o negrito */
    
  }

  a#redirectLink:hover {
    text-decoration: underline;
  }

  #modalRedirect .modal-body,  #modalRedirect  .modal-content{
    background-color: #fff;
  }

  .borda-emcima {
    border-top: 2px dashed rgba(130, 157, 166, 0.501961);
  }

  .borda-embaixo {
    border-bottom: 2px dashed rgba(130, 157, 166, 0.501961);
  }