.productos-section{background:var(--bg-white);padding:16px 0 64px}.productos-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px}.productos-header{margin-bottom:22px}.productos-title{font-family:var(--font-head);color:var(--ink);letter-spacing:-.3px;padding-bottom:10px;font-size:28px;font-weight:700;display:inline-block;position:relative}.productos-title:after{content:"";background:var(--accent);width:46px;height:3px;position:absolute;bottom:0;left:0}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px;min-height:220px;display:grid}.productos-empty{text-align:center;background:var(--bg);border:1.5px dashed var(--border);border-radius:var(--radius-lg);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:64px 24px;display:flex}.productos-empty svg{width:44px;height:44px;color:var(--accent);opacity:.55;margin-bottom:14px}.productos-empty p{font-family:var(--font-body);color:var(--ink3);font-size:15px;font-weight:600}.productos-cargando{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;min-height:220px;padding:60px 20px;display:flex}.spinner{border:4px solid #e5e7eb;border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.productos-cargando p{color:var(--ink3);font-size:14px;font-weight:600;font-family:var(--font-body,"Inter", sans-serif)}.producto-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-lg);transition:transform var(--fast), box-shadow var(--fast), border-color var(--fast);overflow:hidden}.producto-card:hover{border-color:var(--accent);cursor:pointer;transform:translateY(-3px);box-shadow:0 12px 32px #c8102e26}.producto-card-img-wrap{aspect-ratio:1;background:#fff;padding:8px;position:relative;overflow:hidden}.producto-card-img{object-fit:contain;object-position:center;width:100%;height:100%;transition:transform .4s var(--ease);display:block}.producto-card:hover .producto-card-img{transform:scale(1.06)}.producto-card-noimg{width:100%;height:100%;color:var(--ink4);justify-content:center;align-items:center;font-size:32px;display:flex}.producto-badge{text-overflow:ellipsis;white-space:nowrap;z-index:2;border:1.5px solid #0000;border-radius:50px;align-items:center;gap:5px;max-width:55%;padding:4px 10px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:10px;overflow:hidden}.producto-badge .status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.producto-badge.badge-disponible{color:#15803d;background:#dcfce7;border-color:#86efac}.producto-badge.badge-disponible .status-dot{background:#16a34a;animation:1.5s infinite pulse-green}.producto-badge.badge-pocas{color:#b45309;background:#fef3c7;border-color:#fcd34d}.producto-badge.badge-pocas .status-dot{background:#d97706;animation:1.5s infinite pulse-yellow}.producto-badge.badge-agotado{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.producto-badge.badge-agotado .status-dot{background:#dc2626}.producto-badge.badge-proximamente{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.producto-badge.badge-proximamente .status-dot{background:#2563eb;animation:1.5s infinite pulse-blue}.producto-badge-marca{color:#374151;text-transform:uppercase;letter-spacing:.2px;text-overflow:ellipsis;white-space:nowrap;z-index:2;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:3px;max-width:40%;padding:4px 9px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px;overflow:hidden}.producto-card-body{padding:14px 16px 16px}.producto-card-brand{color:var(--ink3);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:700}.producto-card-name{color:var(--ink);min-height:38px;font-size:14.5px;font-weight:700;line-height:1.35}.producto-card-divider{background:var(--accent);width:28px;height:3px;margin:10px 0 12px}.producto-card-price-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.producto-card-price{font-family:var(--font-head);color:var(--accent);font-size:20px;font-weight:700}.producto-card-stripes{background-image:repeating-linear-gradient(-45deg, var(--accent), var(--accent) 2.5px, transparent 2.5px, transparent 6px);opacity:.5;width:22px;height:16px}.producto-card-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--fast);border:none;justify-content:center;align-items:center;gap:7px;padding:11px;font-size:13px;font-weight:600;display:flex}.producto-card-btn:hover{background:var(--accent-dark)}.producto-card-btn svg{width:15px;height:15px}.ver-mas-wrap{grid-column:1/-1;justify-content:center;padding:32px 0 8px;display:flex}.ver-mas-btn{color:var(--accent);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:underline;transition:all .15s}.ver-mas-btn:after{content:"↓";margin-left:6px;text-decoration:none;transition:transform .2s;display:inline-block}.ver-mas-btn:hover{color:var(--accent-dark);text-underline-offset:6px}.ver-mas-btn:hover:after{transform:translateY(3px)}@media (width<=480px){.ver-mas-btn{padding:8px 16px;font-size:13px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #16a34a66}50%{box-shadow:0 0 0 5px #16a34a00}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 #d9770666}50%{box-shadow:0 0 0 5px #d9770600}}@keyframes pulse-blue{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 5px #2563eb00}}.hidden{display:none!important}.modal-product{z-index:1000;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0009;position:absolute;inset:0}.modal-shell{background:var(--bg-white);border-radius:var(--radius-xl);width:100%;max-width:900px;max-height:94dvh;box-shadow:none;z-index:1;animation:.25s slideUp;position:relative;overflow-y:auto}.modal-product:not(.hidden) .modal-shell{box-shadow:var(--shadow-lg)}.modal-close-btn{z-index:20;cursor:pointer;color:#fff;background:#dc2626;border:2px solid #b91c1c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 12px #dc262666}.modal-close-btn:hover{background:#b91c1c;transform:scale(1.08)}.modal-content{grid-template-columns:1fr 1fr;min-height:480px;display:grid}.modal-img-side{background:var(--bg);border-radius:var(--radius-xl) 0 0 var(--radius-xl);flex-direction:column;display:flex;overflow:hidden}.modal-main-img-wrap{aspect-ratio:1;cursor:pointer;background:linear-gradient(135deg,#f8f9fc,#eef1f8);flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.modal-main-img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;padding:16px;transition:opacity .2s;display:block}.modal-no-img{opacity:.2;justify-content:center;align-items:center;width:100%;height:100%;font-size:72px;display:flex}.modal-gallery-nav{pointer-events:none;z-index:10;justify-content:space-between;width:100%;padding:0 8px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-arrow{pointer-events:all;color:var(--ink);cursor:pointer;background:#fffffff2;border:2px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 14px #0003}.gallery-arrow:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.08)}.modal-gallery-hint{color:#fff;pointer-events:none;white-space:nowrap;z-index:5;background:#0000008c;border-radius:50px;padding:4px 12px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.modal-thumbs{background:var(--bg-white);border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:10px;display:flex;overflow-x:auto}.modal-thumb{border-radius:var(--radius-sm);object-fit:contain;background:var(--bg);cursor:pointer;opacity:.6;border:2px solid #0000;flex-shrink:0;width:58px;height:58px;padding:4px;transition:all .15s}.modal-thumb:hover{opacity:1}.modal-thumb.active{border-color:var(--accent);opacity:1}.modal-info-side{padding:28px 26px}.modal-cat-tag{text-transform:uppercase;letter-spacing:1px;color:var(--accent);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:800;display:inline-flex}.modal-cat-tag svg{width:14px;height:14px}.modal-prod-brand{color:var(--ink3);text-transform:uppercase;letter-spacing:.8px;margin-bottom:5px;font-size:12px;font-weight:700}.modal-prod-name{font-family:var(--font-body,"Inter", sans-serif);color:var(--ink);letter-spacing:-.2px;margin-bottom:14px;font-size:19px;font-weight:700;line-height:1.4}.modal-prod-price{font-family:var(--font-head);color:var(--accent);margin-bottom:12px;font-size:30px;font-weight:800}.modal-prod-price sup{color:var(--ink3);font-size:14px;font-weight:700}.modal-prod-desc{color:var(--ink2);margin-bottom:18px;font-size:14px;line-height:1.7}.modal-status-badge{border:2px solid #0000;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 16px;font-size:12.5px;font-weight:800;display:inline-flex}.modal-status-badge .status-dot{border-radius:50%;width:9px;height:9px}.modal-status-badge.badge-disponible{color:#15803d;background:#dcfce7;border-color:#86efac}.modal-status-badge.badge-disponible .status-dot{background:#16a34a;animation:1.5s infinite pulse-green}.modal-status-badge.badge-pocas{color:#b45309;background:#fef3c7;border-color:#fcd34d}.modal-status-badge.badge-pocas .status-dot{background:#d97706;animation:1.5s infinite pulse-yellow}.modal-status-badge.badge-agotado{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-status-badge.badge-agotado .status-dot{background:#dc2626}.modal-status-badge.badge-proximamente{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.modal-status-badge.badge-proximamente .status-dot{background:#2563eb;animation:1.5s infinite pulse-blue}.agotado-notice{background:#fff5f5;border:2px solid #fca5a5;border-radius:15px;align-items:flex-start;gap:12px;margin-bottom:18px;padding:14px 16px;display:flex}.agotado-notice-icon{flex-shrink:0;font-size:20px}.agotado-notice-text strong{font-family:var(--font-head);color:#b91c1c;margin-bottom:3px;font-size:14px;font-weight:800;display:block}.agotado-notice-text p{color:#dc2626;font-size:13px;line-height:1.5}.modal-store-note{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.modal-store-line{background:var(--green-s,#16a34a14);color:#065f46;border:1px solid #16a34a33;border-radius:15px;flex-direction:column;gap:3px;padding:11px 14px;font-size:12.5px;line-height:1.5;display:flex}.store-line-title{font-weight:600}.store-line-title strong{color:#065f46;font-weight:800}.store-line-address{color:#047857;opacity:.9;font-size:12px}.modal-store-line.no-disponible{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.modal-store-line.no-disponible .store-line-title strong{color:#b91c1c}.btn-whatsapp-modal{color:#fff;width:100%;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-bottom:18px;padding:14px;font-size:14.5px;font-weight:700;transition:all .15s;display:flex}.btn-whatsapp-modal svg{flex-shrink:0;width:20px;height:20px}.btn-whatsapp-modal:hover,.btn-whatsapp-modal:not(:disabled):not(.disabled):hover{background:#20b858;transform:translateY(-1px);box-shadow:0 8px 20px #25d3664d}.btn-whatsapp-modal:disabled,.btn-whatsapp-modal.disabled,.btn-whatsapp-modal:disabled:hover,.btn-whatsapp-modal.disabled:hover{color:#9ca3af;cursor:not-allowed;box-shadow:none;background:#e5e7eb;transform:none}.specs-section-modal{margin-bottom:6px;padding-right:4px}.specs-section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink4);margin-bottom:10px;font-size:11px;font-weight:800}.specs-table{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:7px;display:grid}.spec-cell{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px}.spec-cell-label{text-transform:uppercase;letter-spacing:.5px;color:var(--ink4);margin-bottom:2px;font-size:10px;font-weight:700}.spec-cell-val{font-family:var(--font-body,"Inter", sans-serif);color:var(--ink);font-size:13px;font-weight:600}.specs-empty{color:var(--ink3);grid-column:1/-1;font-size:13px}.gallery-modal{z-index:1100;flex-direction:column;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.gallery-modal-backdrop{cursor:pointer;background:#000000eb;position:absolute;inset:0}.gallery-close-btn{top:20px;right:20px}.gallery-modal-img-wrap{justify-content:center;align-items:center;gap:12px;width:100%;max-width:900px;padding:0 20px;display:flex;position:relative}.gallery-modal-img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:70dvh}.gallery-arrow-lg{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:2px solid #fff3;width:48px;height:48px;font-size:24px}.gallery-arrow-lg:hover{background:#ffffff40;border-color:#fff6}.gallery-modal-dots{display:none!important}.gallery-modal-thumbs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.gallery-modal-thumb{border-radius:var(--radius-sm);object-fit:contain;cursor:pointer;opacity:.45;background:#ffffff1a;border:2px solid #0000;width:54px;height:54px;padding:3px;transition:opacity .2s,border-color .2s,transform .2s}.gallery-modal-thumb:hover{opacity:.75}.gallery-modal-thumb.active{opacity:1;border-color:#fff;transform:scale(1.05)}@media (width<=760px){.modal-content{grid-template-columns:1fr}.modal-img-side{border-radius:var(--radius-xl) var(--radius-xl) 0 0}.modal-shell{max-height:96dvh}}.gallery-modal-img{flex:0 auto;min-width:0}@media (width<=768px){.gallery-modal-img-wrap{gap:8px;padding:0 8px}.gallery-modal-img{border-radius:var(--radius-md,12px);background:#fff;height:auto}.gallery-arrow-lg{color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;background:#3c3c3ce6;border:1px solid #ffffff40;flex-shrink:0;width:28px;height:28px;font-size:14px}.gallery-arrow-lg:hover{background:#3c3c3ce6;border-color:#ffffff40;transform:none}}.modal-shell{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}:is(body:has(.modal-product:not(.hidden)),body:has(.gallery-modal:not(.hidden))){overflow:hidden}#search-fullscreen-overlay{z-index:900;opacity:0;visibility:hidden;transition:opacity var(--fast);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0e148c;position:fixed;inset:0}#search-fullscreen-overlay.active{opacity:1;visibility:visible}#search-results-panel{background:var(--bg-white);z-index:901;transition:transform var(--med) var(--ease);max-height:90dvh;position:fixed;top:0;left:0;right:0;overflow-y:auto;transform:translateY(-100%);box-shadow:0 20px 40px #00000026}#search-results-panel.active{transform:translateY(0)}#search-results-inner{max-width:var(--max-w);margin:0 auto;padding:8px 24px 48px}#search-page-bar-wrap{margin-bottom:16px;padding-top:17px}#search-page-bar{background:#f3f4f6;border:2px solid #0000;border-radius:14px;align-items:center;gap:12px;padding:4px 6px 4px 16px;transition:all .15s;display:flex}#search-page-bar:focus-within{border-color:var(--accent,#c8102e);background:#fff;box-shadow:0 0 0 4px #c8102e14}.search-page-icon{width:20px;height:20px;color:var(--ink3,#9ca3af);flex-shrink:0}#search-page-input{font-family:var(--font-body,"Inter", sans-serif);color:var(--ink,#111);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}#search-page-input::placeholder{color:var(--ink4,#9ca3af)}#search-page-clear{cursor:pointer;width:32px;height:32px;color:var(--ink2,#4b5563);background:#e5e7eb;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}#search-page-clear:hover{color:var(--ink,#111);background:#d1d5db}#search-results-header{margin-bottom:20px;padding:0 2px}#search-results-title{font-family:var(--font-body,"Inter", sans-serif);color:var(--ink,#111);margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.3}#search-results-title strong{color:var(--accent,#c8102e);font-weight:800}#search-result-count-panel{color:var(--ink3,#6b7280);font-size:13px;font-family:var(--font-body,"Inter", sans-serif)}#search-results-grid-panel{min-height:0}.search-empty-panel{text-align:center;padding:60px 20px}.search-empty-icon{opacity:.35;margin-bottom:14px;font-size:44px}.search-empty-title{font-family:var(--font-body,"Inter", sans-serif);color:var(--ink,#111);margin-bottom:6px;font-size:17px;font-weight:700}.search-empty-sub{color:var(--ink3,#6b7280);font-size:13.5px;font-family:var(--font-body,"Inter", sans-serif)}.header-inner.search-expanded .search-box{max-width:480px}@media (width<=640px){#search-results-inner{padding:8px 16px 40px}#search-page-bar-wrap{margin-bottom:10px;padding-top:20px}#search-page-input{font-size:14px}#search-results-title{font-size:16px}}