.elementor-23823 .elementor-element.elementor-element-369d668{--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:10px;--padding-bottom:10px;--padding-left:5px;--padding-right:5px;}.elementor-23823 .elementor-element.elementor-element-369d668:not(.elementor-motion-effects-element-type-background), .elementor-23823 .elementor-element.elementor-element-369d668 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://i0.wp.com/varejoinfantil.com/wp-content/uploads/2025/12/Fundo.jpg?fit=2560%2C1106&ssl=1");}.elementor-23823 .elementor-element.elementor-element-369d668.e-con{--flex-grow:0;--flex-shrink:0;}.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-23823 .elementor-element.elementor-element-8bef414 img{max-width:13%;}.elementor-widget-progress .elementor-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar{background-color:var( --e-global-color-primary );}.elementor-23823 .elementor-element.elementor-element-8cc5f63{width:var( --container-widget-width, 65% );max-width:65%;--container-widget-width:65%;--container-widget-flex-grow:0;}.elementor-23823 .elementor-element.elementor-element-8cc5f63.elementor-element{--align-self:center;}.elementor-23823 .elementor-element.elementor-element-8cc5f63 .elementor-progress-wrapper .elementor-progress-bar{background-color:#71C923;}.elementor-23823 .elementor-element.elementor-element-8cc5f63 .elementor-progress-wrapper{background-color:#FFFFFF2B;border-radius:100px;overflow:hidden;}.elementor-23823 .elementor-element.elementor-element-8cc5f63 .elementor-progress-bar{height:23px;line-height:23px;color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:600;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23823 .elementor-element.elementor-element-7593461{text-align:center;}.elementor-23823 .elementor-element.elementor-element-7593461 .elementor-heading-title{font-family:"DM Serif Text", Sans-serif;font-size:40px;font-weight:600;line-height:46px;color:#FFEBAE;}.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-23823 .elementor-element.elementor-element-7ab47ae.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-23823 .elementor-element.elementor-element-7ab47ae{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:800;color:#FFF3E7;}.elementor-23823 .elementor-element.elementor-element-5e56015{width:var( --container-widget-width, 66.765% );max-width:66.765%;--container-widget-width:66.765%;--container-widget-flex-grow:0;text-align:center;}.elementor-23823 .elementor-element.elementor-element-5e56015 > .elementor-widget-container{margin:0px 0px -210px 0px;padding:0px 0px 0px 0px;}.elementor-23823 .elementor-element.elementor-element-5e56015.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-23823 .elementor-element.elementor-element-5e56015 img{width:38%;max-width:46%;}.elementor-23823 .elementor-element.elementor-element-ce7a248.elementor-element{--align-self:center;}.elementor-23823 .elementor-element.elementor-element-f9ee7a4 > .elementor-widget-container{padding:13px 20px 0px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:51px 51px 51px 51px;}.elementor-23823 .elementor-element.elementor-element-f9ee7a4.elementor-element{--align-self:center;}.elementor-23823 .elementor-element.elementor-element-f9ee7a4{column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-weight:800;color:#FFEBAE;}.elementor-23823 .elementor-element.elementor-element-f9ee7a4 p{margin-block-end:13px;}.elementor-23823 .elementor-element.elementor-element-f34b8ac{text-align:center;font-family:"Montserrat", Sans-serif;font-weight:800;color:#FFF3E7;}.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-23823 .elementor-element.elementor-element-ee4e3e0{width:var( --container-widget-width, 24% );max-width:24%;--container-widget-width:24%;--container-widget-flex-grow:0;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;line-height:1.4em;padding:20px 60px 20px 070px;}body.elementor-page-23823:not(.elementor-motion-effects-element-type-background), body.elementor-page-23823 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5F6B5B;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-23823 .elementor-element.elementor-element-7ab47ae{width:var( --container-widget-width, 504px );max-width:504px;--container-widget-width:504px;--container-widget-flex-grow:0;}.elementor-23823 .elementor-element.elementor-element-7ab47ae.elementor-element{--align-self:center;}.elementor-23823 .elementor-element.elementor-element-5e56015 img{max-width:75%;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0{width:100%;max-width:100%;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button{padding:10px 100px 10px 100px;}}@media(max-width:1024px) and (min-width:768px){.elementor-23823 .elementor-element.elementor-element-369d668{--width:792px;}}@media(max-width:767px){.elementor-23823 .elementor-element.elementor-element-369d668{--width:338px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-23823 .elementor-element.elementor-element-8bef414 img{width:100%;max-width:38%;}.elementor-23823 .elementor-element.elementor-element-8cc5f63{width:100%;max-width:100%;}.elementor-23823 .elementor-element.elementor-element-8cc5f63 .elementor-progress-bar{font-size:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-23823 .elementor-element.elementor-element-7593461{text-align:center;}.elementor-23823 .elementor-element.elementor-element-7593461 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-23823 .elementor-element.elementor-element-7ab47ae{column-gap:0px;font-size:15px;line-height:1.2em;}.elementor-23823 .elementor-element.elementor-element-7ab47ae p{margin-block-end:0px;}.elementor-23823 .elementor-element.elementor-element-5e56015 > .elementor-widget-container{margin:0px 0px -150px 0px;}.elementor-23823 .elementor-element.elementor-element-5e56015 img{max-width:98%;}.elementor-23823 .elementor-element.elementor-element-ce7a248 > .elementor-widget-container{--e-transform-scale:0.7;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-23823 .elementor-element.elementor-element-f9ee7a4{font-size:14px;}.elementor-23823 .elementor-element.elementor-element-f34b8ac{font-size:15px;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button{font-size:20px;padding:5px 50px 5px 50px;}}/* Start custom CSS for html, class: .elementor-element-ce7a248 */.button {
  /* Cor do botão principal */
  --black-700: hsla(72, 100%, 41%, 1); /* Cor verde do botão */
  
  --border_radius: 9999px; /* Bordas arredondadas */
  --transtion: 0.3s ease-in-out; /* Transição suave */
  --offset: 2px; /* Deslocamento da sombra do botão */

  cursor: pointer;
  position: relative;
  
  display: flex;
  align-items: center;
  gap: 0.5rem;

  transform-origin: center;

  padding: 1rem 2rem;
  background-color: transparent; /* Fundo transparente */
  
  border: none;
  border-radius: var(--border_radius); /* Bordas arredondadas */
  transform: scale(calc(1 + (var(--active, 0) * 0.1))); /* Escala do botão quando ativado */
  
  transition: transform var(--transtion); /* Transição para o efeito de escala */
}

