.elementor-kit-7{--e-global-color-primary:#0086FF;--e-global-color-secondary:#1B2738;--e-global-color-text:#565C64;--e-global-color-accent:#0086FF;--e-global-color-50319d0:#EAF5FF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Space Grotesk";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-50319d0 );font-family:"Inter", Sans-serif;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h1{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h2{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h3{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h4{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h5{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 h6{font-family:"Space Grotesk", Sans-serif;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{text-transform:uppercase;border-radius:100px 100px 100px 100px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */html, body {
    background-color: var( --e-global-color-50319d0 ); 
  }


  @view-transition {
    navigation: auto;
  }



::view-transition-group(root) {
  background-color: var( --e-global-color-50319d0 );
}


a {
    color: var( --e-global-color-accent );
}
::marker {
    color:  var( --e-global-color-primary );
}

[type=button], [type=submit], button {
    border: 1px solid var( --e-global-color-accent );
    color: var( --e-global-color-accent );
}
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover {
    background-color: var( --e-global-color-accent );
}

.cor-primaria {
    color: var( --e-global-color-primary );
}
.cor-secundaria {
    color: var( --e-global-color-secondary );
}
a.e-n-menu-title-text.e-link, .e-n-menu-title-container .e-n-menu-title-text {
    cursor: pointer !important;
}
a:active, a:hover {
    color: var( --e-global-color-primary );
}
::marker {
    color:  var( --e-global-color-primary );
}

.elementor-button span {
    align-items: center;
}
.elementor-button-icon svg {
    width: 1em;
}
.icone-grande  .elementor-button-icon svg {
    width: 1.5em;
}
.elementor-button:hover .elementor-button-icon {
  opacity: 0; /* O ícone desaparece ao passar o mouse */
  transform: translateX(-20px); /* O ícone se move para a esquerda ao desaparecer */
}


.elementor-button:hover .elementor-button-icon {
  animation: fadeInFromLeft 0.5s forwards; /* Efeito de fade-in vindo da esquerda */
}





/* botoes */
.elementor-widget-button .elementor-button {
  appearance: button;
  box-sizing: border-box;
  outline: 2px solid transparent;
  transition: all .2s cubic-bezier(.4, 0, .2, 1) !important;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  box-shadow: -6px 8px 10px rgba(10,41,81,0.1),0px 2px 2px rgba(10,41,81,0.2);
}

.elementor-widget-button .elementor-button:active {
  background-color: #f3f4f6;
box-shadow: 
0px 100px 80px rgba(0, 90, 150, 0.08), 
0px 41.7776px 33.4221px rgba(0, 90, 150, 0.0575), 
0px 22.3363px 17.869px rgba(0, 90, 150, 0.0477), 
0px 12.5216px 10.0172px rgba(0, 90, 150, 0.04), 
0px 6.6501px 5.32008px rgba(0, 90, 150, 0.0323), 
0px 2.76726px 2.21381px rgba(0, 90, 150, 0.0225);  transform: translateY(0.125rem);
}

.elementor-widget-button .elementor-button:focus {
  box-shadow: box-shadow: 
0px 100px 80px rgba(0, 90, 150, 0.08), 
0px 41.7776px 33.4221px rgba(0, 90, 150, 0.0575), 
0px 22.3363px 17.869px rgba(0, 90, 150, 0.0477), 
0px 12.5216px 10.0172px rgba(0, 90, 150, 0.04), 
0px 6.6501px 5.32008px rgba(0, 90, 150, 0.0323), 
0px 2.76726px 2.21381px rgba(0, 90, 150, 0.0225);;
}






@keyframes fadeInFromLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* fade */

@keyframes fadeInUpp {
  0% {
    transform: translate3d(0,40px,0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0,0px,0);
    opacity: 1;
  }
}

.fadeInUp-animation {
  animation: 1s fadeInUpp;
}







 /* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */

