*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background-color:#f8f9fa;line-height:1.4}body.modal-open{overflow:hidden;height:100vh}.catalog-container{max-width:100%;margin:0 auto;padding:10px}.page-wrapper{position:relative;margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgb(0 0 0 / .08);overflow:hidden}.catalog-image{width:100%;height:auto;display:block}.hotspot-point,.hotspot-button{position:absolute!important;cursor:pointer;z-index:10;transform:translate(-50%,-50%);box-sizing:border-box!important}.hotspot-point{width:30px;height:30px;background:#DB4091;border:3px solid #fff;border-radius:50%;animation:pulse 2s infinite;box-shadow:0 2px 8px rgb(0 0 0 / .3);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;font-family:Arial,sans-serif;text-shadow:0 0 2px rgb(0 0 0 / .3)}.hotspot-button{background:#870936;color:#fff;padding:8px 12px;border-radius:0;font-size:12px;font-weight:700;border:none;box-shadow:0 2px 4px rgb(0 0 0 / .2);white-space:nowrap;min-width:120px;text-align:center}@keyframes pulse{0%{box-shadow:0 0 0 0 rgb(219 64 145 / .7)}70%{box-shadow:0 0 0 10px #fff0}100%{box-shadow:0 0 0 0 #fff0}}.hotspot-point:hover,.hotspot-button:hover{transform:translate(-50%,-50%)!important;position:absolute!important;box-shadow:0 4px 8px rgb(0 0 0 / .3)!important}.hotspot-point:active,.hotspot-button:active,.hotspot-point:focus,.hotspot-button:focus{transform:translate(-50%,-50%)!important;position:absolute!important}.hotspot-point:hover{box-shadow:0 4px 8px rgb(219 64 145 / .6)!important}.page-wrapper{position:relative!important;width:100%!important;margin-bottom:20px!important}.catalog-image{width:100%!important;height:auto!important;display:block!important;max-width:100%!important}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);backdrop-filter:blur(8px)}.modal-content{background-color:#fff;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;border-radius:15px;width:95%;max-width:500px;max-height:95vh;overflow:hidden}.modal-header{padding:0;display:flex;justify-content:flex-start;align-items:flex-start;border:none;position:relative;z-index:10}.modal-title{font-size:1.2rem;font-weight:600;color:#333}.close-btn{background:#fff;border:none;font-size:24px;cursor:pointer;color:#999;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;position:absolute;top:15px;left:15px;box-shadow:0 2px 8px rgb(0 0 0 / .15);z-index:20}.close-btn:hover{background:#f0f0f0;color:#666}.modal-body{padding:0;margin:0}.product-image{width:100%;max-width:none;height:auto;border-radius:15px 15px 0 0;margin:0;display:block}.product-info{padding:15px 20px 20px 20px}.product-info h3{color:#333;margin-bottom:10px}.product-price{font-size:1.5rem;font-weight:700;color:#f44;margin-bottom:10px}.product-description{color:#666;margin-bottom:15px}.quantity-controls button:hover{transform:scale(1.1)!important;box-shadow:0 4px 8px rgb(255 68 68 / .4)!important}.quantity-controls button:active{transform:scale(.95)!important}.add-to-cart-btn{background:#870936;color:#fff;border:none;padding:12px 25px;border-radius:25px;cursor:pointer;font-weight:600;width:100%;font-size:16px;box-shadow:0 4px 10px rgb(135 9 54 / .3);transition:background 0.3s ease,transform 0.2s ease}.add-to-cart-btn:hover{background:#6c072c;transform:scale(1.03)}@media (max-height:850px){.modal-content.needs-scroll{overflow-y:auto;overflow-x:hidden}.modal-content.needs-scroll::-webkit-scrollbar{width:2px}.modal-content.needs-scroll::-webkit-scrollbar-track{background:#fff0}.modal-content.needs-scroll::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .15);border-radius:10px}}.product-slider-container{position:relative;width:100%;aspect-ratio:1;background:#f8f9fa;border-radius:15px 15px 0 0;overflow:hidden;margin:0;padding:0}.product-slider{width:100%;height:100%;position:relative;touch-action:pan-y;cursor:grab;user-select:none;overflow:hidden}.product-slider:active{cursor:grabbing}.product-slider .product-image{width:100%;height:100%;object-fit:contain;display:block;background:#f8f9fa;transition:opacity 0.2s ease}.slider-dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:20;background:rgb(0 0 0 / .2);padding:8px 12px;border-radius:20px;backdrop-filter:blur(4px)}.slider-dot{width:8px;height:8px;border-radius:50%;border:none;background:rgb(255 255 255 / .6);cursor:pointer;padding:0;transition:all 0.3s ease;box-shadow:0 1px 2px rgb(0 0 0 / .1)}.slider-dot:hover{background:rgb(255 255 255 / .9);transform:scale(1.15)}.slider-dot.active{width:24px;background:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .2)}@keyframes fadeInSlider{from{opacity:.7}to{opacity:1}}.product-slider .product-image{animation:fadeInSlider 0.25s ease}@media (max-width:480px){.slider-dots{bottom:10px;gap:4px;padding:6px 10px}.slider-dot{width:6px;height:6px}.slider-dot.active{width:20px}}.cart-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;box-shadow:0 -2px 12px rgb(0 0 0 / .1);display:none;align-items:center;justify-content:space-between;z-index:100;font-family:sans-serif}.cart-footer.active{display:flex}.cart-footer-info{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#333;margin-left:8px}.cart-footer-info #cartFooterTotal{font-weight:700;font-size:20px;color:#000}.cart-footer-btn{background:#870936;color:#fff;border:none;padding:10px 80px;min-width:130px;border-radius:25px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 10px rgb(135 9 54 / .3);transition:background 0.3s ease,transform 0.2s ease}.cart-footer-btn:hover{background:#6c072c;transform:scale(1.03)}@media (min-width:768px){.catalog-container{max-width:800px;padding:20px}}.cart-modal-content{background-color:#f5f5f5;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;border-radius:20px;width:95%;max-width:420px;max-height:85vh;overflow:hidden;display:flex!important;flex-direction:column!important;height:auto!important;max-height:85vh!important}.cart-modal-header{background:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee}.cart-modal-title{font-size:1.4rem;font-weight:700;color:#333;margin:0}.cart-modal-body{background:#f5f5f5;padding:16px!important;flex:0 1 auto!important;overflow-y:auto!important;max-height:none!important;min-height:200px!important}.cart-modal-footer{background:#fff;padding:12px 16px!important;border-top:1px solid #eee;border-radius:0 0 20px 20px;flex-shrink:0!important;min-height:60px!important}.cart-item{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 1px 3px rgb(0 0 0 / .1);position:relative;min-height:90px}.cart-item-image{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f8f9fa;flex-shrink:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;transform:translateZ(0)}.cart-item-details{flex:1;display:flex;flex-direction:column;gap:4px;margin-right:100px;height:100%}.cart-item-name{font-weight:600;color:#333;font-size:14px;margin:0;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;max-width:180px}.cart-item-attributes{font-size:12px;color:#666;margin:0;margin-top:auto}.cart-item-price{font-weight:700;color:#333;font-size:16px;margin:0}.cart-item-actions{position:absolute;right:12px;bottom:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cart-item-remove{background:none;color:#ccc;border:none;width:20px;height:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:400;position:absolute;top:8px;right:8px;transition:color 0.2s ease;z-index:10}.cart-item-remove:hover{color:#f44}.cart-item-quantity{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:2px solid #f44;border-radius:20px;padding:2px;position:relative}.cart-quantity-btn{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#ff4444,#e53935);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.cart-quantity-display{font-weight:700;min-width:20px;text-align:center;color:#333;font-size:14px}.cart-modal-header .close-btn{background:none!important;border:none;font-size:24px;cursor:pointer;color:#666!important;width:30px!important;height:30px!important;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative!important;top:auto!important;left:auto!important;right:auto!important;box-shadow:none!important;z-index:auto!important}.cart-modal-header .close-btn:hover{background:#f8f9fa!important;color:#666!important}.cart-item-free{color:#28a745;font-weight:700;margin:4px 0}.cart-item-quantity-fixed{display:flex;align-items:center;justify-content:center;background:#f8f9fa;border:1px solid #ddd;border-radius:15px;padding:4px 12px}.cart-quantity-display-fixed{font-weight:700;color:#666;font-size:14px}#popupModal .modal-content{transform:translate(-50%,-50%)!important;left:50%!important;right:auto!important;margin:0!important;max-width:500px!important;width:90%!important;max-height:90vh!important;overflow:hidden!important;border-radius:20px!important;box-shadow:0 25px 80px rgb(0 0 0 / .15)!important;background:white!important;border:none!important;scrollbar-width:none;-ms-overflow-style:none}#popupModal .modal-content::-webkit-scrollbar{display:none}#popupModal .modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)!important;color:white!important;padding:25px 20px!important;text-align:center!important;border-bottom:none!important;position:relative;display:flex!important;justify-content:center!important;align-items:center!important;border-radius:20px 20px 0 0!important}#popupModal .modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgb(255 255 255 / .05) 50%,transparent 70%);animation:shimmerFixed 2s ease-in-out infinite}#popupModal .modal-header h2,#popupModal .modal-header #popupTitle{margin:0!important;font-size:28px!important;font-weight:700!important;text-shadow:0 2px 10px rgb(0 0 0 / .3)!important;letter-spacing:-0.5px!important;position:relative!important;z-index:1!important;color:white!important;text-align:center!important;width:100%!important}#popupModal .close-btn{display:none!important}#popupModal .modal-body{padding:0!important;background:white!important;border-radius:0 0 20px 20px!important;overflow:hidden!important}#popupModal .popup-info{text-align:center;padding:0;position:relative;background:white!important}#popupModal .popup-image{width:100%!important;height:400px!important;object-fit:cover!important;object-position:center!important;border-radius:0!important;display:block!important;border:none!important;margin:0!important;padding:0!important}#popupModal .popup-info::before{content:'';position:absolute;top:0;left:0;right:0;height:400px;background:linear-gradient(180deg,transparent 60%,rgb(0 0 0 / .02) 100%);pointer-events:none;z-index:1}#popupModal .popup-details{padding:30px 25px 25px!important;background:white!important;position:relative;border-radius:0 0 20px 20px!important}#popupModal .popup-details::before{content:'🔥 OFERTA ESPECIAL';position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#ff9f43,#ff6b6b,#ff4757);color:#fff;padding:8px 20px;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;box-shadow:0 4px 15px rgb(255 107 107 / .4);animation:pulseFixed 2s infinite;z-index:2}#popupModal .popup-price{font-size:32px!important;font-weight:800!important;background:linear-gradient(135deg,#00c853,#00e676,#69f0ae)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:20px 0 10px!important;text-shadow:0 2px 6px rgb(0 200 83 / .3)!important;position:relative}#popupModal .popup-price::before{content:'💰 Precio Especial:';position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:600;background:linear-gradient(135deg,#43cea2,#185a9d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0}#popupModal .popup-free{font-size:36px!important;font-weight:900!important;background:linear-gradient(135deg,#00e676,#00c853,#0fc51b)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;margin:20px 0 10px!important;text-shadow:0 4px 10px rgb(18 241 104 / .4)!important;position:relative;animation:glowFixed 2s ease-in-out infinite alternate}#popupModal .popup-description{color:#4a5568!important;margin-bottom:25px!important;line-height:1.6!important;font-size:16px!important;max-width:90%!important;margin-left:auto!important;margin-right:auto!important;font-weight:400!important;background:rgb(248 249 250 / .7)!important;padding:15px!important;border-radius:12px!important;border:1px solid rgb(0 0 0 / .05)!important;display:none!important}#popupModal .popup-actions{display:flex!important;gap:15px!important;justify-content:center!important;margin-top:25px!important}#popupModal .popup-add-btn{background:linear-gradient(135deg,#00e676,#00c853,#009624)!important;color:white!important;border:none!important;padding:16px 32px!important;border-radius:30px!important;font-weight:700!important;font-size:16px!important;cursor:pointer!important;transition:all 0.4s cubic-bezier(.4,0,.2,1)!important;flex:1!important;max-width:200px!important;position:relative!important;overflow:hidden!important;text-transform:uppercase!important;letter-spacing:0.5px!important;box-shadow:0 8px 20px rgb(0 200 83 / .4)!important}#popupModal .popup-add-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left 0.5s}#popupModal .popup-add-btn:hover::before{left:100%}#popupModal .popup-add-btn:hover{transform:translateY(-3px) scale(1.03)!important;background:linear-gradient(135deg,#69f0ae,#00e676,#00c853)!important;box-shadow:0 12px 30px rgb(0 200 83 / .6)!important}#popupModal .popup-close-btn{background:linear-gradient(135deg,#ff6b6b,#ff4757,#e84118)!important;color:white!important;border:none!important;padding:16px 32px!important;border-radius:30px!important;cursor:pointer!important;transition:all 0.4s cubic-bezier(.4,0,.2,1)!important;flex:0 0 auto!important;width:180px!important;max-width:180px!important;font-weight:600!important;font-size:16px!important;position:relative!important;overflow:hidden!important;box-shadow:0 8px 20px rgb(255 71 87 / .4)!important}#popupModal .popup-close-btn:hover{background:linear-gradient(135deg,#ff7f7f,#ff6b6b,#ff4757)!important;transform:translateY(-2px) scale(1.03)!important;box-shadow:0 12px 28px rgb(255 71 87 / .6)!important}@keyframes shimmerFixed{0%,100%{transform:translateX(-100%)}50%{transform:translateX(100%)}}@keyframes pulseFixed{0%,100%{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}@keyframes glowFixed{from{text-shadow:0 4px 8px rgb(40 167 69 / .3)}to{text-shadow:0 4px 20px rgb(40 167 69 / .6),0 0 30px rgb(40 167 69 / .3)}}@keyframes bounceFixed{0%,20%,50%,80%,100%{transform:translateY(-50%)}40%{transform:translateY(-60%)}60%{transform:translateY(-55%)}}@media (max-width:767px){#popupModal{padding:10px!important}#popupModal .modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:0!important;right:auto!important;max-height:95vh!important;border-radius:15px!important}#popupModal .modal-header{padding:20px 15px!important;text-align:center!important;justify-content:center!important;border-radius:15px 15px 0 0!important}#popupModal .modal-header h2,#popupModal .modal-header #popupTitle{font-size:22px!important;padding:0!important;text-align:center!important;margin:0 auto!important;width:100%!important}#popupModal .popup-image{height:280px!important;width:100%!important;object-fit:cover!important;object-position:center!important}#popupModal .popup-info::before{height:280px!important}#popupModal .popup-details{padding:25px 20px 20px!important;border-radius:0 0 15px 15px!important}#popupModal .popup-details::before{font-size:11px!important;padding:6px 16px!important;top:-12px!important}#popupModal .popup-price{font-size:28px!important}#popupModal .popup-free{font-size:30px!important}#popupModal .popup-free::before{left:-35px!important;font-size:20px!important}#popupModal .popup-description{font-size:15px!important;padding:12px!important;margin-bottom:20px!important;max-width:95%!important;display:none!important}#popupModal .popup-actions{flex-direction:column!important;gap:12px!important;margin-top:20px!important}#popupModal .popup-add-btn,#popupModal .popup-close-btn{max-width:280px!important;width:90%!important;margin:0 auto!important;padding:14px 24px!important;font-size:15px!important;border-radius:25px!important}}@media (min-width:768px) and (max-width:1024px){#popupModal .modal-content{max-width:600px!important;width:85%!important}#popupModal .popup-image{height:450px!important}#popupModal .popup-info::before{height:450px!important}}@media (min-width:1200px){#popupModal .modal-content{max-width:550px!important}#popupModal .popup-image{height:420px!important}#popupModal .popup-info::before{height:420px!important}}.discount-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;display:flex;gap:8px}.discount-input{flex:1;max-width:calc(100% - 108px);border:1px solid #ddd;border-radius:8px;padding:12px;font-size:14px;outline:none}.discount-input:focus{border-color:#f44}.discount-btn{flex-shrink:0;min-width:100px;background:#f44;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap}.discount-btn:hover{background:#e53935}.cart-summary{background:#fff;border-radius:12px;padding:20px;margin-bottom:2px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.summary-row:last-child{margin-bottom:0;padding-top:12px;border-top:1px solid #eee;font-weight:700;font-size:16px}.summary-label{color:#666}.summary-value{font-weight:600;color:#333}.summary-total{color:#ff4444!important;font-size:18px!important}.checkout-button{background:linear-gradient(135deg,#25d366,#20b358);color:#fff;border:none;border-radius:15px;padding:16px;width:100%;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 4px 12px rgb(37 211 102 / .3);margin-bottom:0}.checkout-button:hover{background:linear-gradient(135deg,#20b358,#1da851);transform:translateY(-1px)}.checkout-button:active{transform:translateY(0)}.empty-cart{text-align:center;padding:40px 20px;color:#666}.empty-cart-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-cart-text{font-size:16px;margin-bottom:8px}.empty-cart-subtext{font-size:14px;color:#999}.delivery-selection{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px}.delivery-title{font-weight:600;margin-bottom:12px;color:#333;font-size:14px}.delivery-options{display:flex;gap:12px}.delivery-option{flex:1;display:flex;align-items:center;gap:8px;padding:12px;border:2px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all 0.2s ease}.delivery-option.selected{border-color:#f44;background:#fff5f5}.delivery-radio{width:16px;height:16px;border-radius:50%;border:2px solid #ddd;position:relative;flex-shrink:0}.delivery-option.selected .delivery-radio{border-color:#f44}.delivery-option.selected .delivery-radio::after{content:'';position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:#f44}.delivery-info{display:flex;flex-direction:column;gap:2px}.delivery-location{font-weight:600;color:#333;font-size:14px}.delivery-price{font-weight:600;color:#f44;font-size:14px}