.button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  border-radius: var(--border_radius);
  box-shadow: inset 0 0.5px hsl(0, 0%, 100%), inset 0 -1px 2px 0 hsl(0, 0%, 0%),
    0px 4px 10px -4px hsla(0 0% 0% / calc(1 - var(--active, 0))),
    0 0 0 calc(var(--active, 0) * 0.375rem) hsla(0, 0%, 100%, 0.5); /* Sombra interna e externa */

  transition: all var(--transtion); /* Transição suave para efeitos de sombra e escala */
  z-index: 0;
}

.button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  width: 100%;
  height: 100%;
  background-color: #7FFA32; /* Cor verde do botão */
  
  /* Gradientes para o efeito de brilho */
  background-image: 
    radial-gradient(
      at 51% 89%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 100% 100%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    ),
    radial-gradient(
      at 22% 91%, 
      #B6FF88 0px, /* Brilho mais claro */
      transparent 50%
    );

  background-position: top;
  
  opacity: var(--active, 0); /* Controle de opacidade no hover */
  border-radius: var(--border_radius);
  transition: opacity var(--transtion); /* Transição de opacidade */
  z-index: 2;
}

.button:is(:hover, :focus-visible) {
  --active: 1; /* Ativa o efeito de brilho no hover */
}

.button:active {
  transform: scale(1); /* Remover a escala extra ao clicar */
}

.button .dots_border {
  --size_border: calc(100% + 2px);
  
  overflow: hidden;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  width: var(--size_border);
  height: var(--size_border);
  background-color: transparent;

  border-radius: var(--border_radius);
  z-index: -10;
}

.button .dots_border::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left;
  transform: rotate(0deg);
  
  width: 100%;
  height: 2rem;
  background-color: white; /* Cor dos pontos da animação */
  
  mask: linear-gradient(transparent 0%, white 120%);
  animation: rotate 2s linear infinite; /* Animação de rotação */
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.button .sparkle {
  position: relative;
  z-index: 10;
  
  width: 1.75rem;
}

.button .sparkle .path {
  transform-origin: center;
  color: #000000; /* Cor da "estrela" (brilho) */
}

.button:is(:hover, :focus) .sparkle .path {
  animation: path 1.5s linear 0.5s infinite; /* Animação das estrelas de brilho */
}

@keyframes path {
  0%,
  34%,
  71%,
  100% {
    transform: scale(1);
  }
  17% {
    transform: scale(1);
  }
  49% {
    transform: scale(1);
  }
  83% {
    transform: scale(1);
  }
}

.button .text_button {
  position: relative;
  z-index: 10;
  
  background-image: none; /* Remove gradiente do texto */
  color: #000000; /* Cor do texto preto */
  
  font-weight: 500;
  font-family: "Unbounded", sans-serif; /* Fonte utilizada no botão */
  font-size: 1rem;
  
  transition: text-shadow 0.3s ease; /* Transição suave para o brilho no texto */
}

/* Efeito de brilho no texto */
.button:is(:hover, :focus-visible) .text_button {
  text-shadow: 0 0 10px #9CFF6A, 0 0 20px #9CFF6A, 0 0 30px #9CFF6A; /* Brilho verde mais claro no texto */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ee4e3e0 */.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button {
    background: radial-gradient(75% 100% at top, #80f194 0%, #3BDA57 30%, #218231 70%, #0f5a1c 100%);
    background-size: 100% 100%;
    background-position: center center;
    border-radius: 16px;
    border-bottom: 2px solid #218231;
    outline: 1px solid #218231;
    outline-offset: 0px;
    transition: all .8s ease;
}

.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button:hover {
    background-size: 100% 100%;
    transition: all .4s ease;
    box-shadow: 0px 0px 150px 20px #3BDA5750;
    filter: brightness(125%);
}

.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button:active {
    transform: scale(0.8) !important;
}

.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button:before {
    content: "";
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 10px;
    background: radial-gradient( ellipse at center, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.1) 40%, rgba(255, 255, 255, 0) 70% );
    pointer-events: none;
    z-index: 2;
}

.elementor-23823 .elementor-element.elementor-element-ee4e3e0 .elementor-button:after {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 20px;
    background: radial-gradient( ellipse at center, #3BDA57 20%, #3BDA5750 70%, #3BDA5700 100% );
    mix-blend-mode: screen;
    filter: blur(12px);
    pointer-events: none;
    z-index: 1;
}/* End custom CSS */