@keyframes fadeDown {
    from {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInDown {
    animation-name: fadeDown
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInLeft {
    animation-name: fadeLeft
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInRight {
    animation-name: fadeRight
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translate3d(0,30px,0)
    }

    to {
        opacity: 1;
        transform: none
    }
}

.elementor-element.fadeInUp {
    animation-name: fadeUp
}





.sombra {
  box-shadow: 
  0px 100px 80px rgba(0, 40, 120, 0.08),
  0px 41.7776px 33.4221px rgba(0, 40, 120, 0.0575),
  0px 22.3363px 17.869px rgba(0, 40, 120, 0.0477),
  0px 12.5216px 10.0172px rgba(0, 40, 120, 0.04),
  0px 6.6501px 5.32008px rgba(0, 40, 120, 0.0323),
  0px 2.76726px 2.21381px rgba(0, 40, 120, 0.0225);
}

.sombra-dark {
  box-shadow: 
  0px 100px 80px rgba(0, 40, 120, 0.08),
  0px 41.7776px 33.4221px rgba(0, 40, 120, 0.0575083),
  0px 22.3363px 17.869px rgba(0, 40, 120, 0.0476886),
  0px 12.5216px 10.0172px rgba(0, 40, 120, 0.04),
  0px 6.6501px 5.32008px rgba(0, 40, 120, 0.0323114),
  0px 2.76726px 2.21381px rgba(0, 40, 120, 0.0224916);
}


.elementor-widget-video:hover svg {
    transform: scale(1.2);
}
.elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: .8;
    transition: all .5s;
}

.imagem-post-blog img {
    aspect-ratio: 4/3;
    object-fit: cover;
}

.card-post-blog:hover img {
	transform: scale3d(1.03, 1.03, 1.03)
}

.card-post-blog img,
.card-post-blog span {
	transition: .3s
}
.item-produto:hover, .post-blog:hover {
    transform: scale(1.03);
    box-shadow: 
0px 100px 80px rgba(0, 90, 150, 0.08), 
0px 41.7776px 33.4221px rgba(0, 90, 150, 0.0575), 
0px 22.3363px 17.869px rgba(0, 90, 150, 0.0477), 
0px 12.5216px 10.0172px rgba(0, 90, 150, 0.04), 
0px 6.6501px 5.32008px rgba(0, 90, 150, 0.0323), 
0px 2.76726px 2.21381px rgba(0, 90, 150, 0.0225);
    z-index: 20;
}

.banner-imagem {
    background-size: cover !important;
}
.banner .swiper-pagination {
    background: #eaf5ff;
    padding: 13px 28px;
    border-radius: 28px 28px 0px 0px;
}
.swiper-pagination-bullet {
    border-radius: 5px !important;
    transition: all 300ms ease;
}
.swiper-pagination-bullet-active {
    background-color: var( --e-global-color-primary ) !important;
    width: 30px !important;
    
}
.banner a {
    background-size: cover !important;
    background-position: center center;
}
.icone-azul .elementor-button-icon svg {
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-primary );
}
a.tag-cloud-link {
    padding: 5px 10px;
    background: #fff;
}
.ideia2001-busca-pill__submit {
    border-radius: 0px 50px 50px 0px !important;
}
.ideia2001-busca-pill__input {

    padding: .65rem 1rem .65rem 1.25rem;
    font-size: 0.8rem !important;
    line-height: 1em !important;
    border: none !important;

}
.ideia2001-busca-pill__input:focus {
    background: #fff;
}

input[type="checkbox"] {
    vertical-align: middle;
    border-color: #cb9274;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;
    border: 1px solid #bdbdbd;
    border: 1px solid #ccd0dc;
    background: #fff;
    border-radius: 5px;
    min-width: 20px;
    transition: 300ms ease all;
    margin-right: 4px;
    margin-top: -1px;
    display: inline-block !important;
}

input[type="checkbox"]:after {
    content: "";
    opacity: 0;
    display: block;
    left: 6px;
    top: 3px;
    position: absolute;
    width: 4px;
    height: 8px;
    border: 2px solid var(--e-global-color-primary);
    border-top: 0;
    border-left: 0;
    transform: rotate(120deg) scale3d(0,0,0);
    box-sizing: content-box;
    transition: 300ms cubic-bezier(.64,.57,.67,1.53) all
}

input[type="checkbox"]:checked:after {
    opacity: 1;
    transform: rotate(45deg) scale3d(1,1,1)
}/* End custom CSS */