@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";.products-list{display:flex;flex-wrap:wrap;justify-content:center;padding:2rem 0;gap:12px}.product-card{width:330px;box-shadow:0 4px 8px #00000040;padding:0}.product-img{width:100%;height:300px;object-fit:contain}.product-header{font-weight:700;display:flex;justify-content:space-between;margin-bottom:8px}.product-info{padding:1rem .5rem;width:100%}.product-button{margin-top:12px;outline:none;border:none}.product-button:hover{transform:scale(1.025);background:var(--secondary);color:#fff}.product-card .btn{margin-top:16px}.checkout-section{background:var(--primary);color:#fff;min-height:90vh;max-width:800px;margin:0 auto;padding-top:1rem}.checkout-section h3{text-align:center;text-transform:uppercase}.checkout-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 1rem;max-width:800px;margin:0 auto}.checkout-products{min-width:330px;max-width:600px;min-height:300px;margin:0 auto 32px;border:2px solid var(--secondary);padding:1rem}.checkout-products-title{display:flex;justify-content:space-between;margin-bottom:24px;font-weight:700}.checkout-product{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;border-bottom:1px solid var(--secondary)}.checkout-name{font-weight:700}.checkout-price{padding:1rem;min-width:330px;color:var(--secondary);border-left:2px solid}.checkout-icons{display:flex;align-items:center;gap:8px}.checkout-icons svg:hover{cursor:pointer;transform:scale(1.1);color:var(--danger);transition:.1s}.checkout-message{display:grid;place-items:center;width:100%;height:40vh}.card-container{min-height:200px;width:330px;background:var(--secondary);margin:0 auto;border-radius:10px;position:relative}.chip{position:absolute;left:10%;top:20%;width:55px;height:40px;border-radius:8px;background:#DADADA}.number{position:absolute;top:45%;left:10%;font-size:1.5rem}.card-logo{position:absolute;right:2%;top:7%;height:50px;width:100px}.card-logo .circle{position:absolute;height:40px;width:40px;border-radius:50%;background:#fff;top:50%;transform:translateY(-50%)}.card-logo .circle.left{z-index:9;left:14%;background:#FF0200}.card-logo .circle.right{z-index:8;right:14%;background:#FFAD00}.card-logo p{position:absolute;font-size:.7rem;font-weight:700;color:#fff;z-index:10;left:50%;top:calc(50% - 2px);transform:translate(-50%,-50%)}.information-form{display:flex;flex-direction:column;padding:2rem 1rem;max-width:600px;gap:16px;margin:0 auto}.information-form input{height:3rem;outline:none;border:none;border-radius:0;padding:0 .5rem;border-bottom:2px solid var(--primary)}.information-form input:focus{border-bottom:4px solid var(--secondary)}.information-form .btn{margin-top:2rem}.header{background:#23385A;color:#fff;width:100%;height:4rem;display:flex;align-items:center;padding:0 1rem;position:sticky;top:0;left:0;z-index:100}.header .navbar{width:100%;height:100%;display:flex;font-weight:700;align-items:center;justify-content:space-between;color:var(--secondary)}.header .navbar .logo{font-size:1.3rem;font-weight:700}.header .navbar svg{width:30px;height:30px}.header .navbar svg:hover{width:30px;height:30px;transform:scale(1.4);cursor:pointer}.header .navbar .cart{position:relative}.header .navbar .cart .items-count{position:absolute;top:-4px;right:-8px;background:rgb(254,48,48);color:#fff;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;z-index:1000}.footer{background:var(--primary);color:#fff;min-height:5rem;display:grid;place-items:center;padding:1rem 0}.footer .container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}:root{font-family:Roboto,sans-serif;font-size:16px;line-height:24px;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--primary: #23385A;--secondary: #97C93D;--danger: rgb(220, 40, 67)}*{margin:0;padding:0;box-sizing:border-box;transition:.4s}a{text-decoration:none;color:var(--secondary)}.container{max-width:1200px;margin:0 auto}main{min-height:90vh}.btn{border:none;outline:none;padding:1rem .5rem;min-width:96px;width:100%;cursor:pointer;font-weight:700}.btn:hover{transform:scale(1.025)}.btn-primary{background:var(--primary);color:var(--secondary)}.btn-primary:hover,.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-light-hover:hover{background:white;color:var(--secondary)}.text-danger{color:var(--danger)}