.tarjetas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.tool-card{background:#fff;border:2px solid var(--text-main);display:flex;flex-direction:column;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tool-card:hover{transform:translate(-5px,-5px);box-shadow:8px 8px 0 0 var(--accent-brand);border-color:var(--accent-brand)}.tool-card-preview{height:200px;border-bottom:2px solid var(--text-main);background-color:var(--bg-light);background-image:radial-gradient(#d9dce0 1px,transparent 1px);background-size:15px 15px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.tool-card-num{position:absolute;top:10px;left:12px;font-family:var(--font-mono);font-size:.72rem;font-weight:700;color:var(--accent-brand)}.tool-card-body{padding:1.5rem 1.6rem 1.75rem;display:flex;flex-direction:column;gap:1rem;flex:1}.tool-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.tool-card-titulo{font-size:1.3rem;font-weight:800;letter-spacing:-.5px;margin:0}.tool-card-desc{font-size:1rem;line-height:1.5;margin:0}.tool-card-chips{display:flex;flex-wrap:wrap;gap:.5rem}.tool-chip{font-family:var(--font-mono);font-size:.68rem;font-weight:700;padding:.3rem .55rem;border:1px solid var(--text-main);background:var(--bg-light)}.tool-card-lista{list-style:none;padding:0;margin:0;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;display:flex;flex-direction:column;gap:.55rem;color:var(--text-main)}.tool-flow{font-family:var(--font-mono);color:var(--accent-brand);font-weight:700;font-size:1.2rem;animation:cf-flow 1.8s ease-in-out infinite}.tool-cta{margin-top:auto;font-family:var(--font-ui);font-weight:800;font-size:.82rem;letter-spacing:1px;text-transform:uppercase;color:var(--bg-light);background:var(--accent-brand);border:2px solid var(--text-main);padding:.85rem 1.2rem;text-align:center;text-decoration:none}.tool-cta:hover{background:var(--text-main)}@keyframes cf-flow{0%,100%{opacity:.2;transform:translateX(-2px)}50%{opacity:1;transform:translateX(2px)}}@keyframes cf-pop{0%{opacity:0;transform:scale(.5)}12%{opacity:1;transform:scale(1.08)}22%,82%{opacity:1;transform:scale(1)}100%,94%{opacity:0;transform:scale(.5)}}@keyframes cf-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes cf-delete{0%,30%{opacity:1}50%,72%{opacity:.3}100%,90%{opacity:1}}@keyframes cf-x{0%,30%{opacity:0;transform:scale(.4)}50%,72%{opacity:1;transform:scale(1)}100%,90%{opacity:0;transform:scale(.4)}}@keyframes cf-swap2{0%,8%{transform:translate(0,0) rotate(0)}22%{transform:translate(-4px,-18px) rotate(-5deg)}44%{transform:translate(-44px,-18px) rotate(-5deg)}56%,74%{transform:translate(-44px,0) rotate(0)}88%{transform:translate(-22px,-18px) rotate(-3deg)}100%{transform:translate(0,0) rotate(0)}}@keyframes cf-swap1{0%,30%{transform:translate(0,0)}52%,82%{transform:translate(44px,0)}100%{transform:translate(0,0)}}@keyframes cf-v1{0%{opacity:0}22%,3%{opacity:1}100%,25%{opacity:0}}@keyframes cf-v2{0%,25%{opacity:0}28%,47%{opacity:1}100%,50%{opacity:0}}@keyframes cf-v3{0%,50%{opacity:0}53%,72%{opacity:1}100%,75%{opacity:0}}@keyframes cf-v4{0%,75%{opacity:0}78%,97%{opacity:1}100%{opacity:0}}@keyframes cf-axoshadow{0%{transform:skewX(26deg) scaleX(1.35);opacity:.5}50%{transform:skewX(0) scaleX(.82);opacity:.72}100%{transform:skewX(-26deg) scaleX(1.35);opacity:.5}}@keyframes cf-sunarc{0%{transform:translate(0,8px)}50%{transform:translate(70px,-4px)}100%{transform:translate(140px,8px)}}@keyframes cf-hint{0%,100%{transform:translateY(0);opacity:.6}50%{transform:translateY(5px);opacity:1}}