.pbar{height:6px;background:var(--bd);border-radius:100px;margin-bottom:1.5rem;overflow:hidden}.pfill{height:100%;background:linear-gradient(90deg,var(--gr),#34d399);border-radius:100px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px rgba(16,185,129,.4)}.slabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gr2);margin-bottom:.5rem;text-align:center}.question{font-size:21px;font-weight:700;color:var(--tx);margin-bottom:1.5rem;line-height:1.4;text-align:center}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--r);padding:1.25rem 1rem;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.card:hover,.card:focus-visible{outline:none;border-color:var(--gr);background:var(--grbg);transform:translateY(-3px);box-shadow:0 10px 15px -3px rgba(16,185,129,.1),0 4px 6px -4px rgba(16,185,129,.1);-webkit-tap-highlight-color:transparent}.card:active{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(16,185,129,.08)}.ci{font-size:26px;display:inline-flex;align-items:center;justify-content:center;min-width:52px;width:max-content;height:52px;padding:0 8px;background:var(--bg2);border-radius:100px;margin-bottom:8px;transition:all .25s ease}.card:hover .ci{background:#fff;transform:scale(1.08)}.cl{font-size:13.5px;font-weight:600;color:var(--tx);line-height:1.35}.cs{font-size:11px;color:var(--tx2);margin-top:4px;line-height:1.3}.back{background:#fff;border:1px solid var(--bd);color:var(--tx2);border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;margin:1.5rem auto 0;display:flex;width:max-content;align-items:center;gap:6px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.back:hover{background:var(--bg2);border-color:var(--bd2);color:var(--tx);transform:translateX(-2px)}.rtitle{font-size:16.5px;font-weight:600;color:var(--tx);margin-bottom:1.1rem;text-align:center}.results{display:flex;flex-direction:column;gap:12px}.pc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:1.25rem;box-shadow:var(--shadow-sm);transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between}.pc:hover{box-shadow:var(--shadow-md);border-color:var(--bd2)}.pc.top{border:2px solid var(--gr);background:linear-gradient(180deg,var(--grbg) 0%,#fff 80px)}.ptop{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.pimg{width:90px;height:90px;object-fit:contain;border-radius:12px;background:var(--bg2);border:1px solid var(--bd);flex-shrink:0;transition:transform .25s ease}.pc:hover .pimg{transform:scale(1.03)}.pinfo{flex:1;min-width:0;text-align:left}.pbadge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:100px;background:var(--grbg);color:var(--gr2);display:inline-block;margin-bottom:6px}.pname{font-size:14px;font-weight:600;color:var(--tx);line-height:1.35;margin-bottom:4px}.pfeat{font-size:12px;color:var(--tx2);line-height:1.4;margin-bottom:6px}.pprice{font-size:19px;font-weight:700;color:var(--gr2);margin:6px 0 0}.pbtns{display:flex;gap:8px;margin-top:10px}.bwa{background:var(--wa);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;flex:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(34,197,94,.15)}.bwa:hover{background:var(--wa2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(34,197,94,.25)}.bcarrito{background:var(--bl);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;text-align:center;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(59,130,246,.15)}.bcarrito:hover{background:var(--bl2);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.25)}.bcarrito:disabled{background:var(--bd2);box-shadow:none;cursor:not-allowed;transform:none}.bver{font-size:13px;font-weight:600;color:var(--tx);text-decoration:none;text-align:center;padding:9px 12px;border:1.5px solid var(--bd);border-radius:10px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;background:#fff}.bver:hover{border-color:var(--tx2);background:var(--bg2)}.cc{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:1.25rem;display:flex;align-items:center;flex-wrap:wrap;gap:16px;transition:all .25s ease;box-shadow:var(--shadow-sm)}.cc:hover{box-shadow:var(--shadow-md);border-color:var(--bd2)}.cc.top{border:2px solid var(--gr);background:linear-gradient(180deg,var(--grbg) 0%,#fff 80px)}.cicon{font-size:28px;width:52px;height:52px;background:var(--bg2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cbody{flex:1;min-width:0;text-align:left}.cbadge{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;border-radius:100px;background:var(--grbg);color:var(--gr2);display:inline-block;margin-bottom:4px}.ctitle{font-size:14.5px;font-weight:600;color:var(--tx)}.cdesc{font-size:12px;color:var(--tx2);margin-top:2px;line-height:1.4}.clink{font-size:13px;font-weight:600;color:var(--gr2);text-decoration:none;white-space:nowrap;padding:8px 14px;border:1.5px solid var(--bd);border-radius:10px;flex-shrink:0;transition:all .2s ease;background:#fff}.clink:hover{background:var(--grbg);border-color:var(--gr);color:var(--gr2)}.skel{background:var(--bg);border:1px solid var(--bd);border-radius:var(--r);padding:1.25rem;display:flex;flex-direction:column;gap:12px}.skel-img{width:70px;height:70px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skel-row{height:12px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.skel-row.w80{width:80%}.skel-row.w60{width:60%}.skel-row.w40{width:40%}.toast{position:fixed;bottom:32px;right:32px;background:#0f172a;color:#fff;padding:12px 24px;border-radius:12px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 10px 15px -3px rgba(0,0,0,.2);animation:toastIn .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:8px}.rbtn{margin-top:1.5rem;background:0 0;border:1.5px solid var(--bd);border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;color:var(--tx2);width:100%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.rbtn:hover{background:var(--bg2);border-color:var(--tx2);color:var(--tx)}.fade{animation:fi .3s cubic-bezier(.4,0,.2,1)}@media (max-width:580px){.question{font-size:19px;margin-bottom:1.25rem}.cards{grid-template-columns:1fr;gap:10px}.card{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;justify-items:start;padding:.9rem 1.1rem;column-gap:12px}.ci{grid-row:1/span 2;grid-column:1;margin-bottom:0;min-width:42px;width:max-content;height:42px;padding:0 6px;border-radius:100px;font-size:18px}.cl{grid-column:2;grid-row:1;font-size:13.5px;font-weight:600;text-align:left}.cs{grid-column:2;grid-row:2;margin-top:2px;font-size:11px;text-align:left}.pc{padding:1rem}.ptop{gap:12px}.pimg{width:76px;height:76px;border-radius:10px}.pname{font-size:13.5px}.pfeat{font-size:11.5px}.pprice{font-size:17.5px}.pbtns{flex-direction:column;gap:6px}.bwa,.bcarrito,.bver{width:100%;padding:10px}.cc{flex-direction:column;align-items:flex-start;padding:1rem;gap:12px}.cicon{width:44px;height:44px;font-size:24px}.clink{margin-top:4px;width:100%;text-align:center}.skel{padding:1rem;gap:10px}.skel-img{width:60px;height:60px}}@media (min-width:581px) and (max-width:768px){.cards{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:1.25rem 1rem}.ci{font-size:26px;min-width:48px;width:max-content;height:48px;padding:0 8px;border-radius:100px}.pbtns{flex-direction:column;gap:6px}.clink{margin-top:8px;width:100%;text-align:center}.cards>.card:last-child:nth-child(odd){grid-column:1/-1;margin:0 auto;width:100%}}@media (min-width:769px){.question{font-size:24px;margin-bottom:1.8rem}.cards{grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none;gap:14px}.card{padding:1.5rem 1rem}.ci{font-size:28px;min-width:60px;width:max-content;height:60px;padding:0 10px;border-radius:100px}.results{grid-template-columns:repeat(2,1fr);gap:14px}.pbtns{flex-direction:column;gap:6px}}@media (min-width:1024px){.results{grid-template-columns:repeat(3,1fr);gap:14px}}