.elementor-195 .elementor-element.elementor-element-54f8809{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-195 .elementor-element.elementor-element-54f8809:not(.elementor-motion-effects-element-type-background), .elementor-195 .elementor-element.elementor-element-54f8809 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-195 .elementor-element.elementor-element-54f8809 > .elementor-shape-bottom .elementor-shape-fill, .elementor-195 .elementor-element.elementor-element-54f8809 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#00000033;}.elementor-195 .elementor-element.elementor-element-54f8809 > .elementor-shape-bottom svg, .elementor-195 .elementor-element.elementor-element-54f8809 > .e-con-inner > .elementor-shape-bottom svg{height:1px;}.elementor-195 .elementor-element.elementor-element-cc75754{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-89fa5dd{text-align:start;}.elementor-195 .elementor-element.elementor-element-89fa5dd img{width:39%;}.elementor-195 .elementor-element.elementor-element-1804b95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-195 .elementor-element.elementor-element-728c028 .elementor-menu-toggle{margin-left:auto;}.elementor-195 .elementor-element.elementor-element-728c028 .elementor-nav-menu--main .elementor-item{color:#070707;fill:#070707;}.elementor-195 .elementor-element.elementor-element-c789898{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper{background-color:var( --e-global-color-primary );padding:8px 10px 8px 40px;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:500;text-transform:none;text-decoration:none;line-height:26px;color:var( --e-global-color-0ce6270 );border-radius:100px 100px 100px 100px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:not(.hover-gradient):hover, .elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper.hover-gradient:before{background-color:var( --e-global-color-8aae8c5 );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper i, .elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper svg{background-color:var( --e-global-color-secondary );padding:10px 10px 10px 10px;border-radius:100px 100px 100px 100px;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover i, .elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover svg{background-color:var( --e-global-color-secondary );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button{text-align:right;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper svg{fill:var( --e-global-color-0ce6270 );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover{color:var( --e-global-color-0ce6270 );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover svg{fill:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button.icon-position-before .jkit-button-wrapper i, .elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button.icon-position-before .jkit-button-wrapper svg{margin-right:8px;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button.icon-position-after .jkit-button-wrapper i, .elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button.icon-position-after .jkit-button-wrapper svg{margin-left:8px;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:not(:hover) i{color:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:not(:hover) svg{fill:var( --e-global-color-primary );}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper:hover i{color:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-195 .elementor-element.elementor-element-54f8809{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-195 .elementor-element.elementor-element-cc75754{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-89fa5dd img{width:100%;}.elementor-195 .elementor-element.elementor-element-c789898{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-195 .elementor-element.elementor-element-8ddd042 .jeg-elementor-kit.jkit-button .jkit-button-wrapper{padding:8px 8px 8px 20px;}}@media(min-width:768px){.elementor-195 .elementor-element.elementor-element-54f8809{--content-width:1400px;}.elementor-195 .elementor-element.elementor-element-cc75754{--width:25%;}.elementor-195 .elementor-element.elementor-element-1804b95{--width:50%;}.elementor-195 .elementor-element.elementor-element-c789898{--width:25%;}}/* Start custom CSS for container, class: .elementor-element-54f8809 *//* =========================================
   HEADER / MENU PRINCIPAL
   MODERNO + COMPACTO
========================================= */

.menu-principal {
    width: 100% !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    min-height: auto !important;

    background: rgba(255, 255, 255, 0.96) !important;

    border-bottom: 1px solid rgba(77, 110, 118, 0.10) !important;

    box-shadow:
        0 4px 18px rgba(30, 50, 55, 0.04) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* =========================================
   CONTAINER INTERNO
========================================= */

.menu-principal > .e-con-inner,
.menu-principal > .elementor-container {
    min-height: auto !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    display: flex !important;
    align-items: center !important;
}


/* =========================================
   REMOVE ALTURAS EXCESSIVAS DOS CONTAINERS
========================================= */

.menu-principal .e-con,
.menu-principal .elementor-column,
.menu-principal .elementor-widget-wrap {
    min-height: auto !important;
}


/* =========================================
   LOGO
========================================= */

.menu-principal .elementor-widget-image {
    margin: 0 !important;
}

.menu-principal .elementor-widget-image img {
    display: block !important;

    max-height: 72px !important;
    width: auto !important;

    object-fit: contain !important;

    transition: transform 0.3s ease !important;
}

.menu-principal .elementor-widget-image img:hover {
    transform: scale(1.02) !important;
}


/* =========================================
   MENU DE NAVEGAÇÃO
========================================= */

.menu-principal .elementor-nav-menu {
    display: flex !important;
    align-items: center !important;

    gap: 10px !important;
}


/* ITEM DO MENU */

.menu-principal .elementor-nav-menu > li {
    margin: 0 !important;
}


/* =========================================
   LINKS - ESTADO NORMAL
========================================= */

.menu-principal .elementor-nav-menu > li > a,
.menu-principal .elementor-nav-menu > li > a.elementor-item,
.menu-principal .elementor-nav-menu > li > a.elementor-item-active,
.menu-principal .elementor-nav-menu > li.current-menu-item > a,
.menu-principal .elementor-nav-menu > li.current-menu-ancestor > a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    min-height: 42px !important;

    padding: 8px 14px !important;

    border-radius: 10px !important;

    /* SEM EFEITO ATIVO */
    background: transparent !important;

    color: #4D6E76 !important;

    transition:
        color 0.3s ease,
        background 0.3s ease,
        transform 0.3s ease !important;
}


/* =========================================
   REMOVE ESTADO ATIVO DO ELEMENTOR
========================================= */

.menu-principal .elementor-nav-menu .elementor-item-active,
.menu-principal .elementor-nav-menu .current-menu-item > a,
.menu-principal .elementor-nav-menu .current-menu-ancestor > a,
.menu-principal .elementor-nav-menu .current_page_item > a,
.menu-principal .elementor-nav-menu .current_page_ancestor > a {
    background: transparent !important;

    color: #4D6E76 !important;
}


/* =========================================
   HOVER - ÚNICO MOMENTO COM FUNDO
========================================= */

.menu-principal .elementor-nav-menu > li > a:hover,
.menu-principal .elementor-nav-menu > li > a.elementor-item:hover,
.menu-principal .elementor-nav-menu > li.current-menu-item > a:hover,
.menu-principal .elementor-nav-menu > li.current-menu-ancestor > a:hover {
    background: rgba(77, 110, 118, 0.08) !important;

    color: #38545B !important;

    transform: translateY(-1px) !important;
}


/* =========================================
   REMOVE EFEITOS DE FOCUS / ACTIVE
========================================= */

.menu-principal .elementor-nav-menu > li > a:focus,
.menu-principal .elementor-nav-menu > li > a:active,
.menu-principal .elementor-nav-menu > li > a.elementor-item-active:focus,
.menu-principal .elementor-nav-menu > li > a.elementor-item-active:active {
    background: transparent !important;

    color: #4D6E76 !important;

    outline: none !important;
}


/* =========================================
   LINHA MODERNA
   ESCONDIDA POR PADRÃO
========================================= */

.menu-principal .elementor-nav-menu > li > a::after,
.menu-principal .elementor-nav-menu > li > a.elementor-item-active::after,
.menu-principal .elementor-nav-menu > li.current-menu-item > a::after,
.menu-principal .elementor-nav-menu > li.current-menu-ancestor > a::after {
    content: "" !important;

    position: absolute !important;

    left: 14px !important;
    right: 14px !important;
    bottom: 4px !important;

    width: auto !important;
    height: 2px !important;

    background: #4D6E76 !important;

    border-radius: 999px !important;

    opacity: 1 !important;

    transform: scaleX(0) !important;
    transform-origin: center !important;

    transition: transform 0.3s ease !important;
}


/* =========================================
   LINHA SOMENTE NO HOVER
========================================= */

.menu-principal .elementor-nav-menu > li > a:hover::after,
.menu-principal .elementor-nav-menu > li > a.elementor-item:hover::after,
.menu-principal .elementor-nav-menu > li.current-menu-item > a:hover::after,
.menu-principal .elementor-nav-menu > li.current-menu-ancestor > a:hover::after {
    transform: scaleX(1) !important;
}


/* =========================================
   GARANTE QUE ITEM ATIVO NÃO MOSTRE LINHA
========================================= */

.menu-principal .elementor-nav-menu > li > a.elementor-item-active:not(:hover)::after,
.menu-principal .elementor-nav-menu > li.current-menu-item > a:not(:hover)::after,
.menu-principal .elementor-nav-menu > li.current-menu-ancestor > a:not(:hover)::after,
.menu-principal .elementor-nav-menu > li.current_page_item > a:not(:hover)::after {
    transform: scaleX(0) !important;
}


/* =========================================
   REMOVE POINTER NATIVO DO ELEMENTOR
========================================= */

.menu-principal
.elementor-nav-menu--main
.elementor-item:not(:hover)::before {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}

.menu-principal
.elementor-nav-menu--main
.elementor-item.elementor-item-active::before {
    opacity: 0 !important;
    transform: scaleX(0) !important;
}


/* =========================================
   BOTÃO "ÁREA DO ALUNO"
========================================= */

.menu-principal .elementor-button {
    min-height: 50px !important;

    padding: 10px 14px 10px 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 12px !important;

    background: #4D6E76 !important;

    border: none !important;
    border-radius: 999px !important;

    box-shadow:
        0 6px 16px rgba(77, 110, 118, 0.16) !important;

    transition:
        transform 0.3s ease,
        background 0.3s ease,
        box-shadow 0.3s ease !important;
}


/* HOVER DO BOTÃO */

.menu-principal .elementor-button:hover {
    transform: translateY(-2px) !important;

    background: #38545B !important;

    box-shadow:
        0 10px 22px rgba(77, 110, 118, 0.22) !important;
}


/* =========================================
   ÍCONE DO BOTÃO
========================================= */

.menu-principal .elementor-button-icon {
    width: 34px !important;
    height: 34px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;

    background: #E5EFE8 !important;

    border-radius: 50% !important;

    color: #4D6E76 !important;

    transition:
        transform 0.3s ease,
        background 0.3s ease !important;
}


/* MICRO EFEITO NO ÍCONE */

.menu-principal .elementor-button:hover .elementor-button-icon {
    transform: translateX(2px) !important;

    background: #ffffff !important;
}


.menu-principal .elementor-button-icon svg {
    width: 16px !important;
    height: 16px !important;
}


/* =========================================
   REMOVE MARGENS EXTRAS DOS WIDGETS
========================================= */

.menu-principal .elementor-widget {
    margin-bottom: 0 !important;
}

.menu-principal .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .menu-principal {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .menu-principal .elementor-widget-image img {
        max-height: 62px !important;
    }

    .menu-principal .elementor-button {
        min-height: 46px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .menu-principal {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    /* LOGO MAIOR SOMENTE NO MOBILE */

    .menu-principal .elementor-widget-image img {
        max-height: 72px !important;
        width: auto !important;
    }

    .menu-principal .elementor-nav-menu > li > a {
        min-height: 40px !important;

        padding: 8px 10px !important;
    }

    .menu-principal .elementor-button {
        min-height: 44px !important;

        padding: 8px 10px 8px 16px !important;
    }

    .menu-principal .elementor-button-icon {
        width: 30px !important;
        height: 30px !important;
    }
}/* End custom CSS */