@charset "utf-8";
/*popup widget*/
#area-content {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 81%);
    z-index: 999999999999;
    backdrop-filter: blur(2px);
}
.area-description h2 {
    font-size: 33px;
    font-weight: 800;
    color: var(--cor-primaria);
    margin-bottom: 22px;
}
.area-description ul {
    margin: 0 0 0 22px;
}
.area-description li {
    list-style: disc;
}
#area-content .term-content{
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999999;
    overflow: auto;
    max-width: 777px;
    max-height: 433px;
    border-radius: 11px;
    padding: 33px;
    -webkit-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51);
    -moz-box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51);
    box-shadow: 10px 10px 32px 0px rgba(0,0,0,0.51);
    border: 0px solid var(
    --cor-primaria);
    background-image: url(../images/simbolo_linhas.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 40%;
}
#area-content .term-content::before {
    content: "";
    display: inline-block;
    width: 0;         /* comprimento da linha */
    height: 0;         /* espessura da linha */
    background-color: var(--cor-primaria);
    
       /* espaçamento da linha para o conteúdo */
    position: relative;
    left: -14px;
    top: 38px;
}
#area-content .term-content::after {
    content: "";
    display: block;
    width: 100%;         /* comprimento da linha */
    height: 50%;         /* espessura da linha */
    background-image: url(../../images/simbolo2.png);
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-size: contain;
    opacity: 0.1;
}

#close-area-content {
    width: 50px;
    height: 50px;
    background-color: var(--cor-primaria);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 0px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    float: right;
    position: absolute;
    top: 11px;
    right: 11px;
    z-index: 99999999999999;
}

#close-area-content::before {
    content: "+";
    transform: rotate(45deg);
    display: block;
    position: absolute;
    color: #fff;
    z-index:9;
    font-size: 36px;
    font-weight: 100;
}
#close-area-content:hover { transform: scale(1.1);}

.loading-spinner {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid var(--cor-secundaria);
    b;
    db;8db;98db;498db;3498db;#3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10000; /* Ensure spinner is above content */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ------------------------- MOBILE -------------------------- */

@media screen and (max-width: 700px) {
.area-description > div {
    width: 90%;
    padding: 22px;
}
.area-description.ativo .txt {
    padding: 0 0px 22px 0;
}
}
/*fim*/
/*popup taxonomias ini*/
.areas-tax-popup-content .area-equipe-list h2,
.areas-tax-posts-relacionados h2 {
	font-size: 18px !important;
	color: var(--cor-secundaria);
	margin: 0 0 22px;
}
.area-equipe-list {
    height: 40vh;
    overflow: overlay;
    /* position: absolute; */
    /* top: 0; */
    margin-bottom: 33px;
    width: 100%;
}
.areas-tax-popup-content > div:last-child {
    height: 80vh;
    position: relative;
    min-width: 30%;
    padding-left: 22px;
}

.areas-tax-posts-relacionados {
    height: 35vh;
    overflow-y: auto;
    width: 100%;
}

.areas-tax-popup-content {
    height: 88vh;
    display: flex;
}
.bloco {margin: 44px 0 66px}
.area-equipe-item {margin: 0 0 11px 0;}
.area-equipe-item:hover, .areas-tax-posts-relacionados a:hover {background-color: #e7e7e7;}
.areas-tax-posts-relacionados {
    /* display: block; */
    /* margin: 22px 0; */
    /* float: left; */
}
.areas-tax-posts-relacionados a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    padding: 11px;
}

.area-equipe-item a {
    align-items: center;
}
.area-equipe-item a:hover { text-decoration: underline !important}
.areas-tax-popup-content > div:first-child {
    padding-right: 22px;
    /* overflow-y: scroll; */
    height: 80vh;
    width: 70%;
}
.areas-tax-popup .foto {
    width: 55px;
    overflow: hidden;
    height: 55px;
    border-radius: 7px;
    margin: 0 11px 0 0;
}
.areas-tax-popup .foto img {
    object-fit: cover !important;
    width: 111% !important;
    height: 111% !important;
    object-position: 0 0 !important;
}
.areas-tax-popup .equipe-nome {font-weight: 600;}
.areas-tax-popup-content h1 {
    font-weight: 800 !important;
    font-size: 21px !important;
    color: var(--cor-secundaria) !important;
    margin-bottom: 9px !important;
    text-transform: uppercase !important;
    background-color: transparent !important;
}
.areas-tax-posts-relacionados.popup a {
    height: auto;
    font-size: 14px;
    padding: 9px 7px 9px 3px;
}
.areas-tax-posts-relacionados.popup a:hover {
    border-left: 2px solid var(--cor-secundaria) ;
}
/*popup taxonomias fim */

article#areas {
    padding: 88px 7%;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    background-color: #fbfbfb;
    overflow: hidden;
    margin: 0;
    bottom: 0;
}
article#areas:after {

}
.w-areas-bloco1 {
    width: 100%;
    padding: 0 0 44px 0;
    display: block;
}
.w-areas-bloco1 h2.widget-title {
    text-align: center;
}

