@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Jost:wght@300;400;500&display=swap";:root{--wine-deep: #1a0a0f;--wine-red: #6b1a2a;--wine-burgundy: #8b2635;--wine-rose: #c4687a;--wine-gold: #c9a84c;--wine-cream: #f5ede0;--wine-parchment: #ede0cc;--text-dark: #1a0a0f;--text-mid: #5c3345;--text-light: #9a7080}.caja-wrapper{font-family:Jost,sans-serif;background:var(--wine-cream);padding:0}.caja-header{text-align:center;padding:60px 20px 40px;border-bottom:1px solid var(--wine-parchment)}.caja-header .eyebrow{font-weight:300;letter-spacing:.3em;text-transform:uppercase;font-size:11px;color:var(--wine-gold);margin-bottom:12px}.caja-header h1{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,48px);color:var(--wine-deep);margin:0 0 12px;line-height:1.1}.caja-header p{color:var(--text-mid);font-weight:300;font-size:15px;margin:0 auto;line-height:1.6}.caja-body{display:grid;grid-template-columns:280px 1fr;min-height:calc(100vh - 200px)}@media(max-width:900px){.caja-body{grid-template-columns:1fr}}.caja-left{background:transparent;border-right:1px solid var(--wine-parchment);padding:40px 28px;position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;gap:32px}@media(max-width:900px){.caja-left{position:static;height:auto;border-right:none;border-bottom:1px solid var(--wine-parchment)}}.left-section-title{font-family:Playfair Display,serif;font-style:italic;font-size:13px;color:var(--wine-gold);letter-spacing:.1em;margin-bottom:16px;display:block}.size-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.size-btn{background:#fff9;border:1px solid var(--wine-parchment);color:var(--text-mid);font-family:Jost,sans-serif;padding:16px 10px;cursor:pointer;transition:all .25s ease;text-align:center}.size-btn .size-number{display:block;font-family:Playfair Display,serif;font-size:26px;color:var(--wine-burgundy);line-height:1;margin-bottom:4px;transition:color .25s}.size-btn .size-label{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light)}.size-btn:hover{border-color:var(--wine-gold);color:var(--text-dark)}.size-btn:hover .size-number{color:var(--wine-gold)}.size-btn.active{background:var(--wine-red);border-color:var(--wine-red);color:#fff}.size-btn.active .size-number{color:var(--wine-gold)}.size-btn.active .size-label{color:#ffffffb3}.progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-light);margin-bottom:10px;letter-spacing:.05em}.progress-label .progress-count{color:var(--wine-gold);font-weight:500}.progress-track{height:2px;background:var(--wine-parchment);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--wine-burgundy),var(--wine-gold));border-radius:2px;transition:width .4s ease;width:0%}.caja-cta{margin-top:auto}.total-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-light);margin-bottom:6px}.total-amount{font-family:Playfair Display,serif;font-size:32px;color:var(--wine-deep);margin-bottom:20px;line-height:1}.btn-cart{width:100%;background:var(--wine-gold);color:var(--wine-deep);border:none;font-family:Jost,sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;font-weight:500;padding:16px;cursor:pointer;transition:all .3s ease}.btn-cart:hover:not(:disabled){background:var(--wine-red);color:#fff}.btn-cart:disabled{background:var(--wine-parchment);color:var(--text-light);cursor:not-allowed}.cart-msg{font-size:12px;color:var(--text-light);margin-top:10px;text-align:center;min-height:18px}.cart-msg.success{color:#2d6a4f}.cart-msg.error{color:var(--wine-burgundy)}.caja-right{padding:40px;overflow-y:auto}@media(max-width:600px){.caja-right{padding:20px}}.slots-grid{display:grid;gap:20px}.slots-grid.cols-3{grid-template-columns:repeat(3,1fr)}.slots-grid.cols-4{grid-template-columns:repeat(4,1fr)}.slots-grid.cols-6{grid-template-columns:repeat(3,1fr)}.slots-grid.cols-12{grid-template-columns:repeat(4,1fr)}@media(max-width:800px){.slots-grid{grid-template-columns:repeat(2,1fr)!important}}.slot-card{background:transparent;border:1.5px dashed rgba(201,168,76,.3);position:relative;transition:all .3s ease;display:flex;flex-direction:column}.slot-num{position:absolute;top:8px;left:10px;font-family:Playfair Display,serif;font-style:italic;font-size:11px;color:var(--text-light);z-index:2}.slot-remove{position:absolute;top:6px;right:6px;background:#ffffffe6;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:2;color:var(--text-mid);transition:all .2s;padding:0}.slot-card.filled .slot-remove{display:flex}.slot-remove:hover{background:var(--wine-burgundy);color:#fff}.slot-img-wrap{width:100%;aspect-ratio:2/3;overflow:hidden;background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.slot-img-wrap img{width:100%;height:100%;object-fit:contain;object-position:center bottom;padding:8px 12px 0;transition:transform .4s ease;mix-blend-mode:normal}.slot-card.filled .slot-img-wrap img{transform:scale(1.04)}.slot-empty-icon{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-light);opacity:.35}.slot-empty-icon span{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.slot-info{padding:10px 10px 6px;display:flex;flex-direction:column;gap:4px}.slot-name{font-size:11px;font-weight:500;color:var(--wine-deep);line-height:1.3;min-height:28px}.slot-price{font-size:11px;color:var(--wine-rose)}.slot-select{width:100%;border:1px solid var(--wine-parchment);border-top:none;background:#fff;font-family:Jost,sans-serif;font-size:12px;color:var(--text-dark);padding:9px 28px 9px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b2635' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-color:#fff;transition:border-color .2s}.slot-select:focus{outline:none;border-color:var(--wine-gold)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/arma-tu-caja.css.map */