@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Montserrat:wght@400;600;700;800&display=swap";:root{--color-primary:#d91e8a;--color-primary-hover:#b31771;--color-secondary:#7b2cbf;--color-secondary-hover:#6322a0;--color-accent:#ffb703;--color-accent-soft:#fff3d6;--color-info:#4cc9f0;--color-success:#25d366;--color-success-hover:#1ebe5d;--color-danger:#dc2626;--color-bg-page:#f8fafc;--color-bg-page-alt:#eef2f7;--color-bg-card:#fff;--color-bg-soft:#f1f5f9;--color-bg-dark:#111827;--color-text-main:#111827;--color-text-soft:#374151;--color-text-muted:#6b7280;--color-text-light:#9ca3af;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--shadow-sm:0 4px 10px #0f172a0d;--shadow-md:0 10px 28px #0f172a1a;--shadow-lg:0 18px 45px #0f172a24;--shadow-brand:0 12px 30px #d91e8a38;--shadow-whatsapp:0 14px 34px #25d36647;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-pill:999px;--container-width:1200px;--header-height:72px;--font-main:"Poppins", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast:.2s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-main);color:var(--color-text-main);background:0 0;margin:0;line-height:1.5}.dropdown-container{display:inline-block;position:relative}.btn-categoria-pildora{border-radius:var(--radius-pill);border:2px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text-main);letter-spacing:.3px;transition:all var(--transition-base);cursor:pointer;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-categoria-pildora:hover{border-color:var(--color-primary);background:var(--color-bg-soft);transform:translateY(-3px);box-shadow:0 8px 24px #d91e8a26}.btn-categoria-pildora.activa{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:var(--shadow-brand);border-color:#0000;position:relative}.btn-categoria-pildora.activa:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff4d,#0000 50%);position:absolute;inset:0}.dropdown-content{opacity:0;background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);z-index:1000;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;min-width:260px;padding:12px;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;display:none;position:absolute;top:115%;left:0;transform:translateY(20px)scale(.95);box-shadow:0 20px 60px #d91e8a2e,0 0 80px #7b2cbf14}.dropdown-container:hover .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;display:block;transform:translateY(0)scale(1)}.dropdown-container:hover{z-index:1001}.dropdown-item{border-radius:var(--radius-md);width:100%;color:var(--color-text-soft);text-align:left;transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;padding:14px 18px;font-size:15px;font-weight:600;position:relative;overflow:hidden}.dropdown-item:before{content:"";background:linear-gradient(180deg, var(--color-primary), var(--color-secondary));transform-origin:top;width:3px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.dropdown-item:hover{color:var(--color-primary);background:linear-gradient(135deg,#d91e8a14,#7b2cbf0f);padding-left:24px;box-shadow:inset 0 0 12px #d91e8a0d}.dropdown-item:hover:before{transform:scaleY(1)}.btn-artdesign-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:var(--shadow-brand);border-radius:var(--radius-pill);min-height:44px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;display:inline-flex}.btn-artdesign-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px #7b2cbf40}.footer-artdesign{color:#fff;background:linear-gradient(135deg,#101827 0%,#1a1f2f 50%,#231534 100%);border-top:1px solid #ffffff0f;margin-top:56px;padding:36px 16px 28px}.floating-whatsapp-artdesign{z-index:2200;background:linear-gradient(135deg, var(--color-success), var(--color-success-hover));color:#fff;width:56px;height:56px;transition:all var(--transition-base);border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;gap:0;font-weight:800;text-decoration:none;display:inline-flex;position:fixed;bottom:98px;right:14px;box-shadow:0 4px 12px #25d3664d,0 0 24px #25d36626}.floating-whatsapp-artdesign:hover{transform:scale(1.12)translateY(-8px);box-shadow:0 8px 24px #25d36666,0 0 36px #25d36640}.floating-whatsapp-artdesign:active{transform:scale(.95)}@keyframes floating-pulse{0%,to{box-shadow:0 4px 12px #25d3664d,0 0 24px #25d36626}50%{box-shadow:0 4px 12px #25d36680,0 0 36px #25d3664d}}.floating-whatsapp-artdesign{animation:3s ease-in-out infinite floating-pulse}.floating-whatsapp-artdesign:hover{animation:none}.floating-whatsapp-artdesign svg{fill:currentColor;width:28px;height:28px}.floating-whatsapp-artdesign__text{display:none}@media (width<=767px){.dropdown-content{border:1px solid var(--color-border);background:var(--color-bg-card);opacity:0;visibility:hidden;min-width:220px;margin-top:8px;display:none;position:absolute;transform:translateY(10px)scale(.95);box-shadow:0 16px 48px #d91e8a26,0 0 60px #7b2cbf0f}.dropdown-container:active .dropdown-content{opacity:1;visibility:visible;display:block;transform:translateY(0)scale(1)}.floating-whatsapp-artdesign{width:52px;height:52px;bottom:85px;right:16px}.floating-whatsapp-artdesign svg{width:26px;height:26px}.floating-whatsapp-artdesign__text{display:none}}@media (width<=480px){.btn-categoria-pildora{padding:10px 18px;font-size:13px}.dropdown-content{min-width:180px}.floating-whatsapp-artdesign{width:48px;height:48px;bottom:80px;right:12px}.floating-whatsapp-artdesign svg{width:24px;height:24px}}.mobile-filter-drawer{z-index:3000;visibility:hidden;opacity:0;background:#00000080;justify-content:flex-start;width:100%;height:100dvh;transition:all .3s;display:flex;position:fixed;top:0;left:0}.mobile-filter-drawer.open{visibility:visible;opacity:1}.mobile-filter-content{background:#fff;width:85%;max-width:320px;height:100%;padding:20px;transition:transform .3s;overflow-y:auto;transform:translate(-100%)}.mobile-filter-drawer.open .mobile-filter-content{transform:translate(0)}.btn-floating-filter{z-index:2100;background:var(--color-bg-dark);color:#fff;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:700;display:none;position:fixed;bottom:25px;left:50%;transform:translate(-50%)}@media (width<=1023px){.btn-floating-filter{display:flex}.desktop-filter-sidebar{display:none}}.filtro-panel{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;padding:24px;box-shadow:0 2px 8px #0f172a14}.filtro-titulo{color:#111827;align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.filtro-titulo:before{content:"";background:linear-gradient(#d91e8a,#7b2cbf);border-radius:2px;width:4px;height:20px;display:inline-block}.filtro-genero-group{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.radio-button{border-radius:var(--radius-md);cursor:pointer;min-width:100px;transition:all var(--transition-base);color:#374151;background:#fff;border:2px solid #e5e7eb;flex:1;padding:12px 16px;font-size:14px;font-weight:600}.radio-button:hover{background:#d91e8a0a;border-color:#d91e8a}.radio-button.active-mujer{color:#fff;background:linear-gradient(135deg,#d91e8a,#b31771);border-color:#d91e8a;box-shadow:0 4px 12px #d91e8a40}.radio-button.active-hombre{color:#fff;background:linear-gradient(135deg,#4cc9f0,#0096d6);border-color:#4cc9f0;box-shadow:0 4px 12px #4cc9f040}.radio-button.active-todos{color:#374151;background:#f3f4f6;border-color:#d1d5db}.talla-group{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.talla-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);color:#374151;text-align:center;background:#fff;border:2px solid #e5e7eb;min-width:50px;padding:10px 16px;font-size:13px;font-weight:600}.talla-btn:hover{background:#d91e8a0a;border-color:#d91e8a}.talla-btn.active{color:#fff;background:linear-gradient(135deg,#d91e8a,#7b2cbf);border-color:#0000;box-shadow:0 4px 12px #d91e8a40}.color-palette{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.color-swatch{cursor:pointer;width:48px;height:48px;transition:all var(--transition-base);border:3px solid #e5e7eb;border-radius:50%;position:relative;overflow:hidden}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:#d91e8a;transform:scale(1.15);box-shadow:0 0 0 2px #fff,0 0 0 4px #d91e8a}.select-improved{border-radius:var(--radius-md);color:#374151;cursor:pointer;width:100%;transition:all var(--transition-base);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23d91e8a' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 12px center no-repeat;border:2px solid #e5e7eb;padding:12px 36px 12px 16px;font-size:14px;font-weight:600}.select-improved:hover{background-color:#d91e8a05;border-color:#d91e8a}.select-improved:focus{border-color:#d91e8a;outline:none;box-shadow:0 0 0 3px #d91e8a1a}.btn-limpiar-filtros{color:#fff;border-radius:var(--radius-pill);cursor:pointer;width:100%;transition:all var(--transition-base);background:linear-gradient(135deg,#d91e8a,#7b2cbf);border:none;padding:14px 20px;font-size:15px;font-weight:700;box-shadow:0 4px 12px #d91e8a40}.btn-limpiar-filtros:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d91e8a59}.btn-limpiar-filtros:active{transform:translateY(0)}.link-limpiar{text-align:center;color:#9ca3af;cursor:pointer;transition:color var(--transition-fast);margin-top:12px;font-size:13px;text-decoration:none;display:block}.link-limpiar:hover{color:#d91e8a}.menu-login-item{border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-soft);border:1px solid var(--color-border);background:var(--color-bg-card);text-align:left;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:14px 18px;font-size:15px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.menu-login-item:after{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);width:50%;height:100%;transition:none;position:absolute;top:0;left:-100%}.menu-login-item:hover:after{transition:left .7s ease-in-out;left:150%}.menu-login-item.cliente:hover{color:var(--color-primary);background:linear-gradient(135deg,#d91e8a14,#7b2cbf0d);border-color:#d91e8a66;transform:translate(8px)scale(1.02);box-shadow:0 6px 16px #d91e8a26}.menu-login-item.asesora:hover{color:#036;background:linear-gradient(135deg,#00336614,#4cc9f00d);border-color:#0366;transform:translate(8px)scale(1.02);box-shadow:0 6px 16px #00336626}