.elementor-10 .elementor-element.elementor-element-d8e65fd{--display:flex;--min-height:800px;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}/* Start custom CSS */html, body{
    max-width: 100% !Important;
    overflow-x: clip !Important;
}

[data-elementor-type="wp-page"]{
    overflow: clip;
}

[data-elementor-type="wp-post"]{
    overflow: clip;
}

.textura{
    background-image: linear-gradient(45deg,#0044B1, #177CD1);
    font-weight: 600 !Important;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

html::before{
    content:"";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0px);
    background-size: 3px 3px;
    pointer-events: none;
    z-index: 3;
    opacity: 0.02;
    mix-blend-mode: plus-lighter;
}

b, strong{
    font-weight: 600 !important;
    color: #F6FAFE;
}

/*para desktop*/
@media (min-width: 1025px){
    :root{
        --colunas: 12;
        --largura: 1140px;
        --offset: 0px;
        --gutter: 20px;
        --cor: #F5FBFF07;
    }
}

/*para tablet*/
@media (min-width: 768px) and (max-width: 1024px){
    :root{
        --colunas: 6;
        --largura: 1024px;
        --offset: 48px;
        --gutter: 16px;
        --cor: #F5FBFF07;
    }
}

/*para mobile*/
@media (max-width: 767px){
    :root{
        --colunas: 4;
        --largura: 767px;
        --offset: 20px;
        --gutter: 8px;
        --cor: #F5FBFF07;
    }
}

/*não mexa em nada daqui pra baixo*/
body.elementor-editor-active::after {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    pointer-events: none;
    z-index: 1000;
    min-height: 100vh;
    width: calc(100% - (2 * var(--offset)));
    max-width: var(--largura);
    background-size: calc(100% + var(--gutter)) 100%;
    background-image: repeating-linear-gradient( to right, var(--cor), var(--cor) calc((100% / var(--colunas)) - var(--gutter)), transparent calc((100% / var(--colunas)) - var(--gutter)), transparent calc(100% / var(--colunas)) );
}

p{
    margin-bottom: 0px !Important;
}

::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-track {
background: #0B3B63;
}

::-webkit-scrollbar-thumb {
background: linear-gradient(45deg, #0044B1, #177CD1);
border-radius: 4px;
border: 2px solid #0B3B63;
}

/*----------botão----------*/
:root {
    --glow-hue: 222deg;
    --shadow-hue: 180deg;
    --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
    --spring-duration: 1.33s;
}

@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

.btnAutomatos{
    border-radius: 100px;
}

.btnAutomatos .elementor-button {
    color: #002B49;
    font-weight: 600;
    background: linear-gradient(90deg, #2D7D4C 0%, #25D366 100%);
    padding: 20px 40px;
    position: relative;
    border-radius: 100px;
    transition: all var(--spring-duration) var(--spring-easing);
}

.btnAutomatos .elementor-button:hover:not(:active){
    transition-duration: calc(var(--spring-duration)*0.5);
    transform: scale(1.05);
    box-shadow: 0 4px 8px -2px hsl(var(--glow-hue) 50% 20% / 50%), inset 0 0 0 transparent;
}

.btnAutomatos .elementor-button:active {
    transition-duration: calc(var(--spring-duration)*0.5);
}

.btnAutomatos .elementor-button-icon {
    position: absolute;
    inset: -40px;
    mask-image: conic-gradient(from var(--shimmer, 0deg), transparent 0%, transparent 10%, black 36%, black 45%, transparent 50%, transparent 60%, black 85%, black 95%, transparent 100%);
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: shimmer 1s linear infinite both;
    pointer-events: none;
    border-radius: 100px;
}

.btnAutomatos .elementor-button:hover .elementor-button-icon::before,
.btnAutomatos .elementor-button:hover .elementor-button-icon::after{
    opacity: 1;
    animation: shine 1.2s ease-in 1 forwards;
}

.btnAutomatos .elementor-button-icon::before,
.btnAutomatos .elementor-button-icon::after {
    transition: all 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none;
}

/*CONFIGURAÇÕES DO ÍCONE AQUI*/
.btnAutomatos .elementor-button-text::after{
    content: "";
    position: absolute;
    top: 45%;
    right: -36px;
    width: 28px;
    height: 28px;
    transform: translatey(-50%);
    background: url("https://dropagency.com.br/wp-content/uploads/2025/10/seta-24.svg") center no-repeat;
    background-size: contain;  fill: #030213 !Important;
    pointer-events: none;
}
.btnAutomatos .elementor-button-text{
    color: #F5F9FF;
    position: relative;
    left: -14px;
}

.btnAutomatos .elementor-button-icon svg,
.btnAutomatos .elementor-button-icon i{
    display: none;
}

.btnAutomatos .elementor-button-icon::before {
    box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),
        0 0 7px 4px hsl(var(--glow-hue) 20% 80%),
        0 0 13px 4px hsl(var(--glow-hue) 50% 70%),
        0 0 25px 5px hsl(var(--glow-hue) 100% 70%);
    z-index: -1;
}

.btnAutomatos .elementor-button-icon::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),
        inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),
        inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2;
}

/*--------animação---------*/

@keyframes shimmer {
    0% {
        --shimmer: 0deg;
    }
    100% {
        --shimmer: 360deg;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/*--------lenis---------*/

html.lenis, html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}/* End custom CSS */