.whatsapp-flotante{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:var(--z-whatsapp);display:flex;align-items:center;flex-direction:row-reverse;height:60px;min-width:60px;border-radius:var(--radio-pill);background:var(--color-whatsapp);color:var(--color-texto-invertido);box-shadow:var(--sombra-whatsapp);text-decoration:none;transition:translate var(--dur-lenta) var(--curva-estandar),box-shadow var(--dur-media) var(--curva-estandar)}.whatsapp-flotante__icono{position:relative;display:grid;place-items:center;width:60px;height:60px;flex:none}.whatsapp-flotante__icono svg{width:30px;height:30px}.whatsapp-flotante__etiqueta{max-width:0;overflow:hidden;white-space:nowrap;font-family:var(--fuente-titulos);font-stretch:var(--ancho-titulo-corto);font-weight:var(--peso-titulo);font-size:.82rem;text-transform:uppercase;letter-spacing:.02em;opacity:0;transition:max-width var(--dur-lenta) var(--curva-estandar),opacity var(--dur-media),padding var(--dur-lenta) var(--curva-estandar)}.whatsapp-flotante__anillo{position:absolute;right:0;top:0;width:60px;height:60px;border-radius:50%;border:2px solid var(--color-whatsapp);opacity:0;pointer-events:none}@media(hover:hover){.whatsapp-flotante:hover{translate:0 -3px;box-shadow:var(--sombra-whatsapp-hover)}.whatsapp-flotante:hover .whatsapp-flotante__etiqueta{max-width:260px;padding-left:22px;opacity:1}}.whatsapp-flotante:focus-visible{outline:3px solid var(--tinta);outline-offset:3px}body.con-sticky .whatsapp-flotante{translate:0 -96px}@media(hover:hover){body.con-sticky .whatsapp-flotante:hover{translate:0 -99px}}html.js .whatsapp-flotante__anillo{animation:whatsapp-late 2.8s var(--curva-salida) 1.6s infinite}@keyframes whatsapp-late{0%{opacity:.7;transform:scale(1)}70%,to{opacity:0;transform:scale(1.55)}}@media(max-width:700px){.whatsapp-flotante{height:54px;min-width:54px;right:calc(14px + env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom))}.whatsapp-flotante__icono,.whatsapp-flotante__anillo{width:54px;height:54px}.whatsapp-flotante__icono svg{width:28px;height:28px}body.con-sticky .whatsapp-flotante{translate:0 -84px}}@media(prefers-reduced-motion:reduce){html.js .whatsapp-flotante,html.js .whatsapp-flotante__icono svg,html.js .whatsapp-flotante__anillo{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/css-pf-whatsapp.css.map */