.boton-demo{position:fixed;right:var(--boton-demo-margen);bottom:calc(var(--boton-demo-margen) + env(safe-area-inset-bottom, 0px));z-index:var(--z-sticky);display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap-min);padding:0 var(--sp-5) 0 var(--sp-2);border-radius:var(--rd-sm);background:var(--c-green700);color:var(--c-white);font-family:var(--font-sans);font-size:var(--font-base);font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:none;opacity:0;transform:translateX(var(--boton-demo-recorrido));pointer-events:none;transition:opacity var(--duration-base) var(--ease-smooth),transform var(--duration-anim-sm) var(--ease-smooth),background-color var(--duration-fast) ease,translate var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out)}.boton-demo.es-visible{opacity:1;transform:none;pointer-events:auto}@media (min-width:768px){.boton-demo.es-visible:hover{translate:0 -2px;box-shadow:var(--shadow-hover)}}.boton-demo__icono{display:inline-flex;align-items:center;justify-content:center;width:var(--boton-demo-icono);height:var(--boton-demo-icono);border-radius:50%;background:var(--c-green600);font-size:var(--font-xs)}.boton-demo__icono svg{transform:translateX(1px)}@media (max-width:767px){.boton-demo{font-size:var(--font-sm)}}@media (min-width:768px){.boton-demo{right:var(--boton-demo-margen-escritorio);bottom:var(--boton-demo-margen-escritorio)}}