.elementor .e-709b08b9-e5777df{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-357de33d-f3ccb01{width:auto;height:36px;font-family:Montserrat;font-weight:600;font-size:13px;color:#F8F2F0;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:18px;border-width:0px;border-style:none;background-color:#000000;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);
}

& { transition: background-size var(--duracion) var(--curva), border-radius .55s var(--curva-liquida); }
:is(a, button):hover &, :is(a, button):focus-visible & { border-start-end-radius: 0; border-end-end-radius: 0; }\n}.elementor .e-2ca4a8a2-bd6510c{width:36px;height:36px;aspect-ratio:1/1;color:#F8F2F0;padding-block-start:8px;padding-block-end:11px;padding-inline-start:11px;padding-inline-end:11px;border-radius:18px;border-width:0px;border-style:none;background-color:#000000;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; } }

& { transition: background-size var(--duracion) var(--curva) .04s, border-radius .55s var(--curva-liquida), transform .55s var(--curva-liquida); }
:is(a, button):hover &, :is(a, button):focus-visible & { border-start-start-radius: 0; border-end-start-radius: 0; }\n}.elementor .e-54c7d7c3-4664817{width:auto;padding:0px;display:inline-flex;flex-direction:row;gap:4px;align-items:center;align-self:flex-start;/* BOTÓN BELONIO · ajustes del hover */
--hover-fondo: #7EA8A7;   /* color que sube al pasar el ratón */
--hover-texto: #FFFFFF;   /* color del texto y la flecha en hover */
--duracion: .6s;               /* velocidad de la animación */
--curva: cubic-bezier(.7, 0, .2, 1);

/* Fusión líquida: al pasar el ratón la píldora y el círculo se juntan */
--separacion: 4px;                         /* hueco en reposo */
--curva-liquida: cubic-bezier(.5, 1.7, .4, 1); /* rebote elástico */
& { gap: var(--separacion); transition: gap .55s var(--curva-liquida); }
&:hover, &:focus-visible { gap: 0px; }
@media (prefers-reduced-motion: reduce) { & { transition: none; } }\n}.elementor .e-54c7d7c3-4664817:focus-visible{border-radius:100px;outline-width:2px;outline-color:#7EA8A7;outline-style:solid;outline-offset:3px;}