/* WolfFIT SM · Tienda v8 */
/* Botón «Escríbenos por WhatsApp» (Contacto): al pasar el cursor el texto se ponía blanco sobre fondo blanco */
a.ct5-wa:hover,a.ct5-wa:focus-visible{color:#0a0a0a!important;filter:brightness(1.03)}
a.ct5-wa:hover b,a.ct5-wa:hover span,a.ct5-wa:hover i{color:#0a0a0a}
a.ct5-wa:hover .ct5-ic{background:#15161a;color:#fff}
a.ct5-wa:hover small{color:#45464e}
a.ct5-wa:hover .ct5-ic *{color:#fff}
/* Carrito: código de descuento */
.wfk-cpn{margin:2px 0 12px}
.wfk-cpn-t{background:none!important;border:0!important;box-shadow:none!important;padding:4px 0;color:#ebddb2;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.wfk-cpn form{display:flex;gap:8px}
.wfk-cpn input{flex:1;min-width:0;height:44px;padding:0 14px;border:0;border-radius:12px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff12;box-shadow:inset 0 0 0 1px #fff6;outline:none}
.wfk-cpn input:focus{box-shadow:inset 0 0 0 1.5px #ddf3ff}
.wfk-cpn input::placeholder{letter-spacing:0;text-transform:none;color:#ffffff73}
.wfk-cpn form button{height:44px;padding:0 18px;border:0;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;color:#0a0a0a;background:linear-gradient(180deg,#fff,#d9dde6)}
.wfk-cpn form button:disabled{opacity:.6;cursor:wait}
.wfk-cpn p{margin:7px 2px 0;font-size:13px;color:#ffb3bd}
.wfk-cpn.on{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-radius:12px;font-size:13.5px;color:#d0d3d9;background:rgba(139,224,180,.1);box-shadow:inset 0 0 0 1px rgba(139,224,180,.4)}
.wfk-cpn.on b{color:#8be0b4;letter-spacing:.06em}
.wfk-cpn.on button{background:none!important;border:0!important;box-shadow:none!important;color:#d0d3d9;font-size:13px;text-decoration:underline;cursor:pointer}
/* Banner promocional */
.wf8-ban{padding:18px 16px 0;background:transparent}
.wf8-ban-in{position:relative;max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:18px 54px 18px 22px;border-radius:20px;color:#f5f5f7;background:linear-gradient(135deg,rgba(200,168,98,.16),rgba(200,168,98,.04)),#17181c;box-shadow:inset 0 0 0 1px rgba(200,168,98,.5),0 20px 50px -28px #000}
.wf8-ban.oro .wf8-ban-in{color:#17130a;background:linear-gradient(135deg,#ecd596,#c8a862);box-shadow:0 24px 50px -26px rgba(200,168,98,.8)}
.wf8-ban-in img{width:64px;height:64px;border-radius:14px;object-fit:cover;flex:none}
.wf8-ban-tx{flex:1;min-width:0}
.wf8-ban-tx b{display:block;font-size:17px;letter-spacing:-.01em}
.wf8-ban-tx p{margin:3px 0 0;font-size:14px;opacity:.85}
.wf8-ban-cta{flex:none;padding:11px 20px;border-radius:12px;font-weight:700;font-size:14px;text-decoration:none;color:#0a0a0a!important;background:linear-gradient(180deg,#fff,#d9dde6);white-space:nowrap}
.wf8-ban.oro .wf8-ban-cta{color:#fff!important;background:#15161a}
.wf8-ban-cta:hover{filter:brightness(.96)}
.wf8-ban-x{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:inherit;opacity:.6;font-size:20px;cursor:pointer}
.wf8-ban-x:hover{opacity:1}
@media(max-width:640px){.wf8-ban-in{flex-wrap:wrap;padding:16px 44px 16px 16px}.wf8-ban-in img{width:48px;height:48px}.wf8-ban-cta{width:100%;text-align:center}}
/* Vistos recientemente */
.wf8-rec{padding:30px 16px 6px;background:transparent}
.wf8-rec-in{max-width:1120px;margin:0 auto}
.wf8-rec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.wf8-rec-h h2{margin:0;font-size:18px;font-weight:700;color:#f5f5f7}
.wf8-rec-c{background:none!important;border:0!important;box-shadow:none!important;color:#94959e;font-size:13px;text-decoration:underline;cursor:pointer}
.wf8-rec-l{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.wf8-rc{flex:0 0 164px;text-align:left;padding:10px;border:0;border-radius:16px;cursor:pointer;color:#d2d2d7;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),#1b1c21;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:transform .25s,box-shadow .25s}
.wf8-rc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px rgba(200,168,98,.6)}
.wf8-rc img,.wf8-rc .wf8-ph{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#f1f2f5;margin-bottom:8px}
.wf8-rc .wf8-ph{background:#25272d}
.wf8-rc small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94959e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wf8-rc b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;font-size:13.5px;line-height:1.3;color:#f5f5f7;margin:2px 0 4px}
.wf8-rc span{font-size:14px;font-weight:700;color:#ebddb2}
/* Carrito pendiente */
.wf8-nudge{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:10px 12px 10px 16px;border-radius:999px;font-size:14px;color:#f5f5f7;background:rgba(25,26,31,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(200,168,98,.55),0 18px 40px -12px #000;animation:wf8up .4s cubic-bezier(.16,1,.3,1) both}
.wf8-nudge b{color:#ebddb2}
.wf8-nudge-i{width:8px;height:8px;border-radius:50%;background:#c8a862;flex:none;box-shadow:0 0 0 0 rgba(200,168,98,.6);animation:wf8pl 1.8s infinite}
.wf8-nudge-go{flex:none;height:36px;padding:0 16px;border:0;border-radius:999px;font-weight:700;font-size:13.5px;cursor:pointer;color:#0a0a0a;background:linear-gradient(180deg,#fff,#d9dde6)}
.wf8-nudge-x{flex:none;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#94959e;font-size:18px;cursor:pointer}
@keyframes wf8up{from{opacity:0;transform:translate(-50%,14px)}}
@keyframes wf8pl{70%{box-shadow:0 0 0 9px rgba(200,168,98,0)}100%{box-shadow:0 0 0 0 rgba(200,168,98,0)}}
@media(max-width:760px){.wf8-nudge{left:12px;right:12px;bottom:calc(138px + env(safe-area-inset-bottom));transform:none;width:auto;max-width:none;border-radius:18px;font-size:13px;gap:10px;padding:10px 10px 10px 14px;animation:wf8up2 .4s cubic-bezier(.16,1,.3,1) both}.wf8-nudge>span:nth-child(2){flex:1;min-width:0;line-height:1.3}.wf8-nudge-go{padding:0 14px;white-space:nowrap}}
@keyframes wf8up2{from{opacity:0;transform:translateY(14px)}}
/* Ficha: compartir */
.pd5-top .pd5-k{flex:1;min-width:0}
.wf8-sh{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;margin-right:8px;border-radius:999px;border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;color:#d2d2d7!important;font-size:13.5px;cursor:pointer;box-shadow:none!important}
.wf8-sh:hover{border-color:#ebddb2!important;color:#fff!important}
.pd5-top{position:relative}
.wf8-pop{position:absolute;right:48px;top:42px;z-index:6;display:flex;flex-direction:column;min-width:190px;padding:6px;border-radius:14px;background:#25272d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 20px 40px -10px #000}
.wf8-pop a,.wf8-pop button{display:block;padding:11px 14px;border:0;border-radius:10px;background:transparent!important;text-align:left;font-size:14px;color:#e8e8ec!important;text-decoration:none;cursor:pointer;box-shadow:none!important}
.wf8-pop a:hover,.wf8-pop button:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.wf8-toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:90;padding:11px 18px;border-radius:999px;font-size:14px;color:#0a0a0a;background:#fff;box-shadow:0 14px 34px -10px #000;transition:opacity .3s}
.wf8-toast.o{opacity:0}
/* Ficha: opiniones */
.pd5-rv{border-bottom:1px solid rgba(255,255,255,.1)}
.wf8-rvd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 0;font-size:15px;font-weight:600;color:#f5f5f7}
.wf8-rvd summary::-webkit-details-marker{display:none}
.wf8-rvd summary em{margin-left:auto;font-style:normal;font-size:13px;font-weight:500;color:#94959e}
.wf8-rvd summary:after{content:"+";font-size:20px;color:#94959e;transition:transform .2s}
.wf8-rvd[open] summary:after{transform:rotate(45deg)}
.wf8-st{display:inline-flex;gap:2px}
.wf8-st i{width:15px;height:15px;background:#4a4c55;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.8 5.7 21.4l1.5-7.1L1.8 9.4 9 8.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.8 5.7 21.4l1.5-7.1L1.8 9.4 9 8.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.wf8-st i.f{background:#c8a862}
.wf8-st i.h{background:linear-gradient(90deg,#c8a862 50%,#4a4c55 50%)}
.wf8-st.s i{width:13px;height:13px}
.wf8-r{padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
.wf8-r header{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:6px;font-size:13.5px}
.wf8-r header b{color:#f5f5f7}
.wf8-r time{margin-left:auto;font-size:12.5px;color:#94959e}
.wf8-vf{padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:700;color:#8be0b4;background:rgba(139,224,180,.12)}
.wf8-r p{margin:0;font-size:14.5px;line-height:1.55;color:#b4b4bc}
.wf8-rp{margin-top:8px;padding:9px 12px;border-radius:10px;font-size:13.5px;line-height:1.5;color:#b4b4bc;background:rgba(200,168,98,.08);box-shadow:inset 3px 0 #c8a862}
.wf8-rp b{display:block;font-size:12px;color:#ebddb2;margin-bottom:2px}
.wf8-rv0{padding:6px 0 12px;font-size:14px;color:#94959e}
.wf8-rvf{padding:10px 0 14px}
.wf8-rvw{height:42px;padding:0 18px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;color:#d2d2d7!important;background:transparent!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}
.wf8-rvw:hover{border-color:#ebddb2!important;color:#fff!important}
.wf8-form{display:grid;gap:10px}
.wf8-pick{display:flex;gap:4px}
.wf8-pick button{width:38px;height:38px;border:0;border-radius:10px;cursor:pointer;background:rgba(255,255,255,.06)!important;box-shadow:none!important;position:relative}
.wf8-pick button:after{content:"";position:absolute;inset:8px;background:#5a5c66;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.8 5.7 21.4l1.5-7.1L1.8 9.4 9 8.6z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.6 7.2.8-5.4 4.9 1.5 7.1L12 17.8 5.7 21.4l1.5-7.1L1.8 9.4 9 8.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.wf8-pick button.on:after{background:#c8a862}
.wf8-form input,.wf8-form textarea{width:100%;padding:12px 14px;border:0;border-radius:12px;font-size:16px;color:#fff;background:#ffffff12;box-shadow:inset 0 0 0 1px #fff4;outline:none;resize:none;font-family:inherit}
.wf8-form input:focus,.wf8-form textarea:focus{box-shadow:inset 0 0 0 1.5px #ddf3ff}
.wf8-form ::placeholder{color:#ffffff73}
.wf8-msg{margin:0;min-height:1em;font-size:13px;color:#ffb3bd}
.wf8-fa{display:flex;gap:8px;justify-content:flex-end}
.wf8-fa button{height:42px;padding:0 18px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer}
.wf8-no{color:#d2d2d7!important;background:transparent!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:none!important}
.wf8-go{border:0;color:#0a0a0a;background:linear-gradient(180deg,#fff,#d9dde6)}
.wf8-go:disabled{opacity:.6;cursor:wait}
.wf8-thanks{margin:0;padding:12px 14px;border-radius:12px;font-size:14px;color:#8be0b4;background:rgba(139,224,180,.1)}
@media(max-width:760px){.wf8-pop{right:0}.wf8-sh span{display:none}.wf8-sh{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.wf8-nudge,.wf8-nudge-i{animation:none}}