.w-areas-bloco2 {
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0;
}

article#areas > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 3;
}
.widget-areas-tax-pop-content {
	padding: 44px 0;
}
.area-item {
    display: flex;
    /* height: auto; */
    align-items: center !important;
    padding: 11px !important;
    cursor: pointer;
    justify-content: center;
    margin: 0;
    flex: 0 1 33%;
    /* background-color: #333; */
    /* border: 1px solid #fff; */
    overflow: hidden;
    position: relative;
    background-size: 100%;
    background-position:center;
    /* width: 222px; */
    /* height: 222px; */
    /* background-color: red; */
    border-radius: 0;
}


.area-icone {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}
/*
.area-item:nth-child(1)::before { background-color: var(--cor-primaria); }
.area-item:nth-child(2)::before { background-color: var(--cor-secundaria); }
.area-item:nth-child(3)::before { background-color: var(--cor-terciaria); }
.area-item:nth-child(4)::before { background-color: var(--cor-primaria); }
.area-item:nth-child(5)::before { background-color: var(--cor-secundaria); }
.area-item:nth-child(6)::before { background-color: var(--cor-terciaria); }
.area-item:nth-child(7)::before { background-color: var(--cor-primaria); }
.area-item:nth-child(8)::before { background-color: var(--cor-secundaria); }
.area-item:nth-child(9)::before { background-color: var(--cor-terciaria); }
*/

.area-item a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #b2c9e0;
    content: '';
    transition: transform 0.8s;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -222%, 0);
    opacity: 0.7;
}
.area-item a:hover::before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 2000%, 0);
}
.area-item:hover { background-size:150%;}
.area-item a:hover {padding-left: 14px !important;transform: scale(1.1); background-color: var(--cor-primaria) !important; color: #fff !important}
.area-item:hover i {/* margin-right: 22px; */font-size: 143px}
.area-item a:hover > div { color: #fff !important}

.area-item > a,
.area-item > div {
    font-size: 22px !important;
    font-weight: 600 !important;
    padding: 11px !important;
    text-align: left;
    display: flex;
    width: 100%;
    height: 88px;
    justify-content: center;
    align-items: center;
    background-color: var(--cor-primaria); !important;
    flex-direction: column;
    text-transform: uppercase;
    position: relative;
}
.area-item a > div {/* position: absolute !important; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,-50%); */color: #fff;text-align: center;line-height: 140%;font-size: 13px;font-weight: 700;letter-spacing: 0;MAX-WIDTH: 333PX;}
.area-icone {
    margin: 0;
    width: 26px;
    height: 19px;
    position: absolute;
    top: 22px;
    left: 22px;
}
.area-icone i {font-size: 122px;opacity: 0.3;}
.area-item > div:hover {background-color: #e75b0c; transform: scale(1.1); z-index:9999}
.col50.bloco-content {
    padding-right: 55px;
    padding-top: 25px;
}