.App{width:70%;display:flex;flex-direction:column;margin:auto}a{text-decoration:none}button{border:none}.flex-productos{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;padding:2rem 0;max-width:1200px;margin:0 auto}@media (max-width: 768px){.flex-productos{gap:1.5rem;padding:1.5rem 1rem}}.card-container{padding:35px;width:380px;border-radius:10px;margin:20px}.card-header{font-size:25px;padding:20px 0;margin-top:20px}.card-header h2{margin-top:15px}.card-text{font-size:20px;margin:0}.descuento-precio{text-decoration:line-through;color:#dd4e4e;font-size:15px}.texto-pequeño{font-size:16px}.agregar-carrito{display:block;background-color:#8cdfd6;border:1px solid #8CDFD6;color:#fff;font-size:17px;font-weight:700;text-align:center;margin-top:10px;border-radius:7px;padding:15px;width:100%}.agregar-carrito:hover{background-color:#49ecd9;border:1px solid #49ecd9}.camiseta-producto{width:100%;padding:15px}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:300px;margin:0}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.product-image{position:relative;width:100%;height:300px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.product-card:hover .product-image img{transform:scale(1.05)}.view-details-btn{background:#4299e1;color:#fff;padding:.75rem 1.5rem;border-radius:4px;text-decoration:none;font-weight:600;transition:background-color .2s}.view-details-btn:hover{background:#3182ce}.product-info{padding:1.5rem}.product-name{margin:0 0 1rem;color:#2d3748;font-size:1.25rem;font-weight:600}.product-price{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.current-price{color:#2d3748;font-size:1.25rem;font-weight:700}.original-price{color:#a0aec0;text-decoration:line-through;font-size:1rem}.product-stock{display:flex;align-items:center;gap:.5rem;color:#4a5568;font-size:.9rem}.stock-label{color:#718096}.stock-value{font-weight:600;color:#2d3748}@media (max-width: 768px){.product-card{max-width:100%;margin:0}.product-image{height:250px}}.boton-filtro{padding:15px;background-color:#2a47a5af;border-radius:15px;font-weight:700;color:#fff;border:none;margin:0 15px}.boton-filtro:active{background-color:#8098e7af}.boton-contenedor{display:flex;margin:auto;gap:15px}.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#333;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.ItemDetailContainer{background-color:#f6fcfa}.centrar-imagen,.detail-container{margin:auto}.item-count{color:#00dbc2ce;background-color:#fff;border:1px solid #FFFFFF;padding:0 20px;font-weight:700;font-size:35px}.number-count{background-color:#e6e6e6ce;padding:10px 85px;font-weight:700;font-size:21px}.count-container{margin-top:5px}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;padding:1rem 0}.navbar-brand-container{display:flex;align-items:center;gap:.5rem}.navbar-brand{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:#2d3748;text-decoration:none}.navbar-brand span{color:#2d3748}.navbar-nav{margin-left:auto;margin-right:2rem}.nav-item{margin:0 .5rem}.nav-link{color:#4a5568;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;transition:all .3s ease}.nav-link:hover{color:#2d3748;background-color:#f7fafc}.nav-link.active{color:#2d3748;background-color:#f7fafc;font-weight:600}.navbar-icons{display:flex;align-items:center;gap:1rem}.logo-futbol{width:24px;height:24px}.icono-cart,.logo-user{width:24px;height:24px;transition:transform .3s ease}.icono-cart:hover,.logo-user:hover{transform:scale(1.1);cursor:pointer}.navbar-toggler{border:none;padding:.5rem}.navbar-toggler:focus{box-shadow:none}.collapse:not(.show){display:block}.error-404{font-size:45px;margin:auto;padding-bottom:150px}.prop-link{margin:0 15px 10px}.bg-body-tertiary{background-color:#fff}@media (max-width: 991px){.navbar-nav{margin:1rem 0}.navbar-icons{margin-top:1rem;justify-content:center}.nav-item{margin:.5rem 0;text-align:center}}.footer-text{color:#818181;text-align:center;padding-top:150px}.prop-slogan{background-color:#5a716a;color:#8cdfd6;padding:30px 30px 30px 0;margin:25px 0 35px;text-align:center}.banner{background:linear-gradient(135deg,#2d3748,#4a5568);color:#fff;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;margin-bottom:3rem}.banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>') repeat;opacity:.1;z-index:1}.banner-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.banner-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.banner-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:0}@media (max-width: 768px){.banner{padding:3rem 1rem}.banner-title{font-size:2rem}.banner-subtitle{font-size:1.1rem}}.contenedor-form{background-color:#dfffff;text-align:center;width:60%;margin:55px auto;padding:30px;border-radius:35px}@media (max-width: 850px){.contenedor-form{width:90%}}.tabla-responsive{width:80%;margin:auto}.prop-tipo{font-weight:700}.form-contact{width:80%;padding:6px;margin:10px auto;text-align:center}.button-limpiar{background-color:#fff;border-color:#fff;margin:auto}.button-limpiar:hover{background-color:#e0e0e0}.button-finalizar{background-color:#0957ff;border-radius:7px;font-weight:700;color:#fff}.button-finalizar:hover{background-color:#2b6cf9}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.subtitulo-form{padding-bottom:30px;font-weight:700}.flex-formu{display:flex;flex-direction:column;text-align:center;margin:auto;width:100%;font-weight:500}.detalle-boton{width:200px;margin:25px auto}.cart-container{max-width:1200px;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:1fr 350px;gap:2rem}.cart-items{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.cart-items h2{margin-bottom:1.5rem;color:#2d3748;font-size:1.5rem}.cart-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #e2e8f0}.item-image{width:100px;height:100px;border-radius:4px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1}.item-details h3{margin:0 0 .5rem;color:#2d3748;font-size:1.1rem}.price{color:#4a5568;font-weight:600;margin-bottom:.5rem}.quantity-controls{display:flex;align-items:center;gap:1rem}.remove-btn{background:none;border:none;color:#e53e3e;cursor:pointer;font-size:.9rem;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s}.remove-btn:hover{background-color:#fff5f5}.cart-actions{display:flex;gap:1rem;margin-top:1.5rem}.checkout-section{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a;height:fit-content}.checkout-section h3{color:#2d3748;margin-bottom:1.5rem;font-size:1.25rem}.order-summary{border-bottom:1px solid #e2e8f0;padding-bottom:1rem;margin-bottom:1.5rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem;color:#4a5568}.summary-row.total{font-weight:600;color:#2d3748;font-size:1.1rem;margin-top:.5rem}.checkout-form{margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:4px;font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#4299e1}.btn-primary{background-color:#4299e1;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;text-decoration:none;display:inline-block;text-align:center}.btn-primary:hover{background-color:#3182ce}.btn-secondary{background-color:#e2e8f0;color:#4a5568;padding:.75rem 1.5rem;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background-color:#cbd5e0}.checkout-btn{width:100%;margin-top:1rem}.empty-cart{text-align:center;padding:3rem 1rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;margin:2rem auto}.empty-cart h2{color:#2d3748;margin-bottom:1rem}.empty-cart p{color:#4a5568;margin-bottom:2rem}@media (max-width: 768px){.cart-container{grid-template-columns:1fr}.cart-item{flex-direction:column}.item-image{width:100%;height:200px}.cart-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}