.elementor-9 .elementor-element.elementor-element-4562e055{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:120px;--padding-left:20px;--padding-right:20px;}.elementor-9 .elementor-element.elementor-element-4562e055:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4562e055 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#13253D;background-image:url("http://esteticautomotiva.daracaroline.com.br/wp-content/uploads/2026/08/BG-89.webp");background-position:top right;background-size:cover;}.elementor-9 .elementor-element.elementor-element-4562e055::before, .elementor-9 .elementor-element.elementor-element-4562e055 > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4562e055 > .e-con-inner > .elementor-background-video-container::before, .elementor-9 .elementor-element.elementor-element-4562e055 > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4562e055 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9 .elementor-element.elementor-element-4562e055 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9 .elementor-element.elementor-element-1ea06546{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9 .elementor-element.elementor-element-435c3d0c{text-align:start;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-435c3d0c img{width:39%;}.elementor-widget-text-editor{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-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9 .elementor-element.elementor-element-2e482c72{font-family:"Manrope", Sans-serif;font-size:39px;font-weight:500;line-height:1.2em;color:#FFFFFF;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-2e482c72 a{color:#0F0F0F;}.elementor-9 .elementor-element.elementor-element-6690cb5b{font-family:"Manrope", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;color:#FFFFFF;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:var( --container-widget-width, 95% );max-width:95%;--container-widget-width:95%;--container-widget-flex-grow:0;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-9 .elementor-element.elementor-element-f697a00 .elementor-button-content-wrapper{flex-direction:row;}.elementor-9 .elementor-element.elementor-element-f697a00 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-9 .elementor-element.elementor-element-f697a00 .elementor-button{font-family:"Manrope", Sans-serif;text-transform:uppercase;}.elementor-9 .elementor-element.elementor-element-1523091{--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-9 .elementor-element.elementor-element-5b378f08{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-4562e055{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:80px;--padding-left:15px;--padding-right:15px;}.elementor-9 .elementor-element.elementor-element-4562e055:not(.elementor-motion-effects-element-type-background), .elementor-9 .elementor-element.elementor-element-4562e055 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-9 .elementor-element.elementor-element-1ea06546{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-435c3d0c{text-align:center;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-435c3d0c img{width:69%;}.elementor-9 .elementor-element.elementor-element-2e482c72{text-align:center;font-size:30px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-6690cb5b{text-align:center;font-size:17px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:100%;max-width:100%;}.elementor-9 .elementor-element.elementor-element-f697a00 .elementor-button{font-size:16px;padding:0px 18px 0px 18px;}.elementor-9 .elementor-element.elementor-element-f697a00{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-5b378f08{--spacer-size:80px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-4562e055{--content-width:1400px;}.elementor-9 .elementor-element.elementor-element-1ea06546{--width:50%;}.elementor-9 .elementor-element.elementor-element-1523091{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-f697a00 *//* =========================================
   BOTÃO WHATSAPP — VERDE
   Classe: botao-whatsapp-verde
========================================= */

.botao-whatsapp-verde .elementor-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    /* Degradê verde */
    background: linear-gradient(
        90deg,
        #128c4b 0%,
        #25d366 50%,
        #128c4b 100%
    ) !important;

    background-color: #25d366 !important;
    background-image: linear-gradient(
        90deg,
        #128c4b 0%,
        #25d366 50%,
        #128c4b 100%
    ) !important;

    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 11px;

    padding: 16px 32px;
    min-height: 72px;

    color: #ffffff !important;

    font-size: 16px;
    font-weight: 500;

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.18),
        0 8px 25px rgba(18, 140, 75, 0.25);

    transition:
        transform 0.35s ease,
        box-shadow 0.35s ease,
        filter 0.35s ease !important;
}


/* =========================================
   CONTEÚDO
========================================= */

.botao-whatsapp-verde .elementor-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}


/* =========================================
   TEXTO
========================================= */

.botao-whatsapp-verde .elementor-button-text {
    display: flex;
    align-items: center;

    color: #ffffff !important;

    line-height: 1.2;
}


/* =========================================
   ÍCONE
========================================= */

