.navbar{width:100%;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;box-shadow:0 4px 6px #0000001a;padding:10px 0;margin-bottom:20px}.navbar .navbar-brand{font-weight:700;font-size:1.25rem;color:#333}.navbar .navbar-brand:hover{color:#007bff}.navbar .nav-link{font-size:1rem;color:#555;transition:color .3s ease}.navbar .nav-link:hover{color:#007bff}.navbar .badge{margin-left:10px}.container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px}.tarjeta{display:flex;flex-direction:column;align-items:center;border:1px solid #e0e0e0;border-radius:8px;padding:20px;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.tarjeta:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.tarjeta-imagen{width:100%;max-width:150px;height:auto;object-fit:cover;border-radius:8px;margin-bottom:15px}.tarjeta-contenido{text-align:center}.tarjeta-titulo{margin:10px 0;font-size:1.2rem;font-weight:700;color:#333}.tarjeta-descripcion{margin:10px 0;font-size:.9rem;color:#666}.tarjeta-precio{font-size:1.1rem;font-weight:700;color:#4caf50;margin:10px 0}.boton-agregar{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.boton-agregar:hover{background-color:#45a049;transform:scale(1.05)}.boton-quitar{background-color:#e53935;color:#fff;border:none;padding:10px 15px;border-radius:5px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,transform .2s ease;margin-top:10px}.boton-quitar:hover{background-color:#d32f2f;transform:scale(1.05)}h1{text-align:center;padding-bottom:15px}.purchase-container{max-width:1170px;margin:0 auto;padding:20px}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.table{border-collapse:separate;border-spacing:0;border:1px solid #dee2e6}.table th,.table td{vertical-align:middle;border:1px solid #dee2e6}.table-hover tbody tr:hover{background-color:#f8f9fa}.table thead th{background-color:#e9ecef;font-weight:700;text-transform:uppercase;color:#495057}.table tfoot td{font-size:18px;font-weight:700}.btn-group .btn{padding:6px 16px;font-size:14px}.btn-group span{min-width:40px;text-align:center;font-weight:700}.btn-primary.w-100{font-size:18px;font-weight:700;border-radius:8px;margin-top:20px}.table+.mt-4{margin-top:30px}