/*CSS DO SITE - CÓDIGOS ATÔMICOS*/

/* ### TEXTOS E CORES ### */

/*Remover margens vazias dos textos e títulos (IMPORTANTE: Inserir no css do site em caso de wordpress NOVO em caso contrário no css da página)*/
p:last-child{
    margin: 0;
}

.elementor-image-box-title, .elementor-icon-box-title{
    margin-top: 0;
}

.destaque{
    color: var(--cor-destaque);
}

.destaquebold{
    color: var(--cor-destaque);
    font-weight: 700;
}

.fundodestaque{
    background: var(--cor-destaque);
    color: var(--cor-fundo-destaque);
    border-radius: 3px;
    padding: 2px 0.2em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    /*line-height: 1.6em !important;*/
}

/*Degradê no texto*/
.degrade{
    background: var(--cor-degrade);
    -webkit-background: var(--cor-degrade);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 16px 0;
}

.branco{
    color: #fff;
}

.brancobold{
    color: #fff;
    font-weight: 700;
}

/*Quebra de linha forçada*/
.br-space{
    content: "" !important;
    display: block !important;
    margin-bottom: .7em !important;
}

/*Link - Cor do texto do link*/
.link a, .link a:hover{
    color: currentColor !important;
}

/*Texto com quebra balanceada*/
.text-balance{
    text-wrap: balance;
}
/*Texto com quebra balanceada - Apenas Mobile*/
@media (max-width: 767px){
/*Texto com quebra balanceada*/
.text-balance-mobile{
    text-wrap: balance;
}
}

/*Alterar textos de acordo com Desktop ou Mobile*/
@media (min-width: 1025px){
.mobile{
    display: none !important;
}
}
@media (max-width: 1024px){
.desktop{
    display: none !important;
}
}

/* ### IMAGENS ### */

/*BG para Mobile*/
@media (max-width: 767px){
/*BG mobile: cor sólida no fundo do container. BG mobile custom: fundo do container escolhido manualmente*/
.bg-mobile img, .bg-mobile-custom img{
    max-width: calc(100% + (2 * var(--padding-horizontal)));
    margin-left: calc(-1 * var(--padding-horizontal)) !important;
}
.e-con:has(*.bg-mobile) {
    background: var(--cor-fundo-bg-mobile) !important;
}
}
@media (min-width: 768px){
.bg-mobile{
    display: none;
}
}

/* ### ÍCONES/SVG ### */

/* Remover margem vazia dos ícones (exceto Social Media) */
.elementor-icon:not(.elementor-social-icon) > svg {
    margin-bottom: -7px;
}

/*Tamanho padrão dos ícones (quadrado)*/
.icon-size-64 svg{
    width: var(--icon-size-64) !important;
    height: var(--icon-size-64) !important;
}
.icon-size-48 svg{
    width: var(--icon-size-48) !important;
    height: var(--icon-size-48) !important;
}
.icon-size-40 svg{
    width: var(--icon-size-40) !important;
    height: var(--icon-size-40) !important;
}
.icon-size-32 svg{
    width: var(--icon-size-32) !important;
    height: var(--icon-size-32) !important;
}
.icon-size-24 svg{
    width: var(--icon-size-24) !important;
    height: var(--icon-size-24) !important;
}
.icon-size-20 svg{
    width: var(--icon-size-20) !important;
    height: var(--icon-size-20) !important;
}

/*Centralizar texto e ícone do botão*/
.botao-icone-drt .elementor-button-content-wrapper, .botao-icone-esq .elementor-button-content-wrapper{
    display: grid;
    grid-template-areas:
    "a b";
    grid-gap: 8px;
}
.botao-icone-drt svg, .botao-icone-esq svg{
    fill: var(--color-text-botao) !important;
}
.botao-icone-drt .elementor-button-text{
    grid-area: a;
    align-self: center;
}
.botao-icone-esq .elementor-button-text{
    grid-area: b;
    align-self: center;
}

/* ### AJUSTES GERAIS ### */

/*Zerar padding vertical*/
.padding-top-zero{
    padding-top: 0 !important;
}
.padding-bottom-zero{
    padding-bottom: 0 !important;
}

/*Degradê de transição - De baixo para cima*/
.transicao-to-top::after, .transicao-to-botom::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, var(--cor-transicao), transparent var(--percentual-transicao));
    bottom: 0 !important;
    left: 50%;
    transform: translate(-50%);
    pointer-events: none;
    z-index: 0;
}
/*Degradê de transição - De cima para baixo*/
.transicao-to-botom::after{
    background: linear-gradient(to bottom, var(--cor-transicao), transparent var(--percentual-transicao)) !important;
}

/*Camada de colorização acima (cor sólida com modo de mesclagem color)*/
.blendmode-color::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--cor-blendmode-color);
	mix-blend-mode: color;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 0;
}

/*Posicionar os elementos internos do contaner acima do gradiente de transição*/
.transicao-to-top .elementor-widget, .transicao-to-botom .elementor-widget, .blendmode-color .elementor-widget{
    z-index: 1;
}

/*Widgets de HTML - Zerar espaço ocupado no Rodapé*/
.html-sem-dimensoes, .rodape .elementor-widget-html{
    position: absolute;
    width: 0 !important;
    bottom: 0;
    left: 50%;
}

/*Ocultar elemento - Em todos os dispositivos*/
.ocultar{
    display: none !important;
}
/*Ocultar elemento - Exceto mobile*/
@media (min-width: 768px){
.ocultar-exceto-mobile{
    display: none !important;
}
}
/*Ocultar elemento - Exceto tablet e mobile*/
@media (min-width: 1025px){
.ocultar-exceto-tablet-mobile{
    display: none !important;
}
}
/*Ocultar elemento - Apenas no mobile*/
@media (max-width: 767px){
.ocultar-apenas-mobile{
    display: none !important;
}
}
/*Ocultar elemento - Apenas no tablet e mobile*/
@media (max-width: 1024px){
.ocultar-apenas-tablet-mobile{
    display: none !important;
}
}

/*Bloquear clique no elemento*/
.bloquear-clique{
    pointer-events: none;
}
/*Bloquear seleção do elemento*/
.bloquear-selecao{
    user-select: none;
}
/*Bloquear total*/
.bloquear-total{
    pointer-events: none;
    user-select: none;
}

/*Centralizar elemento na seção*/
.centralizar{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

/*Posicionar elementos nos cantos da área útil*/
.position-left-top, .position-left-bottom, .position-right-top, .position-right-bottom{
    position: absolute;
}
.position-left-top, .position-left-top .top-zero{
    left: calc(50% - calc((var(--container-max-width)) / 2));
	top: var(--padding-vertical);
}
.position-left-bottom, .position-left-bottom .bottom-zero{
    left: calc(50% - calc((var(--container-max-width)) / 2));
	bottom: var(--padding-vertical);
}
.position-right-top, .position-right-top .top-zero{
    right: calc(50% - calc((var(--container-max-width)) / 2));
	top: var(--padding-vertical);
}
.position-right-bottom, .position-right-bottom .bottom-zero{
    right: calc(50% - calc((var(--container-max-width)) / 2));
	bottom: var(--padding-vertical);
}
.top-zero{
	top: 0 !important;
}
.bottom-zero{
	bottom: 0 !important;
}
/*Exceto Desktop*/
@media (max-width: 1366px){
.position-left-top, .position-left-bottom{
    left: var(--padding-horizontal) !important;
    right: auto !important;
}
.position-right-top, .position-right-bottom{
    right: var(--padding-horizontal) !important;
    left: auto !important;
}
}