/* Remedycell — Botón de WhatsApp
   Todo va prefijado con #rcwa y con !important en lo visual: el tema (Astra/Elementor) aplica
   estilos globales a botones y enlaces (mayúsculas, bordes cuadrados, colores) que no deben colarse. */

#rcwa{--rcwa-color:#25D366;--rcwa-dark:#128C7E;position:fixed !important;right:20px;bottom:88px;left:auto;z-index:99990 !important;font-family:inherit;line-height:1.4;animation:rcwa-in .45s ease-out both}
#rcwa.rcwa--left{left:20px;right:auto}
@keyframes rcwa-in{from{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}
@media (max-width:767px){#rcwa.rcwa--desktop{display:none !important}#rcwa{right:16px;bottom:84px}#rcwa.rcwa--left{left:16px}}
@media (min-width:768px){#rcwa.rcwa--mobile{display:none !important}}
#rcwa *,#rcwa *::before,#rcwa *::after{box-sizing:border-box;text-transform:none !important;letter-spacing:normal !important}

/* ---------- botón flotante ---------- */
#rcwa .rcwa__btn{position:relative;display:flex !important;align-items:center;justify-content:center;width:60px !important;height:60px !important;min-width:0;margin:0 0 0 auto;padding:0 !important;border:0 !important;border-radius:50% !important;background:var(--rcwa-color) !important;color:#fff !important;text-decoration:none !important;box-shadow:0 6px 18px rgba(37,211,102,.35),0 2px 6px rgba(0,0,0,.15) !important;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
#rcwa.rcwa--left .rcwa__btn{margin:0 auto 0 0}
#rcwa .rcwa__btn:hover{transform:scale(1.07);box-shadow:0 10px 26px rgba(37,211,102,.45),0 3px 8px rgba(0,0,0,.18) !important}
#rcwa .rcwa__btn:focus-visible,#rcwa .rcwa__cta:focus-visible,#rcwa .rcwa__close:focus-visible{outline:3px solid #000 !important;outline-offset:3px}
#rcwa .rcwa__btn svg{position:relative;z-index:1;width:34px;height:34px;fill:#fff}
#rcwa .rcwa__ring{position:absolute;inset:0;border-radius:50%;background:var(--rcwa-color);opacity:.5;animation:rcwa-pulse 2.6s ease-out 1.2s 3}
@keyframes rcwa-pulse{0%{transform:scale(1);opacity:.5}80%,100%{transform:scale(1.6);opacity:0}}
#rcwa .rcwa__toggle:checked ~ .rcwa__btn .rcwa__ring{display:none}

/* Globo de texto junto al botón (solo escritorio) */
#rcwa .rcwa__tip{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;background:#fff !important;color:#141414 !important;font-size:14px !important;font-weight:600 !important;line-height:1 !important;padding:10px 14px !important;border-radius:12px !important;box-shadow:0 4px 16px rgba(0,0,0,.12);pointer-events:none;transition:opacity .2s;animation:rcwa-in .4s ease-out 1.5s both}
#rcwa .rcwa__tip::after{content:"";position:absolute;top:50%;width:10px;height:10px;background:#fff;transform:translateY(-50%) rotate(45deg)}
#rcwa.rcwa--right .rcwa__tip{right:74px}
#rcwa.rcwa--right .rcwa__tip::after{right:-4px}
#rcwa.rcwa--left .rcwa__tip{left:74px}
#rcwa.rcwa--left .rcwa__tip::after{left:-4px}
#rcwa .rcwa__toggle:checked ~ .rcwa__btn .rcwa__tip{display:none}
@media (max-width:767px){#rcwa .rcwa__tip{display:none}}

/* ---------- burbuja ---------- */
#rcwa .rcwa__box{display:none;position:absolute;bottom:76px;right:0;width:min(340px,calc(100vw - 32px));background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 14px 44px rgba(0,0,0,.22);transform-origin:bottom right}
#rcwa .rcwa__toggle:checked ~ .rcwa__box{display:block;animation:rcwa-box .22s ease-out both}
@keyframes rcwa-box{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
/* El checkbox queda invisible pero accesible con teclado. */
#rcwa .rcwa__toggle{position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;opacity:0 !important;overflow:hidden;clip:rect(0 0 0 0);border:0;appearance:none}
#rcwa .rcwa__toggle:focus-visible ~ .rcwa__btn{outline:3px solid #000;outline-offset:3px}
#rcwa.rcwa--left .rcwa__box{left:0;right:auto;transform-origin:bottom left}

#rcwa .rcwa__head{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--rcwa-dark);color:#fff}
#rcwa .rcwa__avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--rcwa-color);flex:none}
#rcwa .rcwa__avatar svg{width:24px;height:24px;fill:#fff}
#rcwa .rcwa__title{margin:0 !important;font-weight:700 !important;font-size:16px !important;line-height:1.3 !important;color:#fff !important}
#rcwa .rcwa__sub{margin:2px 0 0 !important;font-size:12.5px !important;line-height:1.3 !important;opacity:.9;display:flex;align-items:center;gap:6px;color:#fff !important}
#rcwa .rcwa__dot{width:8px;height:8px;border-radius:50%;background:#7CFC9A;flex:none}
#rcwa.is-offline .rcwa__dot{background:#ffd27a}
#rcwa .rcwa__close{display:block;margin-left:auto !important;background:none !important;border:0 !important;box-shadow:none !important;color:#fff !important;font-size:26px !important;line-height:1 !important;cursor:pointer;padding:4px 6px !important;opacity:.85;min-width:0 !important;width:auto !important;height:auto !important}
#rcwa .rcwa__close:hover{opacity:1}

#rcwa .rcwa__body{padding:20px 16px 8px;background:#efeae2}
#rcwa .rcwa__msg{position:relative;background:#fff;color:#141414 !important;font-size:14.5px !important;line-height:1.45 !important;padding:10px 14px;border-radius:0 12px 12px 12px;box-shadow:0 1px 1px rgba(0,0,0,.08);max-width:92%}
#rcwa .rcwa__msg::before{content:"";position:absolute;top:0;left:-7px;border:8px solid transparent;border-top-color:#fff;border-right-color:#fff;border-width:0 8px 8px 0}
#rcwa .rcwa__msg[hidden]{display:none}

#rcwa .rcwa__cta{display:flex !important;align-items:center;justify-content:center;gap:8px;margin:0 !important;padding:14px 16px !important;border-radius:0 !important;background:#efeae2 !important;color:var(--rcwa-dark) !important;font-weight:700 !important;font-size:15px !important;text-decoration:none !important}
#rcwa .rcwa__cta span{display:inline-flex;align-items:center;gap:8px;background:var(--rcwa-color);color:#fff;padding:12px 22px;border-radius:999px;box-shadow:0 4px 12px rgba(37,211,102,.35)}
#rcwa .rcwa__cta svg{display:none}
#rcwa .rcwa__cta:hover span{filter:brightness(.95)}

/* ---------- botón en ficha de producto ---------- */
.rcwa-product{margin:12px 0 !important}
.rcwa-product .rcwa-product__btn{display:inline-flex !important;align-items:center;gap:8px;padding:11px 20px !important;border:2px solid #25D366 !important;border-radius:999px !important;background:#fff !important;color:#128C7E !important;font-weight:700 !important;text-decoration:none !important;text-transform:none !important;letter-spacing:normal !important}
.rcwa-product .rcwa-product__btn svg{width:20px;height:20px;fill:currentColor}
.rcwa-product .rcwa-product__btn:hover{background:#25D366 !important;color:#fff !important}

@media (prefers-reduced-motion:reduce){#rcwa,#rcwa .rcwa__tip,#rcwa .rcwa__ring,#rcwa .rcwa__toggle:checked ~ .rcwa__box{animation:none}#rcwa .rcwa__btn{transition:none}}