.elementor-kit-10{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-b083518:#1E2D44;--e-global-color-5365bb8:#667F49;--e-global-color-58de01c:#F9F961;--e-global-color-24cf9d5:#1E2D44;--e-global-color-e8f6b67:#4B5769;--e-global-color-cbc6376:#FFFFFF;--e-global-color-4ce18fa:#000000;--e-global-color-f2b030b:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:16px;}.elementor-element{--widgets-spacing:16px 16px;--widgets-spacing-row:16px;--widgets-spacing-column:16px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*________________________*/
/*EVITAR BARRA DE SCROLL DUPLA*/
html, body {
    max-width: 100% !important;
    overflow-x: hidden !important
}

/*________________________*/
/*RETIRAR MARGEM INFERIOR DOS TEXTOS*/
p {
    margin-bottom: 0px !important;
}

/*________________________*/
/*BALANÇO DOS TEXTOS*/
.balanco {
    text-wrap: balance;
}

/*________________________*/
/*BALANÇO DOS TEXTOS COM PRETTY*/
.balanco-pre {
    text-wrap: balance;
    text-wrap: pretty;
}

/*________________________*/
/* Sombra */
.sombra {
  -webkit-box-shadow: 0 10px 25px rgba(1, 45, 82, 0.1);
  box-shadow: 0 10px 25px rgba(1, 45, 82, 0.1);
}

.sombra:hover {
  -webkit-box-shadow: 0 10px 25px rgba(1, 45, 82, 0.15);
  box-shadow: 0 10px 25px rgba(1, 45, 82, 0.15);
}

.sombra-img img {
  filter: drop-shadow(0 10px 25px rgba(1, 45, 82, 0.10));
  -webkit-filter: drop-shadow(0 10px 25px rgba(1, 45, 82, 0.10));
  background: transparent; /* garantia */
  display: block; /* evita artefatos de linha */
}

.sombra-img img:hover {
  filter: drop-shadow(0 10px 25px rgba(1, 45, 82, 0.15));
  -webkit-filter: drop-shadow(0 10px 25px rgba(1, 45, 82, 0.15));
}

/*________________________*/
/* Titulo azul claro */
.titulo-azulclaro {
    color: #199AFF;
}

/*________________________*/
/* card flutuante */
.card-flutuante {
    animation: floatSuaveDown 4s ease-in-out infinite;
}

@keyframes floatSuaveDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(8px);
    }
    100% {
        transform: translateY(0);
    }
}

/*________________________*/
/* card casos */
.card-padrao .elementor-image-box-content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}

.card-padrao .elementor-image-box-img {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.card-padrao-tit-center .elementor-image-box-title {
    text-align: center;
}

/* TABLET RETRATO */
@media (min-width: 881px) and (max-width: 1024px) {
    .card-padrao .elementor-image-box-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

/* CELULAR PAISAGEM */
@media (min-width: 768px) and (max-width: 880px) {
    .card-padrao .elementor-image-box-content {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
}

/*________________________*/
/* Botão degrade*/
.btn-degrade {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 10px 20px 10px 20px;

    background: linear-gradient(
        90deg,
        #1096FF 0%,
        #91CFFF 50%,
        #1096FF 100%
    );

    background-size: 200% 100%;
    background-position: 0% 50%;

    color: #fff;
    border: none;

    box-shadow:
        0 6px 20px rgba(16, 150, 255, 0.35),
        0 0 0 rgba(145, 207, 255, 0);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background-position 0.6s ease;
}

/* Brilho passando */
.btn-degrade::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -100%;

    width: 60%;
    height: 140%;

    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255, 255, 255, 0.15) 35%,
        rgba(255, 255, 255, 0.85) 50%,
        rgba(255, 255, 255, 0.15) 65%,
        transparent 100%
    );

    transform: skewX(-20deg);
    pointer-events: none;
}

/* Hover */
.btn-degrade:hover {
    transform: translateY(-5px) scale(1.03);

    background-position: 100% 50%;

    box-shadow:
        0 12px 30px rgba(16, 150, 255, 0.50),
        0 0 25px rgba(145, 207, 255, 0.35);

    animation: btn-pulse 1.5s infinite;
}

/*XXXXXXXXXXXXXXXXXXXX*/

