:root{--brand-primary: var(--brandPrimary);--brand-secondary: var(--brandSecondary);--text-main: #333;--bg-light: #f9f9f9}*{box-sizing:border-box;margin:0;padding:0}.card-emoji,.cat-emoji,.card-emoji-wrap span,[class*=emoji],.categoria-card div:first-child{font-family:"Apple Color Emoji","Noto Color Emoji","Segoe UI Emoji",Twemoji Mozilla,sans-serif;font-style:normal}body{font-family:Inter,sans-serif;line-height:1.6;color:var(--text-main);background-color:var(--bg-light);min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.main-header{padding:1rem 0;color:#fff;box-shadow:0 2px 10px #0000001a}nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none}.nav-links a{color:#fff;text-decoration:none;margin-left:1.5rem;font-weight:600}main{flex:1;padding:2rem 0}.main-footer{background:#333;color:#fff;padding:2rem 0;text-align:center;margin-top:auto}.cart-page{padding:2rem 1rem 4rem;max-width:1100px;margin:0 auto}.page-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:2rem}.page-title span{color:var(--brand-primary)}.empty-state{text-align:center;padding:4rem 1rem}.empty-icon{font-size:4rem;margin-bottom:1rem}.empty-state p{font-size:1.2rem;color:#6b7280;margin-bottom:1.5rem}.cart-layout{display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:start}.col-title{font-size:1rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.cart-item{background:#fff;border-radius:14px;padding:1rem 1.2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 1px 5px #0000000f;margin-bottom:.65rem}.item-info{flex:1;min-width:0}.item-name{font-size:.95rem;font-weight:700;color:#1f2937}.item-unit-price{font-size:.8rem;color:#9ca3af;margin-top:3px}.item-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item-subtotal{font-size:1rem;font-weight:800;color:var(--brand-primary)}.qty-ctrl{display:flex;align-items:center;background:#f3f4f6;border-radius:999px;overflow:hidden;height:36px}.qty-ctrl button{width:36px;height:36px;border:none;background:none;font-size:1rem;font-weight:700;cursor:pointer;color:var(--brand-primary);touch-action:manipulation}.qty-ctrl span{font-weight:800;min-width:24px;text-align:center;font-size:.9rem}.summary-box{background:#fff;border-radius:20px;box-shadow:0 2px 16px #00000014;overflow:hidden;position:sticky;top:20px}.summary-header{background:var(--brand-primary);color:#fff;padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:700}.total-amount{font-size:1.5rem;font-weight:900}#pay-form{padding:1.5rem;display:flex;flex-direction:column;gap:.9rem}.form-section-label{font-size:.75rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.25rem;border-bottom:1px solid #f1f5f9}.field-group{display:flex;flex-direction:column;gap:4px}.field-group label{font-size:.8rem;font-weight:600;color:#374151}.optional{font-weight:400;color:#9ca3af}.field-group input,.field-group textarea{padding:10px 14px;border-radius:10px;border:1.5px solid #e5e7eb;font-size:.9rem;outline:none;font-family:inherit;transition:border-color .18s;-webkit-appearance:none}.field-group input:focus,.field-group textarea:focus{border-color:var(--brand-primary)}.field-group textarea{resize:vertical}.btn-submit{background:var(--brand-primary);color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;margin-top:.5rem;transition:opacity .18s;touch-action:manipulation}.btn-submit:hover:not(:disabled){opacity:.88}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.form-hint{font-size:.75rem;color:#9ca3af;text-align:center;margin-top:.25rem}.btn-primary{background:var(--brand-primary);color:#fff;border:none;padding:.85rem 2rem;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none}.btn-secondary{background:#f3f4f6;color:#374151;border:none;padding:.85rem 2rem;border-radius:999px;font-weight:700;font-size:.95rem;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-box{background:#fff;border-radius:20px;padding:2.5rem 2rem;text-align:center;max-width:380px;width:100%;box-shadow:0 20px 60px #0003}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-box h2{font-size:1.4rem;font-weight:800;color:#1f2937;margin-bottom:.75rem}.modal-box p{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.modal-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.cart-layout{grid-template-columns:1fr}.summary-box{position:static}}