.botao-whatsapp-verde .elementor-button-icon {
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;
    min-width: 38px;

    margin: 0 !important;

    border-radius: 50%;

    background: #ffffff !important;
    color: #128c4b !important;

    box-shadow:
        0 3px 10px rgba(0, 0, 0, 0.12);

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


/* =========================================
   SVG
========================================= */

.botao-whatsapp-verde .elementor-button-icon svg {
    width: 21px;
    height: 21px;

    margin: 0;

    fill: #128c4b !important;
    color: #128c4b !important;
}


/* Alguns ícones usam path em vez de fill
   diretamente no SVG */

.botao-whatsapp-verde .elementor-button-icon svg path {
    fill: #128c4b !important;
}


/* =========================================
   HOVER
========================================= */

.botao-whatsapp-verde .elementor-button:hover {
    background: linear-gradient(
        90deg,
        #0f9d50 0%,
        #32e676 50%,
        #0f9d50 100%
    ) !important;

    background-image: linear-gradient(
        90deg,
        #0f9d50 0%,
        #32e676 50%,
        #0f9d50 100%
    ) !important;

    color: #ffffff !important;

    transform: translateY(-3px);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.22),
        0 14px 32px rgba(18, 180, 89, 0.30),
        0 0 28px rgba(37, 211, 102, 0.15);
}


/* Texto continua branco */

.botao-whatsapp-verde .elementor-button:hover .elementor-button-text {
    color: #ffffff !important;
}


/* Ícone no hover */

.botao-whatsapp-verde .elementor-button:hover .elementor-button-icon {
    background: #ffffff !important;

    transform: scale(1.06);

    box-shadow:
        0 5px 14px rgba(0, 0, 0, 0.14);
}


/* =========================================
   CLIQUE
========================================= */

.botao-whatsapp-verde .elementor-button:active {
    transform: translateY(0);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 6px 18px rgba(18, 140, 75, 0.22);
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .botao-whatsapp-verde .elementor-button {
        width: auto;
        white-space: nowrap;
    }

    .botao-whatsapp-verde .elementor-button-text {
        white-space: nowrap;
    }
}

