.elementor .e-41816ea2-e3b9a46{color:inherit;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;/* Texto que rueda hacia arriba y entra la copia en el color de hover */
& {
  display: block;
  text-shadow: 0 2em 0 var(--hover-texto);
  transition: transform var(--duracion) var(--curva);
}
:is(a, button):hover &, :is(a, button):focus-visible & {
  transform: translateY(-2em);
}
@media (prefers-reduced-motion: reduce) { & { transition: none; } }\n}.elementor .e-5c45d001-6e759e5{height:36px;font-family:Montserrat;font-weight:600;font-size:13px;color:#000000;letter-spacing:0.01em;line-height:1em;padding-block-start:0px;padding-block-end:0px;padding-inline-start:20px;padding-inline-end:20px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;border-radius:100px;border-width:1px;border-color:#A3A3A317;border-style:solid;background-color:#FDFAF8;display:inline-flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;/* Relleno que sube desde abajo con borde curvo (los colores se cambian en el enlace exterior) */
& {
  overflow: hidden;
  isolation: isolate;
  background-image: radial-gradient(ellipse at 50% 100%, var(--hover-fondo) 0 49.5%, transparent 50%);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 160% 0%;
  transition: background-size var(--duracion) var(--curva), border-color var(--duracion) var(--curva);
}
&:hover, &:focus-visible, :is(a, button):hover &, :is(a, button):focus-visible & {
  background-size: 160% 420%;
  border-color: var(--hover-fondo);
}\n}.elementor .e-c883873-55c22f9{width:36px;height:36px;aspect-ratio:1/1;color:#000000;padding-block-start:8px;padding-block-end:11px;padding-inline-start:11px;padding-inline-end:11px;border-radius:100px;border-width:1px;border-color:#A3A3A317;border-style:solid;background-color:#FDFAF8;flex:0 0 auto;/* Flecha: sale por arriba a la derecha y entra otra desde abajo a la izquierda */
--salto: 30px;
& {
  overflow: hidden;
  isolation: isolate;
  background-image: radial-gradient(circle at 50% 100%, var(--hover-fondo) 0 49.5%, transparent 50%);
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 0% 0%;
  transition: background-size var(--duracion) var(--curva) .04s, border-color var(--duracion) var(--curva);
}
& svg { fill: currentColor; }
& svg [fill]:not([fill="none"]) { fill: currentColor; }
& svg [stroke]:not([stroke="none"]) { stroke: currentColor; }
& svg {
  filter: drop-shadow(calc(var(--salto) * -1) var(--salto) 0 var(--hover-texto));
  transition: transform var(--duracion) var(--curva) .04s;
}
&:hover, &:focus-visible, :is(a, button):hover &, :is(a, button):focus-visible & {
  background-size: 300% 300%;
  border-color: var(--hover-fondo);
}
&:hover svg, &:focus-visible svg, :is(a, button):hover & svg, :is(a, button):focus-visible & svg {
  transform: translate(var(--salto), calc(var(--salto) * -1));
}
@media (prefers-reduced-motion: reduce) { &, & svg { transition: none; } }\n}.elementor .e-7f33b2ec-2331e1e{width:auto;padding:0px;display:inline-flex;flex-direction:row;gap:2px;align-items:center;align-self:flex-start;/* BOTÓN BELONIO · ajustes del hover */
--hover-fondo: #000000;   /* color que sube al pasar el ratón */
--hover-texto: #FDFAF8;   /* color del texto y la flecha en hover */
--duracion: .6s;               /* velocidad de la animación */
--curva: cubic-bezier(.7, 0, .2, 1);\n}.elementor .e-7f33b2ec-2331e1e:focus-visible{border-radius:100px;outline-width:2px;outline-color:#7EA8A7;outline-style:solid;outline-offset:3px;}