.groups-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:2rem 0;max-width:1200px;margin:0 auto}.groups-link-card{display:block;text-decoration:none;color:inherit;border:1px solid #374151;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#1f2937,#111827);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000004d,0 1px 3px #0003;height:140px;position:relative;text-align:center}.groups-link-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);opacity:0;transition:opacity .4s ease}.groups-link-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 32px #0006,0 12px 24px #0000004d;border-color:#3b82f6}.groups-link-card:hover:before{opacity:1}.groups-link-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;height:100%;position:relative;z-index:1}.groups-link-title{font-size:1.5rem;font-weight:700;color:#f9fafb;margin:0 0 .75rem;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:color .3s ease;text-transform:uppercase;letter-spacing:.5px}.groups-link-count{font-size:2.5rem;font-weight:800;color:#60a5fa;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.4);transition:all .3s ease;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.groups-link-indicator{position:absolute;top:12px;right:12px;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 8px #10b98199;transition:all .3s ease}.groups-link-card:hover .groups-link-title{color:#60a5fa}.groups-link-card:hover .groups-link-count{transform:scale(1.1);filter:brightness(1.2)}.groups-link-card:hover .groups-link-indicator{background:#3b82f6;box-shadow:0 0 12px #3b82f6cc;transform:scale(1.2)}.groups-link-card:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.groups-link-card:hover:after{left:100%}.groups-link-card.tipos{background:linear-gradient(135deg,#1f2937,#111827)}.groups-link-card.tipos:before{background:linear-gradient(135deg,#ef44441a,#dc26261a)}.groups-link-card.tipos:hover{border-color:#ef4444}.groups-link-card.tipos .groups-link-count{background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.groups-link-card.tipos:hover .groups-link-title{color:#ef4444}.groups-link-card.grupos{background:linear-gradient(135deg,#1f2937,#111827)}.groups-link-card.grupos:before{background:linear-gradient(135deg,#22c55e1a,#15803d1a)}.groups-link-card.grupos:hover{border-color:#22c55e}.groups-link-card.grupos .groups-link-count{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.groups-link-card.grupos:hover .groups-link-title{color:#22c55e}.groups-link-card.tags{background:linear-gradient(135deg,#1f2937,#111827)}.groups-link-card.tags:before{background:linear-gradient(135deg,#a855f71a,#9333ea1a)}.groups-link-card.tags:hover{border-color:#a855f7}.groups-link-card.tags .groups-link-count{background:linear-gradient(135deg,#a855f7,#9333ea);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.groups-link-card.tags:hover .groups-link-title{color:#a855f7}@media (max-width: 768px){.groups-links{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}.groups-link-card{height:120px}.groups-link-content{padding:1.25rem}.groups-link-title{font-size:1.25rem;margin-bottom:.5rem}.groups-link-count{font-size:2rem}}@media (max-width: 480px){.groups-links{padding:1rem 0;gap:.75rem}.groups-link-card{height:100px}.groups-link-content{padding:1rem}.groups-link-title{font-size:1.125rem;margin-bottom:.25rem}.groups-link-count{font-size:1.75rem}}.groups-link-card{animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.groups-link-card:nth-child(1){animation-delay:.1s}.groups-link-card:nth-child(2){animation-delay:.2s}.groups-link-card:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion: reduce){.groups-link-card{transition:none;animation:none}.groups-link-card:hover{transform:none}.groups-link-count{transition:none}.groups-link-card:hover .groups-link-count{transform:none}}@media (prefers-contrast: high){.groups-link-card{border:2px solid #ffffff;background:#000}.groups-link-title{color:#fff}.groups-link-count{color:#fff;-webkit-text-fill-color:#ffffff}}