/*CONFIGURAÇÕES DO BOTÃO MENU*/
.btnmenu .elementor-button {
    display: inline-flex;
    padding: 16px 20px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: radial-gradient(49.84% 100% at 49.84% 0%, #91CFFF 0%, #1096FF 100%);
    background-color: #1096FF !important; /* Fallback */
    transition: all .7s ease;  
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-shadow: 0px 1px 1px rgba(2, 2, 10, 0.5);
}

/* Configuração do botão MENU no hover */
.btnmenu .elementor-button:hover {
    background: radial-gradient(49.6% 100% at 49.84% 0%, #91CFFF 0%, #1096FF 100%);
    box-shadow:
        inset 0 0 0 3px #91CFFF, /* Borda interna */
        1px 1px 120px -6px #91CFFF; /* Efeito de brilho externo */
    transform: scale(1.03);
    transition: all .7s ease;
}

/* Mantendo o efeito de brilho */
.btnmenu .elementor-button::before {
    content: '';
    display: block;
    height: 200px;
    width: 35px;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    filter: blur(10px);
    background: #ffffff50;
    box-shadow: 0 0 50px 30px #ffffff50;
    transform: skewX(-33deg);
    -webkit-transform: skewX(-33deg);
    z-index: 3;
}

.btnmenu .elementor-button:hover::before {
    animation: brilho 1.2s 0s linear;
    -webkit-animation: brilho 1.2s 0s linear;
}

/*XXXXXXXXXXXXXXXXXXXX*/


/*-----------------------*/
/*CONFIGURAÇÕES DO BOTÃO PRINCIPAL*/
.btnprincipal .elementor-button {
    display: inline-flex;
    padding: 16px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background: radial-gradient(49.84% 100% at 49.84% 0%, #91CFFF 0%, #1096FF 100%);
    background-color: #1096FF !important; /* Fallback */
    transition: all .7s ease;  
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-shadow: 0px 1px 1px rgba(2, 2, 10, 0.5);
}

/* Configuração do botão no hover */
.btnprincipal .elementor-button:hover {
    background: radial-gradient(49.6% 100% at 49.84% 0%, #91CFFF 0%, #1096FF 100%);
    box-shadow:
        inset 0 0 0 3px #91CFFF, /* Borda interna */
        1px 1px 120px -6px #91CFFF; /* Efeito de brilho externo */
    transform: scale(1.03);
    transition: all .7s ease;
}

/* Mantendo o efeito de brilho */
.btnprincipal .elementor-button::before {
    content: '';
    display: block;
    height: 200px;
    width: 35px;
    position: absolute;
    top: 0%;
    left: 0%;
    opacity: 0;
    filter: blur(10px);
    background: #ffffff50;
    box-shadow: 0 0 50px 30px #ffffff50;
    transform: skewX(-33deg);
    -webkit-transform: skewX(-33deg);
    z-index: 3;
}

.btnprincipal .elementor-button:hover::before {
    animation: brilho 1.2s 0s linear;
    -webkit-animation: brilho 1.2s 0s linear;
}

@keyframes brilho {
    from {
        opacity: 0;
        left: 0%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        left: 100%;
    }
}

/*-----------------------*/
/* Animação do brilho */
.btn-degrade:hover::before {
    animation: btn-shine 0.8s ease;
}

/* Brilho passando */
@keyframes btn-shine {
    0% {
        left: -100%;
    }

    100% {
        left: 150%;
    }
}

/* Pulsação */
@keyframes btn-pulse {
    0% {
        box-shadow:
            0 12px 30px rgba(16, 150, 255, 0.50),
            0 0 25px rgba(145, 207, 255, 0.35);
    }

    50% {
        box-shadow:
            0 14px 35px rgba(16, 150, 255, 0.65),
            0 0 35px rgba(145, 207, 255, 0.55);
    }

    100% {
        box-shadow:
            0 12px 30px rgba(16, 150, 255, 0.50),
            0 0 25px rgba(145, 207, 255, 0.35);
    }
}

/* Clique */
.btn-degrade:active {
    transform: translateY(-1px) scale(0.98);
}

/*________________________*/
/*BOTÃO FLUTUANTE WHATSAPP*/
/* fixa o botão na página */
.zap-fab{
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  margin: 0 !important;          /* evita empurrões do Elementor */
}

/* caixa exata do ícone */
.zap-fab .elementor-icon{
  position: relative;             /* base pro ::before */
  display: inline-grid;           /* centraliza o SVG */
  place-items: center;
  width: 64px;                    /* ajuste o tamanho */
  height: 64px;
  line-height: 0;                 /* remove “folga” vertical */
  vertical-align: middle;
}

/* garante que o SVG ocupe 100% da caixa */
.zap-fab .elementor-icon svg,
.zap-fab .elementor-icon i{
  width: 100%;
  height: 100%;
  display: block;
}

/* pulso perfeitamente centralizado atrás do ícone */
.zap-fab .elementor-icon::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120%;                    /* seu 120% */
  height: 120%;
  border-radius: 50%;
  background: #25D366;
  transform: translate(-50%, calc(-50% + var(--nudge, 0px)));
  z-index: -1;
  opacity: 0.6;
  animation: pulse 1.8s ease-in-out infinite;
  pointer-events: none;
}

/* animação */
@keyframes pulse{
  0%   { transform: translate(-50%, calc(-50% + var(--nudge, 0px))) scale(0.9);  opacity: 0.55; }
  50%  { transform: translate(-50%, calc(-50% + var(--nudge, 0px))) scale(1.15); opacity: 0.10; }
  100% { transform: translate(-50%, calc(-50% + var(--nudge, 0px))) scale(0.9);  opacity: 0.55; }
}
/*________________________*/

/* SCROLL - AQUI VOCÊ DEFINE A LARGURA A BARRA DE ROLAGEM */
::-webkit-scrollbar {
    width: 8px;
}

/* AQUI VOCÊ DEFINE A COR DE FUNDO DO SCROLL */
::-webkit-scrollbar-track {
    background: #000;
}
  
/* AQUI VOCÊ DEFINE O ARREDONDAMENTO DAS BORDAS DA BARRA, COR DE FUNDO E TAMBÉM BORDA DO SCROLL */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: linear-gradient(180deg, #003060  0%, #199AFF 100%);

    ;
    border: 2px solid #000028; 
}

/* O MESMO DE CIMA, PORÉM APLICADO AO HOVER (QUANDO PASSA O MOUSE ENCIMA) */
::-webkit-scrollbar-thumb:hover {
    -webkit-border-radius: 6px;
    border-radius: 6px;
     background: linear-gradient(0deg, #003060  0%, #199AFF 100%);
    border: 2px solid #000028; 
}

/* AQUI VOCÊ MUDA A COR DA SELEÇÃO DE TEXTOS DA PÁGINA */
::selection {
    -webkit-text-fill-color: #fff;
    color: #fff; 
    background: #199AFF;
}
/*________________________*/

/* LARGURA ÚTIL AUTOMÁTICA */
/* WIDESCREEN E DESKTOP */
@media (min-width: 1367px) {
    .e-con {
        --content-width: 1280px;
    }
}

/* LAPTOP */
@media (min-width: 1201px) and (max-width: 1366px) {
    .e-con {
        --content-width: 1100px;
    }
}

/* TABLET PAISAGEM */
@media (min-width: 1025px) and (max-width: 1200px) {
    .e-con {
        --content-width: 924px;
    }
}

/* TABLET RETRATO */
@media (min-width: 881px) and (max-width: 1024px) {
    .e-con {
        --content-width: 780px;
    }
}

/* CELULAR PAISAGEM */
@media (min-width: 768px) and (max-width: 880px) {
    .e-con {
        --content-width: 728px;
    }
}

/* CELULAR RETRATO */
@media (max-width: 767px) {
    .e-con {
        --content-width: 360px;
    }
}

/* Animação de fundo */
@keyframes mudafundo {
  0%, 100% {
    background-position: 0% 0%;
  } 
  50% {
    background-position: 120% 120%;
  }
}

:root {
    --largurautilwidescreen: 1280px;
    --largurautildesktop: 1280px;
    --largurautilnotebook: 1100px;
    --largurautiltabletpaisagem: 924px;
    --largurautiltabletretrato: 780px;
    --largurautilcelularpaisagem: 728px;
    --largurautilcelularretrato: 380px;
}

/* ==== NÃO EDITE DAQUI PARA BAIXO ==== */

/* WIDESCREEN */
@media(min-width: 2400px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilwidescreen)) / 2 ) + var(--distanciawidescreen));
    }
    
    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilwidescreen)) / 2 ) + var(--distanciawidescreen));
    }
}

