.elementor-15038 .elementor-element.elementor-element-946b96b{--display:flex;--min-height:928px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.93;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:24%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-15038 .elementor-element.elementor-element-946b96b::before, .elementor-15038 .elementor-element.elementor-element-946b96b > .elementor-background-video-container::before, .elementor-15038 .elementor-element.elementor-element-946b96b > .e-con-inner > .elementor-background-video-container::before, .elementor-15038 .elementor-element.elementor-element-946b96b > .elementor-background-slideshow::before, .elementor-15038 .elementor-element.elementor-element-946b96b > .e-con-inner > .elementor-background-slideshow::before, .elementor-15038 .elementor-element.elementor-element-946b96b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/CAPA_.webp");--background-overlay:'';background-position:top center;}.elementor-15038 .elementor-element.elementor-element-946b96b.e-con{--align-self:flex-start;}.elementor-15038 .elementor-element.elementor-element-6d208b1{--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;--gap:40px 0px;--row-gap:40px;--column-gap: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-15038 .elementor-element.elementor-element-806cee4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-15038 .elementor-element.elementor-element-806cee4 img{width:30%;}.elementor-widget-heading .elementor-heading-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-15038 .elementor-element.elementor-element-040d0bc{margin:-3% 0% calc(var(--kit-widget-spacing, 0px) + -3%) 0%;padding:0px 0px 0px 0px;text-align:center;}.elementor-15038 .elementor-element.elementor-element-040d0bc .elementor-heading-title{font-family:"Great Vibes", Sans-serif;font-size:96px;font-weight:500;color:#FFFFFF;}.elementor-15038 .elementor-element.elementor-element-040d0bc .elementor-heading-title a:hover, .elementor-15038 .elementor-element.elementor-element-040d0bc .elementor-heading-title a:focus{color:var( --e-global-color-1cef63b );}.elementor-15038 .elementor-element.elementor-element-b90bf24{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-15038 .elementor-element.elementor-element-b90bf24.elementor-element{--align-self:center;}.elementor-15038 .elementor-element.elementor-element-b90bf24 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:17px;font-weight:400;line-height:20px;letter-spacing:0.2px;color:#FFFFFF;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-15038 .elementor-element.elementor-element-a73615b{margin:-1px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-15038 .elementor-element.elementor-element-a73615b .elementor-icon-wrapper{text-align:center;}.elementor-15038 .elementor-element.elementor-element-a73615b.elementor-view-stacked .elementor-icon{background-color:#e22c2c;}.elementor-15038 .elementor-element.elementor-element-a73615b.elementor-view-framed .elementor-icon, .elementor-15038 .elementor-element.elementor-element-a73615b.elementor-view-default .elementor-icon{color:#e22c2c;border-color:#e22c2c;}.elementor-15038 .elementor-element.elementor-element-a73615b.elementor-view-framed .elementor-icon, .elementor-15038 .elementor-element.elementor-element-a73615b.elementor-view-default .elementor-icon svg{fill:#e22c2c;}.elementor-15038 .elementor-element.elementor-element-a73615b .elementor-icon{font-size:33px;}.elementor-15038 .elementor-element.elementor-element-a73615b .elementor-icon svg{height:33px;}.elementor-15038 .elementor-element.elementor-element-a73615b .elementor-icon i, .elementor-15038 .elementor-element.elementor-element-a73615b .elementor-icon svg{transform:rotate(180deg);}.elementor-15038 .elementor-element.elementor-element-12bc327{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}.elementor-15038 .elementor-element.elementor-element-12bc327:not(.elementor-motion-effects-element-type-background), .elementor-15038 .elementor-element.elementor-element-12bc327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080101;}.elementor-15038 .elementor-element.elementor-element-12bc327::before, .elementor-15038 .elementor-element.elementor-element-12bc327 > .elementor-background-video-container::before, .elementor-15038 .elementor-element.elementor-element-12bc327 > .e-con-inner > .elementor-background-video-container::before, .elementor-15038 .elementor-element.elementor-element-12bc327 > .elementor-background-slideshow::before, .elementor-15038 .elementor-element.elementor-element-12bc327 > .e-con-inner > .elementor-background-slideshow::before, .elementor-15038 .elementor-element.elementor-element-12bc327 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#080101;--background-overlay:'';}.elementor-15038 .elementor-element.elementor-element-12bc327.e-con{--align-self:flex-start;}.elementor-15038 .elementor-element.elementor-element-b96c6df{--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;--gap:40px 0px;--row-gap:40px;--column-gap:0px;--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-15038 .elementor-element.elementor-element-2789af5 .elementor-button{background-color:#510C2700;font-family:"Sora", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-19857d9 );color:var( --e-global-color-19857d9 );border-style:none;border-radius:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-15038 .elementor-element.elementor-element-2789af5.elementor-element{--align-self:center;}.elementor-15038 .elementor-element.elementor-element-3d85e48{--display:flex;--min-height:0px;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;}.elementor-15038 .elementor-element.elementor-element-f30d686{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-15038 .elementor-element.elementor-element-f30d686 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-15038 .elementor-element.elementor-element-f30d686 .elementor-heading-title a:hover, .elementor-15038 .elementor-element.elementor-element-f30d686 .elementor-heading-title a:focus{color:var( --e-global-color-1cef63b );}.elementor-15038 .elementor-element.elementor-element-2143315{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15038 .elementor-element.elementor-element-4df6afc{--display:flex;--min-height:0px;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15038 .elementor-element.elementor-element-db557b2{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;}.elementor-15038 .elementor-element.elementor-element-db557b2 .elementor-heading-title{font-family:"Helvetica", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-15038 .elementor-element.elementor-element-db557b2 .elementor-heading-title a:hover, .elementor-15038 .elementor-element.elementor-element-db557b2 .elementor-heading-title a:focus{color:var( --e-global-color-1cef63b );}.elementor-15038 .elementor-element.elementor-element-92a9a0c{--display:flex;--min-height:266px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-15038 .elementor-element.elementor-element-6fb0d95{--e-image-carousel-slides-to-show:3;}.elementor-15038 .elementor-element.elementor-element-6fb0d95 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:13px 13px 13px 13px;}body.elementor-page-15038:not(.elementor-motion-effects-element-type-background), body.elementor-page-15038 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(62deg, #030303FC 80%, #FF0000 100%);}@media(min-width:768px){.elementor-15038 .elementor-element.elementor-element-6d208b1{--width:69%;}.elementor-15038 .elementor-element.elementor-element-12bc327{--content-width:1595px;}.elementor-15038 .elementor-element.elementor-element-b96c6df{--width:50%;}.elementor-15038 .elementor-element.elementor-element-3d85e48{--content-width:1200px;}.elementor-15038 .elementor-element.elementor-element-2143315{--content-width:1200px;}.elementor-15038 .elementor-element.elementor-element-4df6afc{--content-width:1200px;}.elementor-15038 .elementor-element.elementor-element-92a9a0c{--content-width:1200px;}}@media(max-width:1366px){.elementor-15038 .elementor-element.elementor-element-2789af5.elementor-element{--align-self:center;}.elementor-15038 .elementor-element.elementor-element-2143315{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-15038 .elementor-element.elementor-element-2789af5.elementor-element{--align-self:center;}.elementor-15038 .elementor-element.elementor-element-2143315{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-15038 .elementor-element.elementor-element-040d0bc .elementor-heading-title{font-size:60px;}.elementor-15038 .elementor-element.elementor-element-2789af5{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;padding:-1px -1px -1px -1px;}.elementor-15038 .elementor-element.elementor-element-2789af5.elementor-element{--align-self:center;}.elementor-15038 .elementor-element.elementor-element-2789af5 .elementor-button{font-size:14px;letter-spacing:-0.5px;}.elementor-15038 .elementor-element.elementor-element-f30d686 .elementor-heading-title{font-size:60px;}.elementor-15038 .elementor-element.elementor-element-2143315{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-15038 .elementor-element.elementor-element-db557b2 .elementor-heading-title{font-size:60px;}}/* Start custom CSS for button, class: .elementor-element-2789af5 */.elementor-15038 .elementor-element.elementor-element-2789af5{
  border-radius: 12px;
  background: linear-gradient(90deg, #510c27 0%, #661333 100%);
  box-shadow: 0 20px 30px -6px rgba(202, 33, 98, 0.46); /* Alterei a cor da sombra para um tom do gradiente */
  padding: 18px 30px;
  outline: none;
  cursor: pointer;
  border: none;
  transition: 0.5s;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  color: white;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}

.elementor-15038 .elementor-element.elementor-element-2789af5 .elementor-button-icon {
  font-size: 17px; /* Tamanho do ícone */
  color: white; /* Cor do ícone */
  margin-right: 8px; /* Espaço entre o ícone e o texto */
  transition: transform 0.5s ease; /* Transição suave para a animação */
}

/* Microinteração no hover: o avião "decola" */
.elementor-15038 .elementor-element.elementor-element-2789af5:hover .elementor-button-icon {
  transform: translateX(5px) rotate(5deg); /* Move para a direita e gira levemente */
}

/* Efeito de clique */
.elementor-15038 .elementor-element.elementor-element-2789af5 .btn3:active {
  opacity: 0.5;
}

/* Efeito de luz passando em diagonal */
.elementor-15038 .elementor-element.elementor-element-2789af5::before {
  content: '';
  background: linear-gradient(10deg, #D1D2EA 12.81%, rgba(209, 210, 234, 0.00) 66.66%);
  width: 70px;
  height: 130%;
  position: absolute;
  transform: translateX(-50%) skew(-25deg);
  bottom: 0%;
  user-select: none;
  pointer-events: none;
  animation: shinery 3s infinite ease-in-out;
  filter: blur(3px);
}

/* Keyframes para a animação da luz */
@keyframes shinery {
  0%, 100% {
    left: -10%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  48% {
    left: 110%;
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
}

/* Efeito de hover no botão */
.elementor-15038 .elementor-element.elementor-element-2789af5:hover {
  transform: translateY(-8px);
  box-shadow: none;
  transition: 0.5s;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f364d7 */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c73434 */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4fa659b */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daa7396 */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c56c7f */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0f0d48 */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f44efbf */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50aa273 */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6639f2a */<!-- Banner -->
<div id="banner" class="banner" style="cursor: pointer;">
    <img src="https://suporte.aureliaguilherme.com.br/wp-content/uploads/2025/09/Imagem-do-WhatsApp-de-2025-09-10-as-11.46.34_0aa210ae.jpg" alt="Imagem do WhatsApp" style="width:100%; max-width: 1200px; height: auto;">
</div>

<!-- Modal -->
<div id="videoModal" class="modal" style="display:none;">
    <div class="modal-content">
        <video controls>
            <source src="video.mp4" type="video/mp4">
            Seu navegador não suporta o formato de vídeo.
        </video>
        <p>Texto explicativo sobre o vídeo.</p>
        <button onclick="window.location.href='https://seulink.com'">Clique aqui</button>
    </div>
</div>

<script>
    // Exibe o modal quando o banner for clicado
    document.getElementById("banner").onclick = function() {
        document.getElementById("videoModal").style.display = "block";
    };

    // Fecha o modal ao clicar fora dele
    window.onclick = function(event) {
        if (event.target == document.getElementById("videoModal")) {
            document.getElementById("videoModal").style.display = "none";
        }
    };
</script>

<!-- CSS para o Modal -->
<style>
    /* Estilo do Modal */
    .modal {
        display: none; /* Inicialmente escondido */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4); /* Fundo semi-transparente */
    }

    .modal-content {
        background-color: #fff;
        margin: 15% auto;
        padding: 20px;
        border: 1px solid #888;
        width: 80%;
    }

    video {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    button {
        padding: 10px 20px;
        background-color: #4CAF50;
        color: white;
        border: none;
        cursor: pointer;
    }

    button:hover {
        background-color: #45a049;
    }
</style>/* End custom CSS */