:root{--primary-mustard: #E1B000;--primary-mustard-hover: #ffd700;--secondary-black: #1A1A1A;--bg-black:#2A2C31;--bg-white: #FFFFFF;--bg-gray: #F5F5F5;--text-main: #333333;--text-light: #666666;--accent-green: #22c55e;--accent-purple: #9c27b0;--radius-std: 8px;--radius-pill: 50px;--icon-caja: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5.46,7.85L12,11.55L18.54,7.85L12,4.15M4.5,9.13V15.65L11.25,19.45V12.93L4.5,9.13M19.5,9.13L12.75,12.93V19.45L19.5,15.65V9.13Z'/%3E%3C/svg%3E");--icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke='black' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='3 6 5 6 21 6'%3E%3C/polyline%3E%3Cpath d='M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'%3E%3C/path%3E%3Cline x1='10' y1='11' x2='10' y2='17'%3E%3C/line%3E%3Cline x1='14' y1='11' x2='14' y2='17'%3E%3C/line%3E%3C/svg%3E");--icon-whatsapp: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='black' d='M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z'/%3E%3C/svg%3E")}.icon-whatsapp{display:inline-block;width:20px;height:20px;background-color:var(--text-light);-webkit-mask:var(--icon-whatsapp) no-repeat center / contain;mask:var(--icon-whatsapp) no-repeat center / contain}html{font-size:16px}@media (max-width: 768px){html{font-size:18px}}body{background-color:var(--bg-gray);color:var(--text-main);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-container{display:flex;align-items:center;gap:.5rem;line-height:1}.price-final{color:var(--secondary-black);font-weight:700;font-size:1.2rem}.price-old{text-decoration:line-through;color:#999;font-size:.85rem}.badge{font-size:.7rem;color:#fff;text-transform:uppercase;font-weight:700;font-size:.75rem;padding:.25rem .5rem;border-radius:10px}.badge-promo{background:var(--primary-mustard);color:#000}.badge-new{background:var(--accent-purple)}.btn-primary{background-color:var(--primary-mustard);color:#000;border:none;font-weight:700;cursor:pointer;transition:transform .1s,background-color .2s;display:flex;align-items:center;justify-content:center}.btn-primary:hover{background-color:var(--primary-mustard-hover)}.btn-primary:active{transform:scale(.96)}.qty-selector{display:flex;align-items:center;justify-content:space-between;background-color:transparent;border:1px solid #e0e0e0;overflow:hidden;padding:2px;touch-action:manipulation;user-select:none;-webkit-user-select:none}.qty-selector button{background:transparent;border:none;color:var(--primary-mustard);background:#f9f9f9;font-weight:700;font-size:1.2rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.qty-selector span{color:#333;font-weight:700;min-width:20px;text-align:center}.chip{padding:8px 16px;border-radius:var(--radius-std);border:1px solid #ddd;background:#fff;white-space:nowrap;font-weight:600;text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.chip.active{background:var(--secondary-black);color:var(--bg-white);border-color:var(--secondary-black)}.flavor,.sabor{text-transform:uppercase;color:#666;font-weight:500;font-size:.85rem;letter-spacing:.5px}.switch{position:relative;display:inline-block;width:44px;height:24px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:var(--accent-green)}input:checked+.slider:before{transform:translate(20px)}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}input[type=text],input[type=search]{appearance:none;-webkit-appearance:none;box-shadow:none}body{padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.box-badge{font-size:var(--box-badge-size, .75rem);padding:var(--box-badge-pad, 4px 8px);position:absolute;top:8px;left:var(--box-badge-left, 8px);background-color:var(--secondary-black);color:var(--primary-mustard);font-weight:800;border-radius:20px;display:flex;align-items:center;gap:var(--box-badge-gap, 4px );box-shadow:0 4px 10px #0000004d;z-index:10}.box-badge:before{content:"";display:inline-block;width:var(--box-badge-before-with, 14px );height:var(--box-badge-before-height, 14px );background-color:currentColor;-webkit-mask:var(--icon-caja) no-repeat center / contain;mask:var(--icon-caja) no-repeat center / contain}.img-out-of-stock{opacity:.5;filter:grayscale(100%)}.text-out-of-stock{color:#ef4444;font-weight:800;font-size:.85rem;text-transform:uppercase;text-align:center}button:disabled{background-color:#e0e0e0!important;color:#999!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.flex-center{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){input,select,textarea,.qty-selector button,.qty-selector span,.qty-mini button,.qty-mini span,[class*=qty] button,[class*=qty] span{font-size:16px!important;touch-action:manipulation;-webkit-text-size-adjust:100%}}