:root{--bg-color:#0d0d12;--surface-color:#1a1a24;--primary-color:#00e676;--primary-gradient:linear-gradient(135deg, #00e676 0%, #00c853 100%);--text-main:#fff;--text-muted:#8c8c99;--card-border:#ffffff0d}body,html{width:100vw;min-height:100dvh;color:var(--text-main);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;background-color:var(--bg-color)!important}.bg-black{border-bottom:1px solid var(--card-border);background-color:#050505!important}:root{--tempogym-gradient-btn:linear-gradient(135deg, #0052d4 0%, #4364f7 50%, #6fb1fc 100%);--tools-bg-btn:#212529;--tools-border-glow:#20c997}.action-buttons{padding:0 10px}.btn{letter-spacing:.5px;border-radius:12px;font-size:1.1rem;font-weight:600;transition:all .3s}.btn-primary{background:var(--tempogym-gradient-btn)!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #4364f766!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4364f799!important}.btn-secondary{background:var(--tools-bg-btn)!important;color:#fff!important;border:1px solid #ffffff1a!important;box-shadow:0 4px 15px #0000004d!important}.btn-secondary:hover{transform:translateY(-2px);border:1px solid var(--tools-border-glow)!important;box-shadow:0 0 15px #20c99733!important}.btn:active{transform:scale(.96)!important;box-shadow:0 2px 5px #0000004d!important}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;animation:.5s ease-out fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-card{background:var(--surface-color);border:1px solid var(--card-border);border-radius:16px;flex-direction:column;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--primary-gradient);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:#00e6764d;transform:translateY(-8px);box-shadow:0 12px 40px #00e67626}.tool-card:hover:before{opacity:1}.tool-card.featured{background:linear-gradient(135deg, #00e6760d 0%, var(--surface-color) 100%);border:2px solid #00e67680}.tool-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.tool-icon{filter:drop-shadow(0 2px 8px #0000004d);font-size:2.5rem;line-height:1}.featured-badge{background:var(--primary-gradient);color:#000;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.tool-content{flex:1;margin-bottom:1rem}.tool-name{color:var(--text-main);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.tool-description{color:var(--text-muted);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.tool-meta{align-items:center;gap:.5rem;display:flex}.tool-category{color:var(--text-muted);background:#ffffff0d;border-radius:6px;padding:.25rem .5rem;font-size:.8rem}.tool-footer{margin-top:auto}.tool-btn{border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.tool-btn svg{transition:transform .3s}.tool-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00e67666}.tool-btn:hover svg{transform:translate(3px)}.search-container{margin-bottom:1.5rem}.search-wrapper{max-width:500px;margin:0 auto;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{background:var(--surface-color);border:1px solid var(--card-border);width:100%;color:var(--text-main);border-radius:12px;padding:.875rem 3rem;font-size:1rem;transition:all .3s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #00e6761a}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.search-clear:hover{color:var(--text-main);background:#ffffff1a}.category-filter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-btn{background:var(--surface-color);border:1px solid var(--card-border);color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.category-btn:hover{color:var(--text-main);background:#ffffff0d;border-color:#ffffff1a}.category-btn.active{background:var(--primary-gradient);color:#000;border-color:#0000;font-weight:600;box-shadow:0 4px 15px #00e6764d}.category-icon{font-size:1rem}.results-counter{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.9rem;font-style:italic}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-state-icon{opacity:.5;margin-bottom:1rem;font-size:3rem}.empty-state-text{margin-bottom:.5rem;font-size:1.1rem}.empty-state-subtext{opacity:.7;font-size:.9rem}@media (width<=768px){.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card{padding:1.25rem}.tool-icon{font-size:2rem}.category-filter{gap:.375rem}.category-btn{padding:.5rem .75rem;font-size:.85rem}.search-input{padding:.75rem 2.75rem;font-size:.95rem}}.efecto-platinado{-webkit-text-fill-color:transparent;background-image:linear-gradient(90deg,#4d4d4d 0% 40%,#fff 50%,#4d4d4d 60% 100%);background-position:200% 0;background-size:200%;-webkit-background-clip:text;background-clip:text}.efecto-platinado.animar{animation:1.5s ease-out forwards brilloImpacto}@keyframes brilloImpacto{0%{-webkit-text-fill-color:transparent;background-position:200% 0}70%{-webkit-text-fill-color:transparent;background-position:0 0}to{-webkit-text-fill-color:#fff;background-position:-200% 0}}