.product-list-container h1{text-transform:uppercase}.listado-marcas{list-style:none;display:grid;grid-template-columns:repeat(8,1fr);gap:1.5rem;padding:0;margin:0}.listado-marcas li{margin:0}.brand-item{display:block;height:100%;background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:all 0.3s ease;text-decoration:none;box-shadow:0 2px 4px rgb(0 0 0 / .04)}.brand-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgb(0 0 0 / .12);border-color:#111}.brand-item figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;gap:.75rem}.brand-item img{width:100%;height:120px;object-fit:contain;transition:transform 0.3s ease}.brand-item:hover img{transform:scale(1.05)}.name-brand{display:block;font-size:.875rem;font-weight:600;color:#333;text-align:center;text-transform:capitalize;letter-spacing:.025em;padding-top:.5rem;border-top:1px solid #f0f0f0;width:100%;transition:color 0.2s}.brand-item:hover .name-brand{color:#111}.name-brand-image{display:flex;align-items:center;justify-content:center;width:100%;height:120px;font-size:1.125rem;font-weight:700;color:#111;text-align:center;text-transform:uppercase;letter-spacing:.05em;line-height:1.3;padding:1rem;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:4px}.brand-item:hover .name-brand-image{background:linear-gradient(135deg,#111 0%,#333 100%);color:#fff}.product-list-container{position:relative}@media (max-width:1400px){.listado-marcas{grid-template-columns:repeat(6,1fr);gap:1.25rem}}@media (max-width:1024px){.product-list-container{padding:2.5rem 1.5rem}.product-list-container h1{font-size:2rem;margin-bottom:2.5rem}.listado-marcas{grid-template-columns:repeat(4,1fr);gap:1rem}.brand-item img,.name-brand-image{height:100px}.brand-item figure{padding:1.25rem .875rem}.name-brand{font-size:.8125rem}.name-brand-image{font-size:1rem}}@media (max-width:768px){.product-list-container{padding:2rem 1rem}.product-list-container h1{font-size:1.75rem;margin-bottom:2rem}.listado-marcas{grid-template-columns:repeat(3,1fr);gap:.875rem}.brand-item{border-radius:6px}.brand-item figure{padding:1rem .75rem;gap:.5rem}.brand-item img,.name-brand-image{height:80px}.name-brand{font-size:.75rem;padding-top:.375rem}.name-brand-image{font-size:.875rem;padding:.75rem}.listado-marcas::before{top:-2.5rem;right:1rem;font-size:.6875rem}}@media (max-width:480px){.product-list-container h1{font-size:1.5rem;margin-bottom:1.5rem}.listado-marcas{gap:.75rem}.brand-item figure{padding:.875rem .5rem}.brand-item img,.name-brand-image{height:70px}.name-brand{font-size:.6875rem}.name-brand-image{font-size:.8125rem;padding:.5rem}}.listado-marcas li.letter-start::before{content:attr(data-letter);grid-column:1 / -1;display:block;font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111;margin:1.75rem 0 .5rem}.listado-marcas li.letter-start::after{content:'';grid-column:1 / -1;display:block;height:1px;background:linear-gradient(to right,#111 0%,#e5e5e5 100%);margin-bottom:1.25rem}.listado-marcas li.letter-separator{grid-column:1 / -1;list-style:none}.listado-marcas li.letter-separator .letter{display:block;font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#111;margin:1.75rem 0 .5rem;position:relative}.listado-marcas li.letter-separator .letter::after{content:'';display:block;height:1px;background:linear-gradient(to right,#111 0%,#e5e5e5 100%);margin-top:.5rem}@media (max-width:768px){.listado-marcas li.letter-start::before{font-size:1rem;margin-top:1.25rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.listado-marcas li{animation:fadeInUp 0.4s ease-out backwards}.listado-marcas li:nth-child(1){animation-delay:0.05s}.listado-marcas li:nth-child(2){animation-delay:0.1s}.listado-marcas li:nth-child(3){animation-delay:0.15s}.listado-marcas li:nth-child(4){animation-delay:0.2s}.listado-marcas li:nth-child(5){animation-delay:0.25s}.listado-marcas li:nth-child(6){animation-delay:0.3s}.listado-marcas li:nth-child(7){animation-delay:0.35s}.listado-marcas li:nth-child(8){animation-delay:0.4s}.listado-marcas:empty::after{content:'No hay marcas disponibles';display:block;text-align:center;padding:3rem;color:#999;font-size:1.125rem;font-weight:300;grid-column:1 / -1}.brand-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-reduced-motion:reduce){.brand-item,.brand-item img,.name-brand-image,.listado-marcas li{animation:none;transition:none}}