/* DESKTOP */
@media(min-width: 1367px) and (max-width: 2399px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautildesktop)) / 2 ) + var(--distanciadesktop));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautildesktop)) / 2 ) + var(--distanciadesktop));
    }
}

/* NOTEBOOK / LAPTOP */
@media(min-width: 1201px) and (max-width: 1366px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilnotebook)) / 2 ) + var(--distancianotebook));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilnotebook)) / 2 ) + var(--distancianotebook));
    }
}

/* TABLET PAISAGEM */
@media(min-width: 1025px) and (max-width: 1200px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautiltabletpaisagem)) / 2 ) + var(--distanciatabletpaisagem));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautiltabletpaisagem)) / 2 ) + var(--distanciatabletpaisagem));
    }
}

/* TABLET RETRATO */
@media(min-width: 881px) and (max-width: 1024px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautiltabletretrato)) / 2 ) + var(--distanciatabletretrato));
    }
    
    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautiltabletretrato)) / 2 ) + var(--distanciatabletretrato));
    }
}

/* CELULAR PAISAGEM */
@media(min-width: 768px) and (max-width: 880px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilcelularpaisagem)) / 2 ) + var(--distanciacelularpaisagem));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilcelularpaisagem)) / 2 ) + var(--distanciacelularpaisagem));
    }
}

/* CELULAR RETRATO */
@media(max-width: 767px) {
    .absolutoesquerda {
        left: calc( calc( calc(100% - var(--largurautilcelularretrato)) / 2 ) + var(--distanciacelularretrato));
    }

    .absolutodireita {
        right: calc( calc( calc(100% - var(--largurautilcelularretrato)) / 2 ) + var(--distanciacelularretrato));
    }
}/* End custom CSS */