.elementor-12 .elementor-element.elementor-element-2fac7a9{--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:flex-start;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-cae2077{width:var( --container-widget-width, 30% );max-width:30%;padding:5px 5px 5px 8px;--container-widget-width:30%;--container-widget-flex-grow:0;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon-box-wrapper{align-items:center;gap:15px;}.elementor-12 .elementor-element.elementor-element-cae2077.elementor-view-stacked .elementor-icon{background-color:#3386EB;}.elementor-12 .elementor-element.elementor-element-cae2077.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-cae2077.elementor-view-default .elementor-icon{fill:#3386EB;color:#3386EB;border-color:#3386EB;}.elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon{font-size:15px;}.elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon-box-title a{font-family:"Work Sans", Sans-serif;font-weight:600;}.elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon-box-title{color:#03045E;}.elementor-12 .elementor-element.elementor-element-cae2077 .elementor-icon-box-description{font-family:"Work Sans", Sans-serif;font-weight:600;color:#3386EB;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-7acaca8{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;}.elementor-12 .elementor-element.elementor-element-7acaca8 .elementor-image-box-wrapper{text-align:start;}.elementor-12 .elementor-element.elementor-element-7acaca8 .elementor-image-box-title{font-family:"Work Sans", Sans-serif;font-size:72px;font-weight:800;color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7acaca8:has(:hover) .elementor-image-box-title,
					 .elementor-12 .elementor-element.elementor-element-7acaca8:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-7acaca8 .elementor-image-box-description{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:#BDBDBD;}.elementor-12 .elementor-element.elementor-element-92c3164{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-4595b13 .elementor-button{background-color:#00B4D800;font-family:"Work Sans", Sans-serif;font-weight:500;}.elementor-12 .elementor-element.elementor-element-329202b .elementor-button{background-color:#00D85F00;font-family:"Work Sans", Sans-serif;font-weight:500;}.elementor-12 .elementor-element.elementor-element-329202b{width:initial;max-width:initial;}.elementor-12 .elementor-element.elementor-element-329202b.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-3a3fd8d{--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;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12 .elementor-element.elementor-element-52ef024{--e-image-carousel-slides-to-show:8;margin:-53px -53px calc(var(--kit-widget-spacing, 0px) + -53px) -53px;padding:-2px -2px -2px -2px;}.elementor-12 .elementor-element.elementor-element-52ef024.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-09accb9{--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;}.elementor-12 .elementor-element.elementor-element-d7a541b{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-d7a541b:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-d7a541b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3386EB14;}.elementor-12 .elementor-element.elementor-element-2953c91 .elementor-image-box-wrapper{text-align:center;}.elementor-12 .elementor-element.elementor-element-2953c91 .elementor-image-box-title{margin-bottom:15px;font-family:"Work Sans", Sans-serif;font-size:40px;font-weight:800;color:#4A5568;}.elementor-12 .elementor-element.elementor-element-2953c91:has(:hover) .elementor-image-box-title,
					 .elementor-12 .elementor-element.elementor-element-2953c91:has(:focus) .elementor-image-box-title{color:#4A5568;}.elementor-12 .elementor-element.elementor-element-2953c91 .elementor-image-box-description{font-family:"Work Sans", Sans-serif;font-size:20px;font-weight:400;color:#6B7280;}.elementor-12 .elementor-element.elementor-element-5ec3f35{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-773d58f .elementor-button{background-color:#00B4D800;font-family:"Work Sans", Sans-serif;font-weight:500;}.elementor-12 .elementor-element.elementor-element-fb606ba .elementor-button{background-color:#00D85F00;font-family:"Work Sans", Sans-serif;font-weight:500;}.elementor-12 .elementor-element.elementor-element-fb606ba{width:initial;max-width:initial;}.elementor-12 .elementor-element.elementor-element-fb606ba.elementor-element{--align-self:center;}.elementor-12 .elementor-element.elementor-element-fb606ba .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-7acaca8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px -51px 10px;--container-widget-width:405px;--container-widget-flex-grow:0;width:var( --container-widget-width, 405px );max-width:405px;}.elementor-12 .elementor-element.elementor-element-7acaca8 .elementor-image-box-title{font-size:2.6rem;}.elementor-12 .elementor-element.elementor-element-7acaca8 .elementor-image-box-description{font-size:14px;}}/* Start custom CSS for icon-box, class: .elementor-element-cae2077 */.elementor-12 .elementor-element.elementor-element-cae2077{
    background: rgb(51 134 235 / 0.2);
}

/* Seletor para aplicar no ícone do Elementor */
.elementor-icon {
    display: flex;
    border-radius: 50% !important;
    background-color: #3386eb !important;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4595b13 *//* Classe brand-gradient do HTML */
.brand-gradient {
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
}

/* CSS completo do botão "Solicitar Orçamento" convertido de Tailwind */
.botao-orcamento {
    /* Gradiente de fundo */
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
    
    /* Cores e tipografia */
    color: #ffffff;
    font-weight: 700;
    
    /* Espaçamento interno */
    padding: 1rem 2.5rem; /* py-4 px-10 (versão CTA) */
    
    /* Bordas */
    border-radius: 0.5rem; /* rounded-lg */
    
    /* Sombra */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-xl */
    
    /* Transições e hover */
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.botao-orcamento:hover {
    transform: scale(1.05); /* hover:scale-105 */
    opacity: 0.95;
}

/* Versão menor (header) */
.botao-orcamento-pequeno {
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
    color: #ffffff;
    font-weight: 700;
    padding: 0.625rem 1.5rem; /* py-2.5 px-6 */
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    font-size: 0.875rem; /* text-sm */
}

.botao-orcamento-pequeno:hover {
    opacity: 0.9; /* hover:opacity-90 */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-329202b *//* Classe brand-gradient do HTML */
.brand-gradient1 {

}

/* CSS completo do botão "Solicitar Orçamento" convertido de Tailwind */
.botao-orcamento1 {
    /* Gradiente de fundo */

    
    /* Cores e tipografia */

    
    /* Espaçamento interno */

    
    /* Bordas */

    
    /* Sombra */
 /* shadow-xl */
    
    /* Transições e hover */

}

.botao-orcamento1:hover {
    transform: scale(1.05); /* hover:scale-105 */
    opacity: 0.95;
}

/* Versão menor (header) */
.botao-orcamento-pequeno1 {
        background: #25d366 !important;
    backdrop-filter: blur( 20px );
    -webkit-backdrop-filter: blur( 20px );
    border-radius: 5px;
    
    color: #ffffff;
    font-weight: 700;
    padding: 0.625rem 1.5rem; /* py-2.5 px-6 */
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 0.875rem; /* text-sm */
}

.botao-orcamento-pequeno1:hover {
    opacity: 0.9; /* hover:opacity-90 */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2fac7a9 *//* Para aplicar na seção do Hero no Elementor */
.elementor-section-hero,
.hero-mesh {
    position: relative;
    overflow: hidden;
    min-height: 700px;
    background-color: #111821;
    background-image: 
        radial-gradient(at 0% 0%, rgba(51, 134, 235, 0.15) 0, transparent 50%), 
        radial-gradient(at 100% 0%, rgba(217, 70, 239, 0.1) 0, transparent 50%);
}

/* Overlay com imagem - use um widget HTML ou Image como overlay */
.hero-mesh::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.4;
    mix-blend-mode: screen;
    background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuCHDDAtghcso0NcGlulVZPMRGXXjHonyMm84IFrwyV1bPgDbICsS3Is7pd-PEsaiMs_sXTg9xscRvVOTUiG029mHluJBD_5qRAxr5WQ6mTRZvjdiAnDPyqHTdxIOPDS81llfSs_PoII0HoXY60PA0SMmvk41wLxJ3IMJgkrB1WiwDs_oAHVg7c7jlWJYsJC0luZL-sM_yU4NOzBk2PGv9ydT_4XpMSJ1V1pQQ0rIRqqguxnh7-jxYhll1g7MATgzN2KLwtuQd-H8ws');
    background-size: cover;
    background-position: center;
    pointer-events: none;
}

/* Garantir que o conteúdo fique acima do overlay */
.hero-mesh .elementor-container {
    position: relative;
    z-index: 10;
}


/* Torna a seção um “container” para o canvas de fundo */
#tubes-section {
  position: relative;
  overflow: hidden;     /* impede que os tubos vazem para fora */
  min-height: 100vh;     /* ajuste conforme seu layout */
}

/* Canvas fica por trás do conteúdo da seção */
#tubesCanvasSection {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* Conteúdo da seção por cima */
#tubes-section > .elementor-container,
#tubes-section .elementor-widget-wrap 
{
  position: relative;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-52ef024 */.elementor-12 .elementor-element.elementor-element-52ef024 .swiper-wrapper{
  transition-timing-function: linear !important; 
  -webkit-transition-timing-function: linear !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-773d58f *//* Classe brand-gradient do HTML */
.brand-gradient {
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
}

/* CSS completo do botão "Solicitar Orçamento" convertido de Tailwind */
.botao-orcamento {
    /* Gradiente de fundo */
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
    
    /* Cores e tipografia */
    color: #ffffff;
    font-weight: 700;
    
    /* Espaçamento interno */
    padding: 1rem 2.5rem; /* py-4 px-10 (versão CTA) */
    
    /* Bordas */
    border-radius: 0.5rem; /* rounded-lg */
    
    /* Sombra */
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); /* shadow-xl */
    
    /* Transições e hover */
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

.botao-orcamento:hover {
    transform: scale(1.05); /* hover:scale-105 */
    opacity: 0.95;
}

/* Versão menor (header) */
.botao-orcamento-pequeno {
    background: linear-gradient(135deg, #d946ef 0%, #8b5cf6 50%, #3386eb 100%);
    color: #ffffff;
    font-weight: 700;
    padding: 0.625rem 1.5rem; /* py-2.5 px-6 */
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); /* shadow-lg */
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    font-size: 0.875rem; /* text-sm */
}

.botao-orcamento-pequeno:hover {
    opacity: 0.9; /* hover:opacity-90 */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-fb606ba *//* Classe brand-gradient do HTML */
.brand-gradient1 {

}

/* CSS completo do botão "Solicitar Orçamento" convertido de Tailwind */
.botao-orcamento1 {
    /* Gradiente de fundo */

    
    /* Cores e tipografia */

    
    /* Espaçamento interno */

    
    /* Bordas */

    
    /* Sombra */
 /* shadow-xl */
    
    /* Transições e hover */

}

.botao-orcamento1:hover {
    transform: scale(1.05); /* hover:scale-105 */
    opacity: 0.95;
}

/* Versão menor (header) */
.botao-orcamento-pequeno1 {
        background: #25d366 !important;
    backdrop-filter: blur( 20px );
    -webkit-backdrop-filter: blur( 20px );
    border-radius: 5px;
    
    color: #ffffff;
    font-weight: 700;
    padding: 0.625rem 1.5rem; /* py-2.5 px-6 */
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 0.875rem; /* text-sm */
}

.botao-orcamento-pequeno1:hover {
    opacity: 0.9; /* hover:opacity-90 */
}/* End custom CSS */