main>section{width:100%;display:flex;flex-flow:column nowrap;padding:2rem;background-color:#f0f0f0;min-height:80vh}.cab{width:100%;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:100}.cab h2{color:#111;font-size:2rem;font-weight:900;letter-spacing:3px;display:flex;align-items:center;gap:.6rem}.count-badge{font-size:.85rem;font-weight:700;letter-spacing:0;background:#c00;color:#fff;padding:.15rem .65rem;border-radius:50px;line-height:1.6}.btn-add{padding:.6rem 1.5rem;background-color:#c00;border-radius:25px;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:1px;transition:background .2s}.btn-add:hover{background-color:#d00}.filtros{display:flex;align-items:center;gap:1rem}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;font-weight:700;font-size:.85rem;letter-spacing:1px;color:#333;padding:.55rem 1.2rem;border-radius:25px;border:2px solid #ddd;background:#fff;-webkit-user-select:none;user-select:none;transition:border-color .2s}.dropdown-toggle:hover{border-color:#c00;color:#c00}.dropdown-menu{display:none;position:absolute;top:2.6rem;right:0;z-index:1000;background:#fff;border-radius:12px;min-width:160px;padding:.4rem 0;box-shadow:0 8px 24px #0000001f;list-style:none}.dropdown-menu li a{display:block;padding:.6rem 1.2rem;color:#222;text-decoration:none;font-size:.88rem;font-weight:600;background-color:transparent;border-radius:0;transition:background .15s,color .15s}.dropdown-menu li a:hover{background-color:#f5f5f5;color:#c00}hr{margin:0 auto 1rem;background-color:#c00;height:3px;border:none;width:100%;border-radius:2px}.filtros-cat{display:flex;flex-flow:row wrap;gap:.6rem;margin-bottom:1.5rem}.filtros-cat a{padding:.45rem 1.1rem;border-radius:25px;border:2px solid #ddd;background:#fff;color:#333;text-decoration:none;font-size:.85rem;font-weight:600;letter-spacing:.5px;transition:all .2s}.filtros-cat a:hover{border-color:#c00;color:#c00}.filtros-cat a.activo{background-color:#c00;border-color:#c00;color:#fff}#barra_busqueda{position:relative;width:280px}#busqueda{color:#333;width:100%;padding:.65rem 1.2rem;border-radius:25px;border:2px solid #ddd;outline:none;font-size:.9rem;background-color:#fff;transition:border-color .2s}#busqueda:focus{border-color:#c00}#sug_busqueda{position:absolute;top:110%;left:0;width:100%;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001f;list-style:none;padding:.4rem 0;margin:0;max-height:200px;overflow-y:auto;z-index:100}#sug_busqueda li{padding:.6rem 1.2rem;cursor:pointer;color:#333;font-size:.9rem;transition:background .15s}#sug_busqueda li:hover{background-color:#f5f5f5}.cab,.tarjeta{--animate-duration: .4s}.tarjeta:nth-child(1){animation-delay:.05s}.tarjeta:nth-child(2){animation-delay:.1s}.tarjeta:nth-child(3){animation-delay:.15s}.tarjeta:nth-child(4){animation-delay:.2s}.tarjeta:nth-child(5){animation-delay:.25s}.tarjeta:nth-child(6){animation-delay:.3s}.tarjetas{width:100%;margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}.tarjeta{position:relative;border-radius:16px;overflow:hidden;background-color:#111;box-shadow:0 4px 16px #00000026;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%}.tarjeta{cursor:pointer}.tarjeta:hover{transform:translateY(-6px);box-shadow:0 16px 36px #00000040}.tarjeta .lista{position:absolute;top:1rem;left:1rem;z-index:10}.tarjeta .lista .listaEditar{width:2rem;height:2rem;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:1.1rem;transition:background .2s}.tarjeta .lista .listaEditar:hover{background:#c00c}.tarjeta .lista ul{display:none;position:absolute;top:2.6rem;left:0;list-style:none;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0003;flex-direction:column;padding:.4rem 0;min-width:130px}.tarjeta .lista ul li{margin:0}.tarjeta .lista ul li a{display:block;padding:.6rem 1rem;color:#222;font-weight:600;font-size:.88rem;transition:background .15s}.tarjeta .lista ul li a:hover{background-color:#f5f5f5;color:#c00}.tarjeta .lista ul hr{margin:0;height:1px;background-color:#eee;width:100%;border-radius:0}.tarjeta .lista ul button{width:100%;background:none;border:none;padding:.6rem 1rem;color:#c00;font-weight:600;font-size:.88rem;cursor:pointer;text-align:left;transition:background .15s}.tarjeta .lista ul button:hover{background-color:#fff0f0}.tarjeta .contenido{background-size:cover;background-position:center top;height:280px;width:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.tarjeta .contenido:after{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to top,rgba(0,0,0,.88),transparent);pointer-events:none}.tarjeta .contenido table{position:relative;z-index:2;width:100%;padding:.8rem 1rem;background-color:transparent}.tarjeta .contenido table th{color:#ffffffbf;font-size:.78rem;padding:.1rem .2rem;border-bottom:none;font-weight:500}.tarjeta .contenido table th:last-child{color:#fff;font-weight:700;text-align:right}.tarjeta .contenido table th[colspan="2"]{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:1px;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);display:block}.tarjeta .contenido strong{position:absolute;top:1rem;right:1rem;z-index:10;padding:.3rem .75rem;background-color:#c00;border-radius:20px;color:#fff;font-size:.85rem;font-weight:700}.tarjeta .btnsJugador{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:.85rem 1.2rem;background-color:#111;width:100%;margin-top:auto;min-height:54px}.btnsJugador>a:first-child{padding:.5rem 1.3rem;background-color:#c00;color:#fff;border-radius:20px;font-size:.85rem;font-weight:600;text-decoration:none;letter-spacing:.5px;transition:background .2s;margin-top:0}.btnsJugador>a:first-child:hover{background-color:#d00}.tarjeta .btnsJugador a:last-child{font-size:1.4rem;text-decoration:none}.pagination{height:3rem}.pagination .page-item.active .page-link{background-color:#c00;border-color:#c00;color:#fff}@media(max-width:992px){main>section{padding:1rem}.cab{flex-wrap:wrap;gap:1rem;width:100%}.filtros-cat{gap:.5rem}.tarjetas{grid-template-columns:1fr;width:100%}.tarjeta .contenido{height:280px}.tarjeta .contenido table th{font-size:1rem}}@media(max-width:480px){.tarjetas{grid-template-columns:1fr}}