.elementor-8600 .elementor-element.elementor-element-04561db{--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:0px 0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-8600:not(.elementor-motion-effects-element-type-background), body.elementor-page-8600 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F3EBE4 0%, #FFFFFF 100%);}@media(max-width:767px){.elementor-8600 .elementor-element.elementor-element-04561db{--min-height: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;}}/* Start custom CSS *//* ============================================
   SUBLINHADO PERSONALIZADO PARA <em> e <u>
   ============================================ */

h1, h2, .frase_linha{
    /* Garante que o heading não tenha estilos conflituosos */
    text-decoration: none;
    position: relative;
 /* Necessário para o z-index funcionar */
    z-index: 1;
 /* Garante que o texto fica acima */
}

/* Remove o itálico padrão do <em> e o sublinhado padrão do <u> */
h1 em,
h1 u, h2 u, .frase_linha u{
    font-style: normal;
 /* Remove itálico */
    text-decoration: none !important;
 /* Remove sublinhado padrão */
}

/* Aplica o sublinhado personalizado às tags <em> e <u> */
h1 em,
h1 u, h2 u,.frase_linha u {
    position: relative;
    font-style: normal;
 /* Remove itálico */
    text-decoration: none;
 /* Remove sublinhado padrão */
    display: inline;
    padding-bottom: 5px;
    
}

/* Cria a linha arredondada com ::after */
h1 em::after,
h1 u::after, h2 u::after, .frase_linha u::after{
    content: '';
    position: absolute;
    left: -5px;
    bottom: 13px;
    width: 103%;
    height: 19px;
    background: #C91C59B2;
    border-radius: 100px;
    padding: 0px 6px;
    z-index: -1;
    
    
 /* Coloca a linha atrás do texto */
    pointer-events: none;
    
 /* Permite clicar através da linha */
}

/* ============================================
   AJUSTES RESPONSIVE
   ============================================ */

/* Tablets e dispositivos médios */
@media (max-width: 1024px) {
    h1 em::after,
    h1 u::after, h2 u::after,.frase_linha u::after  {
        height: 16px;
 /* Linha ligeiramente mais fina */
    }
}

/* Mobile */
@media (max-width: 768px) {
    h1 em::after,
    h1 u::after, h2 u::after, .frase_linha u::after  {
        height: 9px;
 /* Linha mais fina em mobile */
        bottom: 8px;
 /* Ajusta posição em mobile */
    }
    #imgem-gui{
        left: 50%;
    transform: translate(-50%, -50%);
    }
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.08);
  }
  100% {
    transform: scale(1);
  }
}

.elButton{
    max-width: 433px !important;
    animation: zoom 2s ease-in-out infinite;
  transform-origin: center center;
}

.emocao-box{
    background: linear-gradient(180deg, #FFFFFF 0%, #FBF8F6 100%) !important;
    box-shadow: 0px 4px 10px 0px #63534D40 inset;


}/* End custom CSS */