.elementor-441 .elementor-element.elementor-element-24b4d7a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-wrapper{text-align:justify;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-title{margin-bottom:0px;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:800;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-img img{border-radius:100%;transition-duration:0.3s;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:700;}.elementor-441 .elementor-element.elementor-element-d818a52{--grid-template-columns:repeat(0, auto);--icon-size:32px;--grid-column-gap:0px;--grid-row-gap:4px;}.elementor-441 .elementor-element.elementor-element-d818a52 .elementor-widget-container{text-align:center;}.elementor-441 .elementor-element.elementor-element-d818a52 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-441 .elementor-element.elementor-element-d818a52.elementor-element{--align-self:center;}.elementor-441 .elementor-element.elementor-element-d818a52 .elementor-social-icon{background-color:#FFFFFF00;--icon-padding:0em;}.elementor-441 .elementor-element.elementor-element-cb10421{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:start;--padding-top:3%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-c346572 > .elementor-widget-container{padding:2px 2px 2px 3px;border-style:solid;border-width:0px 0px 0px 2px;border-color:#11253D;border-radius:200px 30px 30px 200px;box-shadow:0px 10px 30px -10px rgba(17.000000000000014, 36.999999999999986, 61, 0.5);}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-wrapper{text-align:start;}.elementor-441 .elementor-element.elementor-element-c346572.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-441 .elementor-element.elementor-element-c346572.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-441 .elementor-element.elementor-element-c346572.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-title{margin-bottom:4px;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-img img{border-style:none;border-radius:100%;transition-duration:0.3s;}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-b0561fd > .elementor-widget-container{padding:2px 3px 2px 2px;border-style:solid;border-width:0px 2px 0px 0px;border-color:#11253D;border-radius:30px 200px 200px 30px;box-shadow:0px 10px 30px -10px rgba(17.000000000000014, 36.999999999999986, 61, 0.5);}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-wrapper{text-align:start;}.elementor-441 .elementor-element.elementor-element-b0561fd.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-441 .elementor-element.elementor-element-b0561fd.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-441 .elementor-element.elementor-element-b0561fd.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-title{margin-bottom:4px;font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-img img{border-style:none;border-radius:100%;transition-duration:0.3s;}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-primary );}.elementor-441 .elementor-element.elementor-element-b84e55b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-441 .elementor-element.elementor-element-eca00bf{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-441 .elementor-element.elementor-element-eca00bf.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:800;}.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button{background-color:#00000000;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:800;}.elementor-441 .elementor-element.elementor-element-ab13ac7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-441 .elementor-element.elementor-element-ab13ac7.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-441 .elementor-element.elementor-element-5b7bd50{--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-441 .elementor-element.elementor-element-e9c7822 .elementor-cta .elementor-cta__bg, .elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-441 .elementor-element.elementor-element-e9c7822{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-441 .elementor-element.elementor-element-e9c7822 > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__content{text-align:start;padding:40px 20px 40px 20px;background-color:#00000000;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__bg-wrapper{min-width:100%;min-height:222px;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__title{font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:700;color:#FAF0CA;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__title:not(:last-child){margin-bottom:12px;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__description{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#FAF0CA;}.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:700;}.elementor-441 .elementor-element.elementor-element-90fc663{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--flex-wrap:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-90fc663:not(.elementor-motion-effects-element-type-background), .elementor-441 .elementor-element.elementor-element-90fc663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-441 .elementor-element.elementor-element-f0c012a.elementor-position-right .elementor-image-box-img{margin-left:8px;}.elementor-441 .elementor-element.elementor-element-f0c012a.elementor-position-left .elementor-image-box-img{margin-right:8px;}.elementor-441 .elementor-element.elementor-element-f0c012a.elementor-position-top .elementor-image-box-img{margin-bottom:8px;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-title{margin-bottom:8px;font-family:"Inter", Sans-serif;font-size:14px;font-weight:300;line-height:1.3em;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-img img{transition-duration:0.3s;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-description{font-size:12px;}body.elementor-page-441:not(.elementor-motion-effects-element-type-background), body.elementor-page-441 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #FFFFFF 0%, #A2BEA1 100%);}@media(max-width:1366px){.elementor-441 .elementor-element.elementor-element-cb10421{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-441 .elementor-element.elementor-element-cb10421{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-wrapper .elementor-image-box-img{width:40%;}.elementor-441 .elementor-element.elementor-element-cb10421{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-441 .elementor-element.elementor-element-c346572{width:100%;max-width:100%;}.elementor-441 .elementor-element.elementor-element-b0561fd{width:100%;max-width:100%;}.elementor-441 .elementor-element.elementor-element-eca00bf{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-441 .elementor-element.elementor-element-ab13ac7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-441 .elementor-element.elementor-element-e9c7822{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}@media(max-width:880px){.elementor-441 .elementor-element.elementor-element-cb10421{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-441 .elementor-element.elementor-element-24b4d7a{--content-width:90%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:10%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-fcb21bb{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;}.elementor-441 .elementor-element.elementor-element-fcb21bb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-441 .elementor-element.elementor-element-fcb21bb.elementor-element{--order:-99999 /* order start hack */;}.elementor-441 .elementor-element.elementor-element-fcb21bb.elementor-position-right .elementor-image-box-img{margin-left:0em;}.elementor-441 .elementor-element.elementor-element-fcb21bb.elementor-position-left .elementor-image-box-img{margin-right:0em;}.elementor-441 .elementor-element.elementor-element-fcb21bb.elementor-position-top .elementor-image-box-img{margin-bottom:0em;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-img{margin-bottom:0em;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-wrapper .elementor-image-box-img{width:50%;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-title{font-size:1.4em;}.elementor-441 .elementor-element.elementor-element-fcb21bb .elementor-image-box-description{font-size:0.9em;}.elementor-441 .elementor-element.elementor-element-d818a52{--grid-template-columns:repeat(2, auto);width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;--icon-size:40px;--grid-row-gap:4px;}.elementor-441 .elementor-element.elementor-element-cb10421{--content-width:90%;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:5%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-c346572 > .elementor-widget-container{padding:3px 1px 0px 1px;border-width:2px 0px 0px 0px;border-radius:200px 200px 30px 30px;}.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-img{margin-bottom:0px;}.elementor-441 .elementor-element.elementor-element-b0561fd > .elementor-widget-container{padding:3px 1px 0px 1px;border-width:2px 0px 0px 0px;border-radius:200px 200px 30px 30px;}.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-img{margin-bottom:0px;}.elementor-441 .elementor-element.elementor-element-e9c7822{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-441 .elementor-element.elementor-element-90fc663{--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-img{margin-bottom:8px;}.elementor-441 .elementor-element.elementor-element-f0c012a .elementor-image-box-wrapper .elementor-image-box-img{width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-441 .elementor-element.elementor-element-cb10421{--content-width:90%;}}/* Start custom CSS for image-box, class: .elementor-element-fcb21bb */.elementor-441 .elementor-element.elementor-element-fcb21bb{
/* VARIÁVEIS */
--headline-cor: var(--cor-2);
--subheadline-cor: var(--cor-1);
--link-borda-cor: var(--cor-1);
--link-borda-cor-hover: var(--cor-2);
--link-borda-estilo: none 0px;
/* opções: dotted, dashed, solid, double, groove, ridge, inset, outset, none ou hidden */
--link-cantos: 40px;
--link-espaçamento: 6px 12px;
--link-fundo: var(--cor-1);
--link-fundo-hover: var(--cor-2);
--link-gap: 10px;
--link-icone-cor: var(--cor-icone-3);
--link-icone-cor-hover: var(--cor-icone-branca);
--link-icone-tamanho: 16px;
--link-texto-cor: var(--cor-3);
--link-texto-cor-hover: var(--cor-branca);
--link-texto-espessura: 500;
--link-texto-tamanho: 14px;
}
/* ----------------------------
* CABEÇALHO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta{
/* Tipo de bloco de conteúdo */
display: flex;
/* Alinhamento vertical */
align-items: center;
/* Alinhamento horizontal */
justify-content: center;
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta .elementor-image-box-title{
/* Cor do título */
color: var(--headline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta .elementor-image-box-description{
/* Cor da descrição */
color: var(--subheadline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta a:link{
/* Cor do Texto */
color: var(--link-texto-cor);
/* Tamanho do Texto */
font-size: var(--link-texto-tamanho);
/* Espessura do Texto */
font-weight: var(--link-texto-espessura);
/* Espaçamento acima */
margin-top: 8px;
/* Cor de fundo */
background: var(--link-fundo);
/* Tipo de bloco de conteúdo */
display: inline-block;
/* Cantos arredondados */
border-radius: var(--link-cantos);
/* Bordas */
border: var(--link-borda-estilo) var(--link-borda-cor);
/* Espaçamento Interno */
padding: var(--link-espaçamento);
/* Tipo de bloco de conteúdo */
display: inline-flex;
/* Alinhamento vertical */
align-items: center;
/* Alinhamento horizontal */
justify-content: center;
/* Espaçamento entre icone e texto*/
gap: var(--link-gap);
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta a:hover{
/* Cor de fundo ao passar o mouse */
background: var(--link-fundo-hover);
/* Cor do Texto ao passar o mouse */
color: var(--link-texto-cor-hover);
/* Cor da borda ao passar o mouse */
border: var(--link-borda-cor-hover) var(--link-borda-estilo);
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta a:link > img{
/* Tamanho do ícone */
width: var(--link-icone-tamanho);
/* Cor do ícone */
filter: var(--link-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-fcb21bb.insta a:hover > img{
/* Cor do ícone ao passar o mouse */
filter: var(--link-icone-cor-hover);
}/* End custom CSS */
/* Start custom CSS for social-icons, class: .elementor-element-d818a52 */.elementor-441 .elementor-element.elementor-element-d818a52{
/* VARIÁVEIS */
--social-cor: var(--cor-icone-1);
--social-cor-hover: var(--cor-icone-2);
}
/* ----------------------------
* REDES SOCIAIS - VERTICAL
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-d818a52.social a:link {
/* Cor do icone */
filter: var(--social-cor);
}
.elementor-441 .elementor-element.elementor-element-d818a52.social a:hover{
/* Cor do ícone ao passar o mouse */
filter: var(--social-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-d818a52.elementor-widget-social-icons .elementor-grid{
display: flex;
flex-direction: column;
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c346572 */.elementor-441 .elementor-element.elementor-element-c346572{
/* VARIÁVEIS ESPECÍFICAS CAIXA DE IMAGEM */
--caixa-borda-cor: var(--cor-1);
--caixa-borda-cor-hover: var(--cor-3);
--caixa-borda-espaçamento: 2px 0px;
--caixa-borda-estilo: solid 2px;
--caixa-cantos: 200px 30px 30px 200px;
--caixa-espaçamento: 20px;
--caixa-fundo-cor: var(--cor-1);
--caixa-gap: 5%;
--caixa-headline-cor: var(--cor-branca);
--caixa-subheadline-cor: var(--cor-3);
--caixa-botao-borda-cor: var(--cor-4);
--caixa-botao-borda-cor-hover: var(--cor-3);
--caixa-botao-borda-estilo: none 0px;
--caixa-botao-borda-estilo-hover: none 0px;
--caixa-botao-cantos: 6px;
--caixa-botao-espaçamento: 5% 5% 5% 5%;
--caixa-botao-fundo: linear-gradient(45deg,VAR(--cor-1),VAR(--cor-2));
--caixa-botao-fundo-hover: linear-gradient(15deg,VAR(--cor-1),VAR(--cor-2));
--caixa-botao-fundo-tamanho: 100% 200%;
--caixa-botao-fundo-tamanho-hover: 150% 200%;
--caixa-botao-gap: 5%;
--caixa-botao-headline-cor: var(--cor-4);
--caixa-botao-headline-cor-hover: var(--cor-3);
--caixa-botao-headline-espessura: 800;
--caixa-botao-headline-maiuscula: uppercase;
--caixa-botao-headline-tamanho: 14px;
--caixa-botao-icone-cor: var(--cor-icone-4);
--caixa-botao-icone-cor-hover: var(--cor-icone-3);
--caixa-botao-icone-tamanho: 30px;
--caixa-botao-subheadline-cor: var(--cor-3);
--caixa-botao-subheadline-cor-hover: var(--cor-3);
--caixa-botao-subheadline-espessura: 600;
--caixa-botao-subheadline-maiuscula: capitalize;
--caixa-botao-subheadline-tamanho: 12px;
}
/* --------------------------------
* CAIXA DE IMAGEM
* --------------------------------
##### IMPORTANTE #####
Inserir este código HTML na descrição com a classe obrigatória "botao" + uma classe de animação caso queira (a1, a2, a3, a4 ou a5)
Escreva aqui sua Headline
Escreva sua subheadline
*/
/* ----------------------------
* CAIXA DE IMAGEM - GERAL
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-wrapper{
/* Cor de fundo */
background: var(--caixa-fundo-cor);
/* Espaçamento */
padding: var(--caixa-espaçamento);
/* Cantos arredondados */
border-radius: var(--caixa-cantos);
/* Espaçamento interno */
padding: var(--caixa-espaçamento);
/* Alinhamento vertical */
align-items: center;
/* Espaçamento entre objetos */
gap: var(--caixa-gap);
}
.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-title, .caixa-fundo .elementor-cta__title{
/* Cor do texto */
color: var(--caixa-headline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-description, .caixa-fundo .elementor-cta__description{
/* Cor do texto */
color: var(--caixa-subheadline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-c346572.borda-degrade {
/* Cantos arredondados */
border-radius: var(--caixa-cantos);
/* Espaçamento */
padding: var(--caixa-borda-espaçamento);
/* Espessura */
border: var(--caixa-borda-estilo);
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--caixa-borda-cor), var(--cor-transparente)) 1;
/* Tirar bordas laterais */
border-left: 0;
border-right: 0;
}
.elementor-441 .elementor-element.elementor-element-c346572.borda-degrade:hover {
border-image: linear-gradient(90deg,var(--cor-transparente), var(--caixa-borda-cor-hover), var(--cor-transparente)) 1;
}
/* ----------------------------
* CAIXA DE IMAGEM - BOTAO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-c346572 .botao{
/* Fundo botão degrade */
background-image: var(--caixa-botao-fundo);
background-size: var(--caixa-botao-fundo-tamanho);
/* Bordas */
border: var(--caixa-botao-borda-estilo) var(--caixa-botao-borda-cor);
/* Espaçamento interno */
padding: var(--caixa-botao-espaçamento);
/* Cantos arredondados */
border-radius: var(--caixa-botao-cantos);
/* Tipo de bloco de conteúdo */
display: flex;
/* Alinhamento vertical*/
align-items: center;
/* Espaçamento entre componentes */
justify-content: flex-start;
gap: var(--caixa-botao-gap);
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao:hover{
/* Fundo botão degrade */
background-image: var(--caixa-botao-fundo-hover);
background-size: var(--caixa-botao-fundo-hover-tamanho);
/* Bordas */
border: var(--caixa-botao-borda-estilo-hover) var(--caixa-botao-borda-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao img{
/* Tamanho do ícone */
width: var(--caixa-botao-icone-tamanho);
/* Cor do ícone */
filter: var(--caixa-botao-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao:hover img{
/* Cor do ícone */
filter: var(--caixa-botao-icone-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao headline{
/* Cor da Fonte */
color: var(--caixa-botao-headline-cor);
/* Tamanho da Fonte */
font-size: var(--caixa-botao-headline-tamanho);
/* Espessura da Fonte */
font-weight: var(--caixa-botao-headline-espessura);
/* Letras maiúsculas (lowercase, uppercase, capitalize) */
text-transform: var(--caixa-botao-headline-maiuscula);
/* Espaço entre linhas */
line-height: 1.1;
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao:hover headline{
/* Cor da texto ao passar o mouse */
color: var(--caixa-botao-headline-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao subheadline {
/* Tipo de bloco de conteúdo */
display: block;
/* Cor da Fonte */
color: var(--caixa-botao-subheadline);
/* Tamanho da Fonte */
font-size: var(--caixa-botao-subheadline-tamanho);
/* Espessura da Fonte */
font-weight: var(--caixa-botao-subheadline-espessura);
/* Letras maiúsculas */
text-transform: var(--caixa-botao-subheadline-maiuscula);
/* Espaçamento entre headline*/
margin-top: 4px;
}
.elementor-441 .elementor-element.elementor-element-c346572 .botao:hover subheadline{
/* Cor da texto ao passar o mouse */
color: var(--caixa-botao-subheadline-hover);
}
/* ----------------------------
* AJUSTE PARA O CELULAR
* ----------------------------*/
@media (max-width: 767px) {
.elementor-441 .elementor-element.elementor-element-c346572 .elementor-image-box-wrapper{
/* Cantos arredondados */
border-radius: 200px 200px 30px 30px;
}
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b0561fd */.elementor-441 .elementor-element.elementor-element-b0561fd{
/* VARIÁVEIS ESPECÍFICAS CAIXA DE IMAGEM */
--caixa-borda-cor: var(--cor-1);
--caixa-borda-cor-hover: var(--cor-3);
--caixa-borda-espaçamento: 2px 0px;
--caixa-borda-estilo: solid 2px;
--caixa-cantos: 30px 200px 200px 30px;
--caixa-espaçamento: 20px;
--caixa-fundo-cor: var(--cor-4);
--caixa-gap: 5%;
--caixa-headline-cor: var(--cor-2);
--caixa-subheadline-cor: var(--cor-2);
--caixa-botao-borda-cor: var(--cor-4);
--caixa-botao-borda-cor-hover: var(--cor-3);
--caixa-botao-borda-estilo: none 0px;
--caixa-botao-borda-estilo-hover: none 0px;
--caixa-botao-cantos: 6px;
--caixa-botao-espaçamento: 5% 5% 5% 5%;
--caixa-botao-fundo: linear-gradient(45deg,VAR(--cor-1),VAR(--cor-2));
--caixa-botao-fundo-hover: linear-gradient(15deg,VAR(--cor-1),VAR(--cor-2));
--caixa-botao-fundo-tamanho: 100% 200%;
--caixa-botao-fundo-tamanho-hover: 150% 200%;
--caixa-botao-gap: 5%;
--caixa-botao-headline-cor: var(--cor-4);
--caixa-botao-headline-cor-hover: var(--cor-3);
--caixa-botao-headline-espessura: 800;
--caixa-botao-headline-maiuscula: uppercase;
--caixa-botao-headline-tamanho: 14px;
--caixa-botao-icone-cor: var(--cor-icone-4);
--caixa-botao-icone-cor-hover: var(--cor-icone-3);
--caixa-botao-icone-tamanho: 30px;
--caixa-botao-subheadline-cor: var(--cor-3);
--caixa-botao-subheadline-cor-hover: var(--cor-3);
--caixa-botao-subheadline-espessura: 600;
--caixa-botao-subheadline-maiuscula: capitalize;
--caixa-botao-subheadline-tamanho: 12px;
}
/* --------------------------------
* CAIXA DE IMAGEM
* --------------------------------
##### IMPORTANTE #####
Inserir este código HTML na descrição com a classe obrigatória "botao" + uma classe de animação caso queira (a1, a2, a3, a4 ou a5)
Escreva aqui sua Headline
Escreva sua subheadline
*/
/* ----------------------------
* CAIXA DE IMAGEM - GERAL
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-wrapper{
/* Cor de fundo */
background: var(--caixa-fundo-cor);
/* Espaçamento */
padding: var(--caixa-espaçamento);
/* Cantos arredondados */
border-radius: var(--caixa-cantos);
/* Espaçamento interno */
padding: var(--caixa-espaçamento);
/* Alinhamento vertical */
align-items: center;
/* Espaçamento entre objetos */
gap: var(--caixa-gap);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-title, .caixa-fundo .elementor-cta__title{
/* Cor do texto */
color: var(--caixa-headline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-description, .caixa-fundo .elementor-cta__description{
/* Cor do texto */
color: var(--caixa-subheadline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-b0561fd.borda-degrade {
/* Cantos arredondados */
border-radius: var(--caixa-cantos);
/* Espaçamento */
padding: var(--caixa-borda-espaçamento);
/* Espessura */
border: var(--caixa-borda-estilo);
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--caixa-borda-cor), var(--cor-transparente)) 1;
/* Tirar bordas laterais */
border-left: 0;
border-right: 0;
}
.elementor-441 .elementor-element.elementor-element-b0561fd.borda-degrade:hover {
border-image: linear-gradient(90deg,var(--cor-transparente), var(--caixa-borda-cor-hover), var(--cor-transparente)) 1;
}
/* ----------------------------
* CAIXA DE IMAGEM - BOTAO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-b0561fd .botao{
/* Fundo botão degrade */
background-image: var(--caixa-botao-fundo);
background-size: var(--caixa-botao-fundo-tamanho);
/* Bordas */
border: var(--caixa-botao-borda-estilo) var(--caixa-botao-borda-cor);
/* Espaçamento interno */
padding: var(--caixa-botao-espaçamento);
/* Cantos arredondados */
border-radius: var(--caixa-botao-cantos);
/* Tipo de bloco de conteúdo */
display: flex;
/* Alinhamento vertical*/
align-items: center;
/* Espaçamento entre componentes */
justify-content: flex-start;
gap: var(--caixa-botao-gap);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao:hover{
/* Fundo botão degrade */
background-image: var(--caixa-botao-fundo-hover);
background-size: var(--caixa-botao-fundo-hover-tamanho);
/* Bordas */
border: var(--caixa-botao-borda-estilo-hover) var(--caixa-botao-borda-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao img{
/* Tamanho do ícone */
width: var(--caixa-botao-icone-tamanho);
/* Cor do ícone */
filter: var(--caixa-botao-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao:hover img{
/* Cor do ícone */
filter: var(--caixa-botao-icone-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao headline{
/* Cor da Fonte */
color: var(--caixa-botao-headline-cor);
/* Tamanho da Fonte */
font-size: var(--caixa-botao-headline-tamanho);
/* Espessura da Fonte */
font-weight: var(--caixa-botao-headline-espessura);
/* Letras maiúsculas (lowercase, uppercase, capitalize) */
text-transform: var(--caixa-botao-headline-maiuscula);
/* Espaço entre linhas */
line-height: 1.1;
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao:hover headline{
/* Cor da texto ao passar o mouse */
color: var(--caixa-botao-headline-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao subheadline {
/* Tipo de bloco de conteúdo */
display: block;
/* Cor da Fonte */
color: var(--caixa-botao-subheadline);
/* Tamanho da Fonte */
font-size: var(--caixa-botao-subheadline-tamanho);
/* Espessura da Fonte */
font-weight: var(--caixa-botao-subheadline-espessura);
/* Letras maiúsculas */
text-transform: var(--caixa-botao-subheadline-maiuscula);
/* Espaçamento entre headline*/
margin-top: 4px;
}
.elementor-441 .elementor-element.elementor-element-b0561fd .botao:hover subheadline{
/* Cor da texto ao passar o mouse */
color: var(--caixa-botao-subheadline-hover);
}
/* ----------------------------
* AJUSTE PARA O CELULAR
* ----------------------------*/
@media (max-width: 767px) {
.elementor-441 .elementor-element.elementor-element-b0561fd .elementor-image-box-wrapper{
/* Cantos arredondados */
border-radius: 200px 200px 30px 30px;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-eca00bf */.elementor-441 .elementor-element.elementor-element-eca00bf{
/* VARIÁVEIS ESPECÍFICAS DOS BOTÕES SIMPLES */
--botao-borda-cor: var(--cor-1);
--botao-borda-cor-hover: var(--cor-3);
--botao-borda-estilo: solid 2px;
/* opções: dotted, dashed, solid, double, groove, ridge, inset, outset, none ou hidden */
--botao-cantos: 16px;
--botao-espaçamento: 5% 5% 5% 5%;
--botao-fundo: linear-gradient(45deg,VAR(--cor-1),VAR(--cor-2));
--botao-fundo-hover: linear-gradient(15deg,VAR(--cor-1),VAR(--cor-2));
--botao-fundo-tamanho: 100% 200%;
--botao-fundo-tamanho-hover: 150% 200%;
--botao-gap: 5%;
--botao-headline-cor: var(--cor-4);
--botao-headline-cor-hover: var(--cor-3);
--botao-headline-espessura: 800;
/* Vai de 100 a 900, dependendo da fonte */
--botao-headline-maiuscula: uppercase;
/* opções: normal, uppercase, lowercase ou capitalize */
--botao-headline-tamanho: 24px;
--botao-icone-cor: var(--cor-icone-4);
--botao-icone-cor-hover: var(--cor-icone-3);
--botao-icone-tamanho: 40px;
--botao-imagem-cantos: 16px;
--botao-imagem-tamanho: 120px;
--botao-subheadline-cor: var(--cor-3);
--botao-subheadline-cor-hover: var(--cor-3);
--botao-subheadline-espessura: 600;
/* Vai de 100 a 900, dependendo da fonte */
--botao-subheadline-maiuscula: capitalize;
/* opções: normal, uppercase, lowercase ou capitalize */
--botao-subheadline-tamanho: 18px;
--botao-vidro-embaçamento: 2px;
--botao-vidro-fundo: rgba( 255, 255, 255, 0.05);
--botao-degrade-fundo1: var(--cor-1);
--botao-degrade-fundo2: var(--cor-2);
}
/* ----------------------------
* BOTÕES SIMPLES
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button{
/* Fundo botão degrade */
background-image: var(--botao-fundo);
background-size: var(--botao-fundo-tamanho);
/* Espaçamento interno */
padding: var(--botao-espaçamento);
/* Cantos arredondados */
border-radius: var(--botao-cantos);
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button:hover {
/* Fundo botão degrade */
background-image: var(--botao-fundo-hover);
background-size: var(--botao-fundo-tamanho-hover);
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-text, .elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-content-wrapper{
gap: var(--botao-gap) !important;
}
/* ----------------------------
* BOTÃO COM EFEITO DE VIDRO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-eca00bf.vidro {
/* Cor de fundo */
background: var(--botao-vidro-fundo);
/* Embassado */
backdrop-filter: blur( var(--botao-vidro-embaçamento) ) ;
-webkit-backdrop-filter: blur( var(--botao-vidro-embaçamento) ) ;
/* Cantos arredondados */
border-radius: var(--botao-cantos);
/* Sem sombra */
box-shadow: var(--sem-nada);
}
/* ----------------------------
* BOTÃO COM DEGRADE EM MOVIMENTO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-eca00bf.degrade {
/* Velocidade da animação */
animation: 3.4s infinite brilho alternate;
/* Cor de fundo */
background-image: linear-gradient(45deg,VAR(--botao-degrade-fundo1),VAR(--botao-degrade-fundo2),VAR(--botao-degrade-fundo1),VAR(--botao-degrade-fundo2));
background-size: 400% 200%;
transition: background 1.6s all;
/* Cantos arredondados */
border-radius: var(--botao-cantos);
}
@-webkit-keyframes brilho {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes brilho {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
.elementor-441 .elementor-element.elementor-element-eca00bf.degrade:hover {
animation: none;
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-text, .elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-content-wrapper{
gap: var(--botao-gap) !important;
}
/* ///// BORDAS ///// */
.elementor-441 .elementor-element.elementor-element-eca00bf.borda-degrade {
/* Cantos arredondados */
border-radius: var(--botao-cantos);
/* Espaçamento */
padding: 2px 0px;
/* Espessura */
border: var(--botao-borda-estilo);
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--botao-borda-cor), var(--cor-transparente)) 1;
/* Tirar bordas laterais */
border-left: 0;
border-right: 0;
}
.elementor-441 .elementor-element.elementor-element-eca00bf.borda-degrade:hover {
border-image: linear-gradient(90deg,var(--cor-transparente), var(--botao-borda-cor-hover), var(--cor-transparente)) 1;
}
/* ///// ÍCONE SVG ///// */
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper svg {
/* Tamanho do ícone */
width: var(--botao-icone-tamanho);
/* Cor do ícone */
filter: var(--botao-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper:hover svg {
/* Cor do ícone ao passar o mouse */
filter: var(--botao-icone-cor-hover);
}
/* ///// IMAGEM ///// */
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper img{
/* Tamanho da imagem */
width: var(--botao-imagem-tamanho);
/* Cantos arredondados */
border-radius: var(--botao-imagem-cantos);
}
/* ///// HEADLINE ///// */
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper headline{
/* Tipo de bloco de conteúdo */
display: flex;
/* Direção dos componentes */
flex-direction: column;
/* Tamanho da texto */
font-size: var(--botao-headline-tamanho);
/* Espessura da texto */
font-weight: var(--botao-headline-espessura);
/* Cor da texto */
color: var(--botao-headline-cor);
/* Letras maiúsculas */
text-transform: var(--botao-headline-maiuscula);
width: 100%;
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper:hover headline{
/* Cor da texto */
color: var(--botao-headline-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper subheadline {
/* Cor da Fonte */
color: var(--botao-subheadline-cor);
/* Tamanho da Fonte */
font-size: var(--botao-subheadline-tamanho);
/* Espessura da Fonte */
font-weight: var(--botao-subheadline-espessura);
/* Espaçamento entre linhas */
line-height: 1.1;
/* Letras maiúsculas */
text-transform: var(--botao-subheadline-maiuscula);
/* Espaçamento entre headline*/
margin-top: 8px;
}
.elementor-441 .elementor-element.elementor-element-eca00bf .elementor-button-wrapper:hover subheadline{
/* Cor da texto ao passar o mouse*/
color: var(--botao-subheadline-cor-hover);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ab13ac7 */.elementor-441 .elementor-element.elementor-element-ab13ac7{
/* VARIÁVEIS ESPECÍFICAS DOS BOTÕES SIMPLES */
--botao-borda-cor: var(--cor-1);
--botao-borda-cor-hover: var(--cor-3);
--botao-borda-estilo: solid 2px;
/* opções: dotted, dashed, solid, double, groove, ridge, inset, outset, none ou hidden */
--botao-cantos: 16px;
--botao-espaçamento: 5% 5% 5% 5%;
/* NÃO USE ESTE CSS ABAIXO NO BOTÃO BOTÃO DEGRADE
--botao-fundo: linear-gradient(45deg,VAR(--cor-1),VAR(--cor-1));
--botao-fundo-hover: linear-gradient(15deg,VAR(--cor-2),VAR(--cor-2));
--botao-fundo-tamanho: 100% 200%;
--botao-fundo-tamanho-hover: 150% 200%;*/
--botao-gap: 5%;
--botao-headline-cor: var(--cor-4);
--botao-headline-cor-hover: var(--cor-3);
--botao-headline-espessura: 800;
/* Vai de 100 a 900, dependendo da fonte */
--botao-headline-maiuscula: uppercase;
/* opções: normal, uppercase, lowercase ou capitalize */
--botao-headline-tamanho: 24px;
--botao-icone-cor: var(--cor-icone-4);
--botao-icone-cor-hover: var(--cor-icone-3);
--botao-icone-tamanho: 40px;
--botao-imagem-cantos: 16px;
--botao-imagem-tamanho: 120px;
--botao-subheadline-cor: var(--cor-3);
--botao-subheadline-cor-hover: var(--cor-3);
--botao-subheadline-espessura: 600;
/* Vai de 100 a 900, dependendo da fonte */
--botao-subheadline-maiuscula: capitalize;
/* opções: normal, uppercase, lowercase ou capitalize */
--botao-subheadline-tamanho: 18px;
--botao-vidro-embaçamento: 2px;
--botao-vidro-fundo: rgba( 255, 255, 255, 0.05);
--botao-degrade-fundo1: var(--cor-1);
--botao-degrade-fundo2: var(--cor-2);
}
/* ----------------------------
* BOTÕES SIMPLES
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button{
/* Fundo botão degrade */
background-image: var(--botao-fundo);
background-size: var(--botao-fundo-tamanho);
/* Espaçamento interno */
padding: var(--botao-espaçamento);
/* Cantos arredondados */
border-radius: var(--botao-cantos);
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button:hover {
/* Fundo botão degrade */
background-image: var(--botao-fundo-hover);
background-size: var(--botao-fundo-tamanho-hover);
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-text, .elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-content-wrapper{
gap: var(--botao-gap) !important;
}
/* ----------------------------
* BOTÃO COM EFEITO DE VIDRO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-ab13ac7.vidro {
/* Cor de fundo */
background: var(--botao-vidro-fundo);
/* Embassado */
backdrop-filter: blur( var(--botao-vidro-embaçamento) ) ;
-webkit-backdrop-filter: blur( var(--botao-vidro-embaçamento) ) ;
/* Cantos arredondados */
border-radius: var(--botao-cantos);
/* Sem sombra */
box-shadow: var(--sem-nada);
}
/* ----------------------------
* BOTÃO COM DEGRADE EM MOVIMENTO
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-ab13ac7.degrade {
/* Velocidade da animação */
animation: 3.4s infinite brilho alternate;
/* Cor de fundo */
background-image: linear-gradient(45deg,VAR(--botao-degrade-fundo1),VAR(--botao-degrade-fundo2),VAR(--botao-degrade-fundo1),VAR(--botao-degrade-fundo2));
background-size: 400% 200%;
transition: background 1.6s all;
/* Cantos arredondados */
border-radius: var(--botao-cantos);
}
@-webkit-keyframes brilho {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
@keyframes brilho {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 0;
}
}
.elementor-441 .elementor-element.elementor-element-ab13ac7.degrade:hover {
animation: none;
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-text, .elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-content-wrapper{
gap: var(--botao-gap) !important;
}
/* ///// BORDAS ///// */
.elementor-441 .elementor-element.elementor-element-ab13ac7.borda-degrade {
/* Cantos arredondados */
border-radius: var(--botao-cantos);
/* Espaçamento */
padding: 2px 0px;
/* Espessura */
border: var(--botao-borda-estilo);
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--botao-borda-cor), var(--cor-transparente)) 1;
/* Tirar bordas laterais */
border-left: 0;
border-right: 0;
}
.elementor-441 .elementor-element.elementor-element-ab13ac7.borda-degrade:hover {
border-image: linear-gradient(90deg,var(--cor-transparente), var(--botao-borda-cor-hover), var(--cor-transparente)) 1;
}
/* ///// ÍCONE SVG ///// */
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper svg {
/* Tamanho do ícone */
width: var(--botao-icone-tamanho);
/* Cor do ícone */
filter: var(--botao-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper:hover svg {
/* Cor do ícone ao passar o mouse */
filter: var(--botao-icone-cor-hover);
}
/* ///// IMAGEM ///// */
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper img{
/* Tamanho da imagem */
width: var(--botao-imagem-tamanho);
/* Cantos arredondados */
border-radius: var(--botao-imagem-cantos);
}
/* ///// HEADLINE ///// */
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper headline{
/* Tipo de bloco de conteúdo */
display: flex;
/* Direção dos componentes */
flex-direction: column;
/* Tamanho da texto */
font-size: var(--botao-headline-tamanho);
/* Espessura da texto */
font-weight: var(--botao-headline-espessura);
/* Cor da texto */
color: var(--botao-headline-cor);
/* Letras maiúsculas */
text-transform: var(--botao-headline-maiuscula);
width: 100%;
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper:hover headline{
/* Cor da texto */
color: var(--botao-headline-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper subheadline {
/* Cor da Fonte */
color: var(--botao-subheadline-cor);
/* Tamanho da Fonte */
font-size: var(--botao-subheadline-tamanho);
/* Espessura da Fonte */
font-weight: var(--botao-subheadline-espessura);
/* Espaçamento entre linhas */
line-height: 1.1;
/* Letras maiúsculas */
text-transform: var(--botao-subheadline-maiuscula);
/* Espaçamento entre headline*/
margin-top: 8px;
}
.elementor-441 .elementor-element.elementor-element-ab13ac7 .elementor-button-wrapper:hover subheadline{
/* Cor da texto ao passar o mouse*/
color: var(--botao-subheadline-cor-hover);
}/* End custom CSS */
/* Start custom CSS for call-to-action, class: .elementor-element-e9c7822 */.elementor-441 .elementor-element.elementor-element-e9c7822{
/* VARIÁVEIS ESPECÍFICAS DO CTA (CALL TO ACTION) */
--cta-borda-cor: var(--cor-1);
--cta-borda-cor-hover: var(--cor-3);
--cta-borda-estilo: solid 2px;
--cta-cantos: 8px;
--cta-espaçamento: 2px 0px;
--cta-fundo-cor: var(--cor-3);
--cta-headline-cor: var(--cor-2);
--cta-subheadline-cor: var(--cor-2);
--cta-botao-borda-cor: var(--cor-4);
--cta-botao-borda-cor-hover: var(--cor-3);
--cta-botao-borda-estilo: none 1px;
/* opções: dotted, dashed, solid, double, groove, ridge, inset, outset, none ou hidden */
--cta-botao-borda-estilo-hover: none 1px;
--cta-botao-cantos: 6px;
--cta-botao-espaçamento: 5% 5% 5% 5%;
--cta-botao-fundo: linear-gradient(45deg,VAR(--cor-1),VAR(--cor-2));
--cta-botao-fundo-hover: linear-gradient(15deg,VAR(--cor-1),VAR(--cor-2));
--cta-botao-fundo-tamanho: 100% 200%;
--cta-botao-fundo-tamanho-hover: 150% 200%;
--cta-botao-gap: 5%;
--cta-botao-headline-cor: var(--cor-4);
--cta-botao-headline-cor-hover: var(--cor-3);
--cta-botao-headline-espessura: 800;
/* Vai de 100 a 900, dependendo da fonte */
--cta-botao-headline-maiuscula: uppercase;
/* opções: normal, uppercase, lowercase ou capitalize */
--cta-botao-headline-tamanho: 14px;
--cta-botao-icone-cor: var(--cor-icone-4);
--cta-botao-icone-cor-hover: var(--cor-icone-3);
--cta-botao-icone-tamanho: 30px;
--cta-botao-subheadline-cor: var(--cor-3);
--cta-botao-subheadline-cor-hover: var(--cor-3);
--cta-botao-subheadline-espessura: 600;
/* Vai de 100 a 900, dependendo da fonte */
--cta-botao-subheadline-maiuscula: capitalize;
/* opções: normal, uppercase, lowercase ou capitalize */
--cta-botao-subheadline-tamanho: 12px;
}
/* ----------------------------
* CTA
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta {
/* Borda do box do CTA */
border-radius: var(--cta-cantos) !important;
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__title {
/* Cor da headline do box do CTA */
color: var(--cta-headline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__description{
/* Cor da subheadline do box do CTA */
color: var(--cta-subheadline-cor) !important;
}
.elementor-441 .elementor-element.elementor-element-e9c7822.cta-fundo .elementor-cta__content{
/* Cor de fundo do box do CTA */
background: var(--cta-fundo-cor) !important;
}
/* ///// BORDAS ///// */
.elementor-441 .elementor-element.elementor-element-e9c7822.borda-degrade .elementor-cta{
/* Cantos arredondados */
border-radius: var(--cta-cantos);
/* Espessura */
border: var(--cta-borda-estilo);
/* Espaçamento */
padding: 2px 0px;
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--cta-borda-cor), var(--cor-transparente)) 1;
/* Tirar bordas laterais */
border-left: 0;
border-right: 0;
}
.elementor-441 .elementor-element.elementor-element-e9c7822.borda-degrade:hover {
/* Cor */
border-image: linear-gradient(90deg,var(--cor-transparente), var(--cta-borda-cor-hover), var(--cor-transparente)) 1;
}
/* ----------------------------
* BOTÃO DO CTA
* ----------------------------*/
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button{
/* Fundo botão degrade */
background-image: var(--cta-botao-fundo) !important;
background-size: var(--cta-botao-fundo-tamanho) !important;
/* Tipo de bloco de conteúdo */
display: flex;
/* Alinhamento vertical */
align-items: center;
/* Espaçamento entre componentes*/
justify-content: space-between;
/* Gap */
gap: var(--cta-botao-gap);
/* Bordas */
border: var(--cta-botao-borda-estilo) var(--cta-botao-borda-cor) !important;
/* Cantos */
border-radius: var(--cta-botao-cantos) !important;
/* Espaçamento interno */
padding: var(--cta-botao-espaçamento) !important;
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button:hover {
/* Fundo botão degrade */
background-image: var(--cta-botao-fundo-hover) !important;
background-size: var(--cta-botao-fundo-tamanho-hover) !important;
transition: 0s;
/* Bordas ao passar o mouse */
border: var(--cta-botao-borda-estilo-hover) var(--cta-botao-borda-cor-hover) !important;
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button img{
/* Tamanho do ícone */
width: var(--cta-botao-icone-tamanho);
/* Cor do ícone */
filter: var(--cta-botao-icone-cor);
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button:hover img{
/* Cor do ícone ao passar o mouse*/
filter: var(--cta-botao-icone-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button headline {
/* Tamanho da texto */
font-size: var(--cta-botao-headline-tamanho);
/* Espessura da texto */
font-weight: var(--cta-botao-headline-espessura);
/* Cor da texto */
color: var(--cta-botao-headline-cor);
/* Letras maiúsculas */
text-transform: var(--cta-botao-headline-maiuscula);
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button:hover headline {
/* Cor da texto ao passar o mouse */
color: var(--cta-botao-headline-cor-hover);
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button subheadline{
/* Cor da Fonte */
color: var(--cta-botao-subheadline-cor);
/* Tamanho da Fonte */
font-size: var(--cta-botao-subheadline-tamanho);
/* Espessura da Fonte */
font-weight: var(--cta-botao-subheadline-espessura);
/* Letra maiúscula */
text-transform: var(--cta-botao-subheadline-maiuscula);
/* Espaçamento entre headline*/
margin-top: 4px;
/* Tipo de bloco de conteúdo */
display: block;
}
.elementor-441 .elementor-element.elementor-element-e9c7822 .elementor-cta__button:hover subheadline{
/* Cor do texto ao passar o mouse */
color: var(--cta-botao-subheadline-cor-hover);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-f0c012a *//* OCULTAR ESTILOS NO CABEÇALHO E NO RODAPÉ */
.insta .elementor-image-box-wrapper, .footer .elementor-image-box-wrapper{
/* Cor de fundo */
background: var(--cor-transparente);
/* Espaçamento */
padding: 0px;
/* Cantos */
border-radius: 0px;
/* Bordas */
border: none;
}/* End custom CSS */
/* Start custom CSS */html{
/* VARIÁVEL: CORES PADRÕES */
--cor-1: #2B8B0E;
--cor-2: #11253D;
--cor-3: #E7EEF4;
--cor-4: #B9C89D;
--cor-transparente: #00000000;
--cor-preta: #000000;
--cor-branca: #ffffff;
/* VARIÁVEL: CORES DOS ICONES */
/* link para converter as cores https://angel-rs.github.io/css-color-filter-generator/ */
--cor-icone-1: brightness(0) saturate(100%) invert(37%) sepia(61%) saturate(6183%) hue-rotate(79deg) brightness(103%) contrast(89%);
--cor-icone-2: brightness(0) saturate(100%) invert(11%) sepia(48%) saturate(974%) hue-rotate(176deg) brightness(96%) contrast(95%);
--cor-icone-3: brightness(0) saturate(100%) invert(96%) sepia(19%) saturate(537%) hue-rotate(175deg) brightness(100%) contrast(91%);
--cor-icone-4: brightness(0) saturate(100%) invert(79%) sepia(19%) saturate(379%) hue-rotate(39deg) brightness(98%) contrast(85%);
--cor-icone-preta: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(5%) hue-rotate(160deg) brightness(104%) contrast(101%);
--cor-icone-branca: brightness(0) saturate(100%) invert(100%) sepia(10%) saturate(0%) hue-rotate(308deg) brightness(104%) contrast(101%);
}
/* ---------------------------- */
/* TIRANDO O CSS DOS BOTÕES SIMPLES NOS BOTÕES COM EFEITOS */
.vidro .elementor-button, .degrade .elementor-button, .vidro .elementor-button:hover, .degrade .elementor-button:hover{
/* Tirar as bordas */
border: var(--sem-nada) !important;
background-image: var(--sem-nada);
}
/* ----------------------------
* ALINHAMENTOS
* ----------------------------*/
/* #### CABEÇALHO #### */
.centro a:link, .centro .elementor-image-box-description a{
/* Alinhamento horizontal */
justify-content: space-between;
/* Alinhamento vertical */
text-align: center;
}
.direita a:link, .direita .elementor-image-box-description a{
/* Alinhamento horizontal */
justify-content: space-between;
/* Direção dos componentes */
flex-direction: row;
/* Alinhamento do texto */
text-align: right;
}
.esquerda a:link, .esquerda .elementor-image-box-description a {
/* Alinhamento horizontal */
justify-content: space-between;
/* Direção dos componentes */
flex-direction: row;
/* Alinhamento do texto */
text-align: left;
}
.centro .elementor-image-box-content .elementor-image-box-description, .centro .elementor-image-box-content .elementor-image-box-title, .centro .elementor-image-box-wrapper{
text-align: center !important;
}
.esquerda .elementor-image-box-content .elementor-image-box-description, .esquerda .elementor-image-box-content .elementor-image-box-title, .esquerda .elementor-image-box-wrapper{
text-align: left !important;
}
.direita .elementor-image-box-content .elementor-image-box-description, .direita .elementor-image-box-content .elementor-image-box-title, .direita .elementor-image-box-wrapper{
text-align: right !important;
}
/* #### CTA #### */
/* TEXTO DO CTA A DIREITA */
.direita .elementor-cta__button, .direita .elementor-cta__content{
/* Alinhamento do texto */
text-align: right !important;
}
/* TEXTO DO CTA A ESQUERDA */
.esquerda .elementor-cta__button, .esquerda .elementor-cta__content {
/* Alinhamento do texto */
text-align: left;
}
/* TEXTO DO CTA AO CENTRO */
.centro .elementor-cta__button, .centro .elementor-cta__content{
/* Alinhamento do texto */
text-align: center;
}
/* #### BOTÕES #### */
.elementor-align-icon-left, .elementor-align-icon-right {
/* Tipo de bloco de conteúdo */
display: flex;
/* Alinhamento vertical */
align-items: center !important;
}
.elementor-button-text, .elementor-button-content-wrapper{
/* Tipo de bloco de conteúdo */
display: flex;
/* Direção dos componentes */
flex-direction: row;
/* Alinhamento horizontal */
justify-content: space-between;
/* Alinhamento vertical */
align-items: center;
/* Espaçamento entre componentes */
gap: var(--botao-ga);
}
.centro-abaixo .elementor-button-content-wrapper, .centro-abaixo .elementor-button-text{
/* Tipo de bloco de conteúdo */
display: flex;
/* Direção dos componentes */
flex-direction: column;
/* Alinhamento vertical */
align-items: center;
}
.centro-acima .elementor-button-content-wrapper, .centro-acima .elementor-button-text {
/* Tipo de bloco de conteúdo */
display: flex;
/* Direção dos componentes */
flex-direction: column-reverse;
/* Alinhamento vertical */
align-items: center;
}
/* ----------------------------
* ANIMAÇÃO 1 - CRESCENDO
* ----------------------------*/
.a1,.cta1 .elementor-cta__button,.a1.degrade{
-webkit-animation: pulsate-fwd 0.9s ease-in-out infinite both !important;
animation: pulsate-fwd 0.9s ease-in-out infinite both !important;
}
/* MOZILA/IE */
@-webkit-keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* GOOGLE CHROME */
@keyframes pulsate-fwd {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
/* ----------------------------
* ANIMAÇÃO 2 - TREMEMNDO
* ----------------------------*/
.a2,.cta2 .elementor-cta__button,.a2.degrade{
-webkit-animation: vibrate-1 0.3s linear infinite both !important;
animation: vibrate-1 0.3s linear infinite both;
}
/* MOZILA/IE */
@-webkit-keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/* GOOGLE CHROME */
@keyframes vibrate-1 {
0% {
-webkit-transform: translate(0);
transform: translate(0);
}
20% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
40% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
60% {
-webkit-transform: translate(2px, 2px);
transform: translate(2px, 2px);
}
80% {
-webkit-transform: translate(2px, -2px);
transform: translate(2px, -2px);
}
100% {
-webkit-transform: translate(0);
transform: translate(0);
}
}
/* ----------------------------
* ANIMAÇÃO 3 - PISCANDO
* ----------------------------*/
.a3,.cta3 .elementor-cta__button, .a3.degrade{
-webkit-animation: blink-2 0.5s infinite both;
animation: blink-2 0.5s infinite both;
}
/* MOZILA/IE */
@-webkit-keyframes blink-2 {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
/* GOOGLE CHROME */
@keyframes blink-2 {
0% {
opacity: 1;
}
50% {
opacity: 0.2;
}
100% {
opacity: 1;
}
}
/* ----------------------------
* ANIMAÇÃO 4 - ENCOLHENDO
* ----------------------------*/
.a4,.cta4 .elementor-cta__button,.a4.degrade{
-webkit-animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
animation: scale-up-hor-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
}
/* MOZILA/IE */
@-webkit-keyframes scale-up-hor-center {
0% {
-webkit-transform: scaleX(0.9);
transform: scaleX(0.9);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
/* GOOGLE CHROME */
@keyframes scale-up-hor-center {
0% {
-webkit-transform: scaleX(0.9);
transform: scaleX(0.9);
}
100% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
/* ----------------------------
* ANIMAÇÃO 5 - BALANÇANDO
* ----------------------------*/
.a5,.cta5 .elementor-cta__button,.a5.degrade {
-webkit-animation: shake-horizontal 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate both;
animation: shake-horizontal 3s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite alternate both;
}
/* MOZILA/IE */
@-webkit-keyframes shake-horizontal {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
80% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
90% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
/* GOOGLE CHROME */
@keyframes shake-horizontal {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
80% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
90% {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}
}
/* ----------------------------
* PARAR A ANIMAÇÃO AO PASSAR O MOUSE
* ----------------------------*/
.a1:hover, .a2:hover, .a3:hover, .a4:hover, .a5:hover, .cta1 .elementor-cta__button:hover, .cta2 .elementor-cta__button:hover, .cta3 .elementor-cta__button:hover, .cta4 .elementor-cta__button:hover, .cta5 .elementor-cta__button:hover{
animation: none !important;
}
/* ----------------------------
* RODAPÉ
* ----------------------------*/
.rodape {
/* Cor do link */
color: var(--cor-1) !important;
/* Espessura da fonte */
font-weight: 500;
/* Espaçamento */
padding: 0px 10px;
}
.rodape:hover{
/* Cor ao passar o mouse */
color: var(--cor-4) !important;
}
.footer .elementor-image-box-title{
color: var(--cor-4) !important;
}
.footer .elementor-image-box-description{
color: var(--cor-branca) !important;
}
/* ----------------------------
* OUTROS AJUSTES
* ---------------------------- */
/* TIRAR ESPAÇAMENTO ABAIXO DO TEXTO */
p {
margin-bottom: 0;
}
/* TIRAR BARRA LATERAL CASO EXISTIR */
html, body {
width: 100%;
overflow-x: hidden;
}
/* PERSONALIZAR SELEÇÃO DE TEXTO */
*::selection {
color: var(--cor-2);
background: var(--cor-1);
}
/* AJUSTES PARA MOBILE */
@media screen and (max-width: 430px) {
.elementor-button-wrapper headline{
/* Tamanho da texto */
font-size: var(--headline-pequena-tamanho);
}
.elementor-button-wrapper subheadline{
/* Tamanho da texto */
font-size: var(--subheadline-pequena-tamanho);
}
#cabecalho .elementor-image-box-wrapper {
float: left !important;
display: flex;
flex-direction: row !important;
width: 100% !important;
align-items: flex-end;
}
}/* End custom CSS */