.elementor-9 .elementor-element.elementor-element-f697a00 {
  animation-name: pulsar;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

/* animação */
@keyframes pulsar {
  0% {
    transform: scale(1);
  }
  
  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4562e055 *//* =========================================
   HERO PRINCIPAL
   PRESERVA A IMAGEM DE FUNDO DO ELEMENTOR
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    /* Sem arredondamento */
    border-radius: 0;

    /* Mantém a imagem do Elementor */
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* Borda e profundidade */
    border-bottom: px solid rgba(120, 205, 245, 0.12);

    box-shadow:
        0 30px 80px rgba(4, 18, 35, 0.26),
        0 8px 24px rgba(4, 18, 35, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}


/* =========================================
   OVERLAY PREMIUM + ILUMINAÇÃO
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:

        /* Luz azul no topo esquerdo */
        radial-gradient(
            circle at 16% 12%,
            rgba(86, 190, 240, 0.16) 0%,
            rgba(86, 190, 240, 0.07) 20%,
            transparent 42%
        ),

        /* Luz suave próxima à imagem */
        radial-gradient(
            circle at 74% 24%,
            rgba(112, 208, 250, 0.10) 0%,
            rgba(112, 208, 250, 0.04) 18%,
            transparent 38%
        ),

        /* Glow inferior */
        radial-gradient(
            circle at 35% 100%,
            rgba(62, 172, 225, 0.13) 0%,
            transparent 38%
        ),

        /* Overlay horizontal */
        linear-gradient(
            90deg,
            rgba(4, 24, 45, 0.72) 0%,
            rgba(4, 24, 45, 0.58) 32%,
            rgba(4, 24, 45, 0.34) 58%,
            rgba(4, 24, 45, 0.12) 100%
        );
}


/* =========================================
   GLOW EXTRA INFERIOR
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055::after {
    content: "";

    position: absolute;

    width: 620px;
    height: 520px;

    left: 12%;
    bottom: -390px;

    border-radius: 50%;

    background: rgba(74, 190, 242, 0.17);

    filter: blur(110px);
    -webkit-filter: blur(110px);

    pointer-events: none;

    z-index: 0;
}


/* =========================================
   CONTEÚDO ACIMA DOS EFEITOS
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 > * {
    position: relative;
    z-index: 2;
}


/* =========================================
   LEVE BLUR SOBRE A FOTO
========================================= */

@supports (backdrop-filter: blur(3px)) {

    .elementor-9 .elementor-element.elementor-element-4562e055::before {
        backdrop-filter:
            blur(1.5px)
            saturate(0.95);

        -webkit-backdrop-filter:
            blur(1.5px)
            saturate(0.95);
    }

}


/* =========================================
   TÍTULOS
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 h1,
.elementor-9 .elementor-element.elementor-element-4562e055 h2,
.elementor-9 .elementor-element.elementor-element-4562e055 h3 {
    text-shadow:
        0 2px 18px rgba(0, 0, 0, 0.22);
}


/* =========================================
   TEXTOS
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 p {
    text-shadow:
        0 1px 12px rgba(0, 0, 0, 0.12);
}


/* =========================================
   BOTÃO
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 .elementor-button {
    position: relative;
    overflow: hidden;

    border: 1px solid rgba(255, 255, 255, 0.16);

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        filter .3s ease;
}


/* =========================================
   BOTÃO HOVER
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 .elementor-button:hover {
    transform: translateY(-3px);

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.22),
        0 0 30px rgba(37, 211, 102, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
}


/* =========================================
   LUZ SOBRE O BOTÃO
========================================= */

.elementor-9 .elementor-element.elementor-element-4562e055 .elementor-button::before {
    content: "";

    position: absolute;

    width: 100px;
    height: 100px;

    top: -55px;
    left: -40px;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.15);

    filter: blur(28px);

    pointer-events: none;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .elementor-9 .elementor-element.elementor-element-4562e055 {
        border-radius: 0;
    }

    .elementor-9 .elementor-element.elementor-element-4562e055::before {
        background:

            radial-gradient(
                circle at 16% 12%,
                rgba(86, 190, 240, 0.14) 0%,
                rgba(86, 190, 240, 0.06) 22%,
                transparent 44%
            ),

            radial-gradient(
                circle at 75% 28%,
                rgba(112, 208, 250, 0.08) 0%,
                transparent 38%
            ),

            radial-gradient(
                circle at 35% 100%,
                rgba(62, 172, 225, 0.11) 0%,
                transparent 40%
            ),

            linear-gradient(
                90deg,
                rgba(4, 24, 45, 0.76) 0%,
                rgba(4, 24, 45, 0.62) 38%,
                rgba(4, 24, 45, 0.32) 68%,
                rgba(4, 24, 45, 0.15) 100%
            );
    }

    .elementor-9 .elementor-element.elementor-element-4562e055::after {
        width: 470px;
        height: 420px;

        left: 7%;
        bottom: -310px;

        filter: blur(90px);
        -webkit-filter: blur(90px);
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-9 .elementor-element.elementor-element-4562e055 {
        border-radius: 0;

        background-size: cover !important;
        background-position: center center !important;
    }

    .elementor-9 .elementor-element.elementor-element-4562e055::before {
        background:

            radial-gradient(
                circle at 18% 10%,
                rgba(86, 190, 240, 0.13) 0%,
                rgba(86, 190, 240, 0.05) 25%,
                transparent 48%
            ),

            radial-gradient(
                circle at 50% 100%,
                rgba(62, 172, 225, 0.10) 0%,
                transparent 42%
            ),

            linear-gradient(
                180deg,
                rgba(4, 24, 45, 0.42) 0%,
                rgba(4, 24, 45, 0.55) 45%,
                rgba(4, 24, 45, 0.72) 100%
            );
    }

    .elementor-9 .elementor-element.elementor-element-4562e055::after {
        width: 330px;
        height: 300px;

        left: -30px;
        bottom: -220px;

        filter: blur(70px);
        -webkit-filter: blur(70px);
    }
}


/* =========================================
   MOBILE PEQUENO
========================================= */

@media (max-width: 480px) {

    .elementor-9 .elementor-element.elementor-element-4562e055 {
        border-radius: 0;
    }

}/* End custom CSS */