<!DOCTYPE html> <html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="es-MX" lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Cache busting: v20260506-018 --> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Expires" content="0"> <title>EKANN — Catálogo de Accesorios</title> <!-- Fallback de localStorage: dentro de un iframe de bloque de Squarespace el acceso a localStorage puede lanzar excepción; sin esto rompería heartbeat y la vista de columnas. --> <script> (function(){ try { window.localStorage.setItem('__ek_t','1'); window.localStorage.removeItem('__ek_t'); } catch(e){ var m={}; var shim={getItem:function(k){return k in m?m[k]:null;},setItem:function(k,v){m[k]=String(v);},removeItem:function(k){delete m[k];},clear:function(){m={};}}; try{ Object.defineProperty(window,'localStorage',{value:shim,configurable:true}); }catch(e2){ window.localStorage=shim; } } })(); </script> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></script> <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-firestore-compat.js"></script> <!-- ekann-topbar.css (embebido para el bloque de Squarespace) --> <style> @font-face { font-family: 'Airstrike'; src: url('data:font/ttf;base64,AAEAAAAMAIAAAwBAT1MvMnqgFokAAADMAAAATlZETVhnIW7LAAABHAAABeBjbWFwhM7hfgAABvwAAAIGZ2x5ZlTRAckAAAkEAABeMGhlYWT/lfImAABnNAAAADZoaGVhB3ADuwAAZ2wAAAAkaG10eNoFPC8AAGeQAAADUGtlcm4vuSqwAABq4AAAB8Jsb2NhyheyMgAAcqQAAAGqbWF4cADiANAAAHRQAAAAIG5hbWV5mKhfAAB0cAAAArJwb3N0aNhG5wAAdyQAAAgQAAACPAGQAAUAAABkAGQAAACMAGQAZAAAAIwAMgD6AAAAAAAAAAAAAAAAgAAABwAAAAAAAAAAAAAAAHB5cnMAAAAgIKwC7v9WAB4C0wCOAAAAAAABAAEBAQEBAAwA+Aj/AAgABv/+AAkAB//+AAoACP/+AAsACP/+AAwACf/+AA0ACv/+AA4AC//+AA8AC//9ABAADP/9ABEADf/9ABIADv/9ABMADv/9ABQAD//9ABUAEP/9ABYAEP/8ABcAEf/8ABgAEv/8ABkAE//8ABoAE//8ABsAFP/8ABwAFf/8AB0AFf/7AB4AFv/7AB8AF//7ACAAGP/7ACEAGP/7ACIAGf/7ACMAGv/7ACQAG//6ACUAG//6ACYAHP/6ACcAHf/6ACgAHf/6ACkAHv/6ACoAH//6ACsAIP/5ACwAIP/5AC0AIf/5AC4AIv/5AC8AIv/5ADAAI//5ADEAJP/5ADIAJf/4ADMAJf/4ADQAJv/4ADUAJ//4ADYAKP/4ADcAKP/4ADgAKf/4ADkAKv/3ADoAKv/3ADsAK//3ADwALP/3AD0ALf/3AD4ALf/3AD8ALv/3AEAAL//2AEEAL//2AEIAMP/2AEMAMf/2AEQAMv/2AEUAMv/2AEYAM//2AEcANP/1AEgANf/1AEkANf/1AEoANv/1AEsAN//1AEwAN//1AE0AOP/1AE4AOf/0AE8AOv/0AFAAOv/0AFEAO//0AFIAPP/0AFMAPf/0AFQAPf/0AFUAPv/zAFYAP//zAFcAP//zAFgAQP/zAFkAQf/zAFoAQv/zAFsAQv/zAFwAQ//yAF0ARP/yAF4ARP/yAF8ARf/yAGAARv/yAGEAR//yAGIAR//yAGMASP/xAGQASf/xAGUASv/xAGYASv/xAGcAS//xAGgATP/xAGkATP/xAGoATf/wAGsATv/wAGwAT//wAG0AT//wAG4AUP/wAG8AUf/wAHAAUf/wAHEAUv/vAHIAU//vAHMAVP/vAHQAVP/vAHUAVf/vAHYAVv/vAHcAV//vAHgAV//uAHkAWP/uAHoAWf/uAHsAWf/uAHwAWv/uAH0AW//uAH4AXP/uAH8AXP/tAIAAXf/tAIEAXv/tAIIAXv/tAIMAX//tAIQAYP/tAIUAYf/tAIYAYf/sAIcAYv/sAIgAY//sAIkAZP/sAIoAZP/sAIsAZf/sAIwAZv/sAI0AZv/rAI4AZ//rAI8AaP/rAJAAaf/rAJEAaf/rAJIAav/rAJMAa//rAJQAbP/qAJUAbP/qAJYAbf/qAJcAbv/qAJgAbv/qAJkAb//qAJoAcP/qAJsAcf/pAJwAcf/pAJ0Acv/pAJ4Ac//pAJ8Ac//pAKAAdP/pAKEAdf/pAKIAdv/oAKMAdv/oAKQAd//oAKUAeP/oAKYAef/oAKcAef/oAKgAev/oAKkAe//oAKoAe//nAKsAfP/nAKwAff/nAK0Afv/nAK4Afv/nAK8Af//nALAAgP/nALEAgP/mALIAgf/mALMAgv/mALQAg//mALUAg//mALYAhP/mALcAhf/mALgAhv/lALkAhv/lALoAh//lALsAiP/lALwAiP/lAL0Aif/lAL4Aiv/lAL8Ai//kAMAAi//kAMEAjP/kAMIAjf/kAMMAjf/kAMQAjv/kAMUAj//kAMYAkP/jAMcAkP/jAMgAkf/jAMkAkv/jAMoAk//jAMsAk//jAMwAlP/jAM0Alf/iAM4Alf/iAM8Alv/iANAAl//iANEAmP/iANIAmP/iANMAmf/iANQAmv/hANUAmv/hANYAm//hANcAnP/hANgAnf/hANkAnf/hANoAnv/hANsAn//gANwAoP/gAN0AoP/gAN4Aof/gAN8Aov/gAOAAov/gAOEAo//gAOIApP/fAOMApf/fAOQApf/fAOUApv/fAOYAp//fAOcAqP/fAOgAqP/fAOkAqf/eAOoAqv/eAOsAqv/eAOwAq//eAO0ArP/eAO4Arf/eAO8Arf/eAPAArv/dAPEAr//dAPIAr//dAPMAsP/dAPQAsf/dAPUAsv/dAPYAsv/dAPcAs//cAPgAtP/cAPkAtf/cAPoAtf/cAPsAtv/cAPwAt//cAP0At//cAP4AuP/bAP8Auf/bAAAAAgABAAAAAAAU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BB8AfwJoABcCkADTAPgAHAJ3AH8CogASApIAEgKQAF8A+P/pApIAEgFsAL4BFgDBATQAbgHZAFkBPgBZARYAwgHOAKIAtwC+Ac0AEQCqALUDRQB+AmgAaQC3AH8AsP9lATQAUAKOAD0C8wAUAvMAFALzABQC8wAUAvMAFALzABQEiwAUAncAbAJxABwCcQAcAnEAHAJxABwA+AAcAPgAHAD4ABwA+AAcAwUAWQKOABwC0QBqAtEAagLRAGoC0QBqAtEAagGPAD8C0QBqAqoAXQKqAF0CqgBdAqoAXQKQANMCqAAcAp//6QLzABQC8wAUAvMAFALzABQC8wAUAvMAFASLABQCdwBsAnEAHAJxABwCcQAcAnEAHAD4ABwA+AAcAPgAHAD4ABwChgBRAo4AHALRAGoC0QBqAtEAagLRAHAC0QBqAbAAWQLRAGoCqgBdAqoAXQKqAF0CqgBdApAA0wKoABwCkADTAAAAAQAAB74AAQFIBgAACAGwABoATf8zACQAJv+NACQAKv+YACQAMv+kACQANP+kACQANv/wACQAN/9uACQAOP+tACQAOf9CACQAOv9fACQAPP9VACQARv+MACQASv+YACQAUv+jACQAVP+aACQAVv/xACQAV/9vACQAWP+uACQAWf9CACQAWv+9ACQAXP9WACUAJP/pACUARP/pACYAJP/wACYALP/lACYAMv/bACYAN//lACYARP/wACYAUv/bACYAV//lACcAJP/AACcALf/KACcAOf/KACcAOv/KACcAO//KACcAPP/AACcARP/AACcATf/KACcAWf/KACcAW//AACcAXP/AACgAJP/2ACgALP/rACgAMv/NACgAN//rACgARP/2ACgAUv/OACgAV//rACkAJP+DACkAJv/bACkALP/mACkALf8zACkAMv/lACkAN//lACkARP+EACkARv/cACkATf80ACkAUv/kACkAV//lACoAN//cACwAMv/hACwAN//qACwAUv/hACwAV//qAC4AMv+/AC4AUv/AAC8AFP/KAC8AJP/tAC8AJv/AAC8AMv/dAC8ANv/eAC8AN/9WAC8AOf9MAC8AOv9yAC8APP9MAC8ARP/tAC8ARv/AAC8AUv/dAC8AVv/eAC8AV/9WAC8AWf9MAC8AXP9MADIAJP/YADIALP/sADIALf/ZADIANv/iADIAN//GADIAOf+fADIAOv+yADIAO//GADIAPP+UADIARP/ZADIATf/YADIAVv/dADIAV//GADIAWf+eADIAW//FADIAXP+UADMAJP+vADMALf9mADMAOf+5ADMAOv/CADMAPP+vADMARP+vADMATf9mADMAWf+5ADMAXP+wADUAJv/wADUAKv/wADUAMv/vADUAN//mADUAOP/mADUAOf+nADUAOv+8ADUAPP+SADUARv/wADUASv/wADUAUv/wADUAV//lADUAWP/mADUAWf+nADUAXP+TADYALP/yADYAMv/cADYANv/5ADYAN//nADYAUv/bADYAVv/5ADYAV//nADcAJP+bADcAJv/qADcAKv/hADcALP/qADcALf9iADcAMv/SADcAN//qADcARP+bADcARv/rADcATf9iADcAUv/TADcAV//qADkAJP+UADkALf+KADkAMv/YADkARP+VADkATf+KADkAUv/YADoAJP+jADoALf+jADoAMv/TADoARP+jADoATf+tADoAUv/UADsAJv/UADsAKv/UADsAMv/AADsARv/TADsASv/UADsAUv/AADwAJP+IADwAJv/WADwAKv/VADwALf9XADwAMv/CADwARP+IADwARv/WADwASv/WADwATf9XADwAUv/CAEQAJv+NAEQAKv+YAEQAMv+jAEQANP+jAEQANv/xAEQAN/9uAEQAOP+tAEQAOf9CAEQAOv9fAEQAPP9WAEQARv+NAEQASv+YAEQAUv+jAEQAVP+jAEQAVv/xAEQAV/9uAEQAWP+tAEQAWf9CAEQAWv+9AEQAXP9VAEUAJP/qAEUARP/qAEYAJP/wAEYALP/lAEYAMv/bAEYAN//lAEYARP/wAEYAUv/bAEYAV//lAEcAJP/AAEcALf/KAEcAOf/KAEcAOv/JAEcAO//BAEcAPP/AAEcARP/AAEcATf/KAEcAWf/KAEcAW//AAEcAXP/AAEgAJP/2AEgALP/rAEgAMv/OAEgAN//rAEgARP/2AEgARv/rAEgAUv/NAEgAV//rAEkAJP+DAEkAJv/bAEkALP/lAEkALf80AEkAMv/lAEkAN//lAEkARP+EAEkARv/cAEkATf80AEkAUv/kAEkAV//lAE4AMv+/AE4AUv+/AE8AFP/AAE8AJP/tAE8AJv/BAE8AMv/dAE8ANv/eAE8AN/9WAE8AOf9LAE8AOv9zAE8APP9MAE8ARP/tAE8ARv/AAE8AUv/dAE8AVv/eAE8AV/9WAE8AWf9MAE8AXP9MAFIAJP/bAFIALP/uAFIALf/bAFIANv/bAFIAN//HAFIAOf+hAFIAOv+0AFIAO//IAFIAPP+XAFIARP/bAFIATf/bAFIAVv/lAFIAV//IAFIAWf+hAFIAW//IAFIAXP+XAFMAJP+vAFMALf9mAFMAOf+5AFMAOv/DAFMAPP+vAFMARP+vAFMATf9mAFMAUv/9AFMAWf+5AFMAXP+vAFUAJv/qAFUAKv/qAFUAMv/wAFUAN//mAFUAOP/lAFUAOf+rAFUAOv/AAFUAPP+XAFUARv/qAFUASv/rAFUAUv/vAFUAV//mAFUAWP/kAFUAWf+rAFUAXP+WAFYALP/xAFYAMv/bAFYANv/5AFYAN//nAFYAUv/cAFYAV//nAFcAJP+cAFcAJv/gAFcAKv/hAFcALP/qAFcALf9iAFcAMv/TAFcAN//rAFcARP+bAFcARv/qAFcASv/hAFcATf9iAFcAUv/SAFcAV//qAFkAJP+UAFkALf+KAFkAMv/YAFkARP+UAFkATf+KAFkAUv/YAFsAJv/UAFsAKv/dAFsAMv/AAFsARv/UAFsASv/UAFsAUv/AAFwAJP+IAFwAJv/WAFwAKv/VAFwALf9XAFwAMv/CAFwARP+IAFwARv/VAFwASv/VAFwATf9XAFwAUv/CAAAAAAAAAAAAAAAAACQAYQCSAPABfwHjAgUCPwJ6ApgCrwLUAuEC/gMLA2UDewPIBB0ENAR4BLYEzAVMBYsFvgX6BgsGIAYxBoMHAQcvB4MHtAfmCBEILQhnCH8IrQjOCOUI+gkXCS0JgwmyCg8KPAqFCqIK2gr5CysLRQtZC3gLnAupC80L8Qv+DCgMVgyqDNsNDQ04DVQNjg2mDbIN0w3qDf8OHA4yDowOuw8YD0UPjg+rD+MQAhAxEEsQXxB+EKYQsxDbEP0Q/RE5EVkSkRLLEwwTIxNDE1wUKhSGFKEU6RUcFT0VXhWZFdQWBhYTFiEWQxafFrwXBRc4F20XjRfMGB8YcxiZGKYY/xklGZYZxhnXGeQaZBpyGogaphrSG6wcRxxjHHIcohz3HUkdmx3eHigedx62HwUfQB+MH9sgFyBgIJEgwyDhIQ0hRiF4IesiYSLDIy4jniO2JAYkWSSuJPElQiV9JbEmCSZbJq0m8Cc6J4knyCgXKFIonijtKSkpcimjKdUp8yofKlkqiyr+K3Qr1ixLLLss6C04LYst4C4jLnQury7jLxgAAAABAAAA1ADOAA0AAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAEgDeAAEAAAAAAAAAJAAAAAEAAAAAAAEACQAkAAEAAAAAAAIABwAtAAEAAAAAAAMAFwA0AAEAAAAAAAQAEQBLAAEAAAAAAAUAEQBcAAEAAAAAAAYACQBtAAEAAAAAAAkAEAB2AAEAAAAAAAwAFgCGAAMAAQQJAAAASACcAAMAAQQJAAEAEgDkAAMAAQQJAAIADgD2AAMAAQQJAAMALgEEAAMAAQQJAAQAIgEyAAMAAQQJAAUAIgFUAAMAAQQJAAYAEgF2AAMAAQQJAAkAIAGIAAMAAQQJAAwALAGoMjAxMyBJY29uaWFuIEZvbnRzIC0gd3d3Lmljb25pYW4uY29tQWlyc3RyaWtlUmVndWxhckFpcnN0cmlrZSBSZWd1bGFyOiAyMDEzQWlyc3RyaWtlIFJlZ3VsYXJWZXJzaW9uIDEuMDsgMjAxM0FpcnN0cmlrZURhbmllbCBaYWRvcm96bnlodHRwOi8vd3d3Lmljb25pYW4uY29tADIAMAAxADMAIABJAGMAbwBuAGkAYQBuACAARgBvAG4AdABzACAALQAgAHcAdwB3AC4AaQBjAG8AbgBpAGEAbgAuAGMAbwBtAEEAaQByAHMAdAByAGkAawBlAFIAZQBnAHUAbABhAHIAQQBpAHIAcwB0AHIAaQBrAGUAIABSAGUAZwB1AGwAYQByADoAIAAyADAAMQAzAEEAaQByAHMAdAByAGkAawBlACAAUgBlAGcAdQBsAGEAcgBWAGUAcgBzAGkAbwBuACAAMQAuADAAOwAgADIAMAAxADMAQQBpAHIAcwB0AHIAaQBrAGUARABhAG4AaQBlAGwAIABaAGEAZABvAHIAbwB6AG4AeQBoAHQAdABwADoALwAvAHcAdwB3AC4AaQBjAG8AbgBpAGEAbgAuAGMAbwBtAAAAAgAAAAAAAP+cADIAAAAAAAAAAAAAAAAAAAAAAAAAAADUAAABAgACAAMBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgBEAUMARgFEAEgBRQFGAEsBRwFIAUkBSgFLAUwBTQBTAU4AVQFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAW4BbwFwAXEBcgFzAXQBdQF2AXcBeAF5AXoBewF8AX0AiwF+AX8BgACKAYEBggGDAYQBhQGGAYcBiAGJAYoBiwGMAY0BjgGPAZABkQGSAZMBlAGVAZYBlwGYAZkBmgGbAZwBnQGeAZ8BoAGhAaIBowGkAaUBpgGnAagBqQGqAasBrAGtAa4BrwGwAbEBsgGzAbQBtQG2AbcBuAG5AboBuwG8Ab0BvgG/AcABwQHCAcMBxAHFAcYBxwHIAckBygUubnVsbAdGTDAwMjFoB0ZMMDAyMmgHRkwwMDIzaAdGTDAwMjRoB0ZMMDAyNWgHRkwwMDI2aAdGTDAwMjdoB0ZMMDAyOGgHRkwwMDI5aAdGTDA0MTloB0ZMMDAyQmgHRkwwMDJDaAdGTDAwMkRoB0ZMMDAyRWgHRkwwMDJGaAdGTDAwMzBoB0ZMMDAzMWgHRkwwMDMyaAdGTDAwMzNoB0ZMMDAzNGgHRkwwMDM1aAdGTDAwMzZoB0ZMMDAzN2gHRkwwMDM4aAdGTDAwMzloB0ZMMDAzQWgHRkwwMDNCaAdGTDAwM0NoB0ZMMDAzRGgHRkwwMDNFaAdGTDAwM0ZoB0ZMMDA0MGgHRkwwMDQxaAdGTDAwNDJoB0ZMMDA0M2gHRkwwMDQ0aAdGTDAwNDVoB0ZMMDA0NmgHRkwwMDQ3aAdGTDAwNDhoB0ZMMDA0OWgHRkwwMDRBaAdGTDAwNEJoB0ZMMDA0Q2gHRkwwMDREaAdGTDAwNEVoB0ZMMDA0RmgHRkwwMDUwaAdGTDAwNTFoB0ZMMDA1MmgHRkwwMDUzaAdGTDAwNTRoB0ZMMDA1NWgHRkwwMDU2aAdGTDAwNzdoB0ZMMDA1OGgHRkwwMDU5aAdGTDAwNUFoB0ZMMDA1QmgHRkwwMDVDaAdGTDAwNURoB0ZMMDA1RWgHRkwwMDVGaAdGTDAwNjBoB0ZMMDA2MmgHRkwwMDY0aAdGTDAwNjZoB0ZMMDA2N2gHRkwwMDY5aAdGTDAwNkFoB0ZMMDA2QmgHRkwwMDZDaAdGTDAwNkRoB0ZMMDA2RWgHRkwwMDZGaAdGTDAwNzFoB0ZMMjAxQ2gHRkwwMDc0aAdGTDIwMjJoB0ZMMDA3NmgHRkwwMDU3aAdGTDAwNzloB0ZMMDA3QmgHRkwwMDdBaAdGTDAwN0RoB0ZMMDA3Q2gHRkwwMDdFaAdGTDAwODBoB0ZMMDA3RmgHRkwyMEFDaAdGTDIwMUFoB0ZMMDBCNmgHRkwyMDFGaAdGTDIwMjZoB0ZMMjAyMGgHRkwyMDIxaAdGTDAyQzZoB0ZMMjAzMGgHRkwwMTYwaAdGTDIwMzloB0ZMMDE1MmgHRkwwMTdEaAdGTDIwMThoB0ZMMjAxOWgHRkwyMDFFaAdGTDIwMURoB0ZMMjAyM2gHRkwyMDEzaAdGTDIwMTRoB0ZMMDJEQ2gHRkwwMTYxaAdGTDIwM0FoB0ZMMDE1M2gHRkwwMTdFaAdGTDAxNzhoB0ZMMDBBMWgHRkwwMEEyaAdGTDAwQTNoB0ZMMDBBNGgHRkwwMEE1aAdGTDAwQTZoB0ZMMDBBN2gHRkwwMEE4aAdGTDAwQUJoB0ZMMDBBQ2gHRkwwMEFEaAdGTDAwQUZoB0ZMMDBCMGgHRkwwMEIxaAdGTDAwQjRoB0ZMMDBCNWgHRkwwMEI3aAdGTDAwQjloB0ZMMDBCOGgHRkwwMEJCaAdGTDAwQkZoB0ZMMDBDMGgHRkwwMEMxaAdGTDAwQzJoB0ZMMDBDM2gHRkwwMEM0aAdGTDAwQzVoB0ZMMDBDNmgHRkwwMEM3aAdGTDAwQzhoB0ZMMDBDOWgHRkwwMENBaAdGTDAwQ0JoB0ZMMDBDQ2gHRkwwMENEaAdGTDAwQ0VoB0ZMMDBDRmgHRkwwMEQwaAdGTDAwRDFoB0ZMMDBEMmgHRkwwMEQzaAdGTDAwRDRoB0ZMMDBENWgHRkwwMEQ2aAdGTDAwRDdoB0ZMMDBEOGgHRkwwMEQ5aAdGTDAwREFoB0ZMMDBEQmgHRkwwMERDaAdGTDAwRERoB0ZMMDBERWgHRkwwMERGaAdGTDAwRTBoB0ZMMDBFMWgHRkwwMEUyaAdGTDAwRTNoB0ZMMDBFNGgHRkwwMEU1aAdGTDAwRTZoB0ZMMDBFN2gHRkwwMEU4aAdGTDAwRTloB0ZMMDBFQWgHRkwwMEVCaAdGTDAwRUNoB0ZMMDBFRGgHRkwwMEVFaAdGTDAwRUZoB0ZMMDBGMGgHRkwwMEYxaAdGTDAwRjJoB0ZMMDBGM2gHRkwwMEY0aAdGTDAwRjVoB0ZMMDBGNmgHRkwwMEY3aAdGTDAwRjhoB0ZMMDBGOWgHRkwwMEZBaAdGTDAwRkJoB0ZMMDBGQ2gHRkwwMEZEaAdGTDAwRkVoB0ZMMDBGRmg=') format('truetype'); font-weight: normal; font-style: normal; } .topbar{background:#fff;border-bottom:1px solid #e5e5e5;padding:0 20px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:100;flex-wrap:wrap} .topbar-left,.topbar-right{display:flex;align-items:center;gap:10px} .topbar-logo{display:flex;align-items:center;gap:8px} .topbar-logo img{height:28px;object-fit:contain;display:block} .topbar-logo span{font-family:'Airstrike',sans-serif;font-size:18px;letter-spacing:.08em;color:#111} .tb-search{position:relative;display:flex;align-items:center} .tb-search .search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center} .tb-search input{background:#f5f5f5;border:1px solid #F97316;color:#F97316;font-family:'Airstrike',sans-serif;font-size:14px;padding:12px 10px 12px 32px;border-radius:20px;outline:none;width:240px;transition:border-color .15s;text-transform:uppercase;letter-spacing:.14em;text-align:center} .tb-search input::placeholder{color:#F97316;opacity:1;text-transform:uppercase;letter-spacing:.14em;text-align:center} .tb-search input:focus{border-color:#F97316;border-width:2px;box-shadow:0 0 0 2px rgba(249,115,22,.25)} .tb-btn{font-family:'Airstrike',sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:7px 16px;cursor:pointer;border:none;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap;line-height:1} .tb-btn svg{flex-shrink:0} .tb-btn.primary{background:#F97316;color:#fff} .tb-btn.primary:hover{background:#ea6a0a} .tb-btn.outline{background:#ccc;border:1px solid #ccc;color:#333} .tb-btn.outline:hover{background:#F97316;border-color:#F97316;color:#fff} .tb-btn.dark{background:#000;color:#F97316} .tb-btn.dark:hover{opacity:.82} .tb-btn.outline-danger{background:#ccc;border:1px solid #ccc;color:#333} .tb-btn.outline-danger:hover{background:#ef4444;border-color:#ef4444;color:#fff} .tb-btn.icon{padding:0;width:32px;height:32px;justify-content:center} .tb-btn,.pf-btn,.btn-ver,.btn-add,.btn-wa2,.btn-modal-add,.btn-cancel,.btn-save,.btn-danger,.btn-login,.btn-add-row,.btn-upload,.type-tab,.btn-cotizar-cart,.cart-fab{font-size:12px;padding:7px 16px;height:32px;box-sizing:border-box} .btn-cancel,.btn-save,.btn-danger{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-family:'Airstrike',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s,color .15s} .btn-cancel{background:#ccc;border:1px solid #ccc;color:#333} .btn-cancel:hover{background:#bbb;border-color:#bbb} .btn-save{background:#F97316;color:#fff;border:none} .btn-save:hover{background:#ea6a0a} .btn-save:disabled{opacity:.5;cursor:default} .btn-danger{background:#ef4444;color:#fff;border:none} .btn-danger:hover{background:#c0392b} .login-box{background:#fff;border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:14px;padding:40px;width:100%;max-width:380px;text-align:center} .login-err{color:#ef4444;font-size:12px;margin-top:10px;min-height:18px} .btn-login{width:100%;background:var(--orange);color:#fff;border:none;border-radius:999px;font-family:'Airstrike',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:background .15s} .badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em} .badge.on{background:#22c55e;color:#fff} .badge.off{background:#ef4444;color:#fff} .more-wrap{position:relative;display:inline-flex} .more-panel{display:none;position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e5e5;border-radius:10px;min-width:200px;z-index:500;box-shadow:0 12px 40px rgba(0,0,0,.15);flex-direction:column;overflow:hidden} .more-panel.open{display:flex} .more-panel .tb-btn{border-radius:0;width:100%;justify-content:flex-start} .notice-bg{display:none;position:fixed;inset:0;z-index:11000;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);justify-content:center;align-items:center;padding:20px} .notice-bg.open{display:flex} .notice-modal{background:#fff;border:1px solid var(--border);border-top:3px solid var(--orange);border-radius:14px;width:100%;max-width:400px;padding:28px 32px} .notice-modal h2{font-family:'Airstrike',sans-serif;font-size:22px;color:#111;margin-bottom:10px;letter-spacing:.06em} .notice-modal p{font-size:13px;color:#333;line-height:1.6;margin-bottom:4px} .more-panel .tb-btn.dark{color:#fff} @media(max-width:720px){ .tb-search input{width:160px} .tb-btn span.tb-label{display:none} } *{scrollbar-color:#F97316 #f0f0f0;scrollbar-width:thin} *::-webkit-scrollbar{width:8px;height:8px} *::-webkit-scrollbar-track{background:#f0f0f0} *::-webkit-scrollbar-thumb{background:#F97316;border-radius:999px} *::-webkit-scrollbar-thumb:hover{background:#ea6a0a} </style> <!-- ekann-heartbeat.js / ekann-dialogs.js / ekann-loader.js (embebidos) --> <script>window.EKANN_INACTIVITY_TIMEOUT = 8 * 60 * 60 * 1000;</script> <script> var EKANN_INACTIVITY_TIMEOUT = window.EKANN_INACTIVITY_TIMEOUT || (2 * 60 * 60 * 1000); var _ekannLastActiveAtLoad = +localStorage.getItem('ekann_last_active') || 0; function ekannTouchActivity() { localStorage.setItem('ekann_last_active', Date.now().toString()); } function ekannCheckInactivity(auth) { var last = _ekannLastActiveAtLoad; if (last && (Date.now() - last > EKANN_INACTIVITY_TIMEOUT)) { auth.signOut(); return true; } ekannTouchActivity(); return false; } function ekannWatchInactivity(onExpire) { setInterval(function () { var last = +localStorage.getItem('ekann_last_active') || 0; if (last && (Date.now() - last > EKANN_INACTIVITY_TIMEOUT)) onExpire(); }, 60000); } var _ekannThrottle = null; function _ekannTouchThrottled() { if (_ekannThrottle) return; _ekannThrottle = setTimeout(function(){ _ekannThrottle = null; }, 10000); ekannTouchActivity(); } ['click','keydown','mousemove','touchstart','scroll'].forEach(function(ev) { document.addEventListener(ev, _ekannTouchThrottled, { passive: true, capture: true }); }); window.addEventListener('pagehide', ekannTouchActivity); </script> <script> (function () { function inject() { const wrap = document.createElement('div'); wrap.innerHTML = '<div class="notice-bg" id="modal-alert-bg">' + '<div class="notice-modal">' + '<h2 id="alert-modal-title">Aviso</h2>' + '<p id="alert-modal-msg"></p>' + '<div style="display:flex;gap:10px;justify-content:flex-end;margin-top:20px">' + '<button class="btn-save" onclick="document.getElementById(\'modal-alert-bg\').classList.remove(\'open\')">Entendido</button>' + '</div>' + '</div>' + '</div>' + '<div class="notice-bg" id="modal-confirm-bg">' + '<div class="notice-modal">' + '<h2 id="confirm-modal-title">Confirmar</h2>' + '<p id="confirm-modal-msg"></p>' + '<div style="display:flex;gap:10px;justify-content:flex-end;margin-top:20px">' + '<button class="btn-cancel" onclick="resolveConfirm(false)">Cancelar</button>' + '<button class="btn-danger" id="btn-confirm-ok" onclick="resolveConfirm(true)">Confirmar</button>' + '</div>' + '</div>' + '</div>'; document.body.appendChild(wrap); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', inject); else inject(); })(); function showAlert(msg, title) { document.getElementById('alert-modal-title').textContent = title || 'Aviso'; document.getElementById('alert-modal-msg').textContent = msg; document.getElementById('modal-alert-bg').classList.add('open'); } let _ekannConfirmResolve = null; function showConfirm(msg, opts) { opts = opts || {}; document.getElementById('confirm-modal-title').textContent = opts.title || 'Confirmar'; document.getElementById('confirm-modal-msg').textContent = msg; document.getElementById('btn-confirm-ok').textContent = opts.okLabel || 'Confirmar'; document.getElementById('modal-confirm-bg').classList.add('open'); return new Promise(resolve => { _ekannConfirmResolve = resolve; }); } function resolveConfirm(val) { document.getElementById('modal-confirm-bg').classList.remove('open'); if (_ekannConfirmResolve) { _ekannConfirmResolve(val); _ekannConfirmResolve = null; } } </script> <script> (function () { var style = document.createElement('style'); style.textContent = "#ekann-loader{position:fixed;inset:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;gap:14px;transition:opacity .25s;}" + "#ekann-loader.hiding{opacity:0;pointer-events:none;}" + "#ekann-loader img{height:40px;object-fit:contain;}" + "#ekann-loader .el-txt{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#999;}" + "#ekann-loader .el-spinner{width:26px;height:26px;border:3px solid #eee;border-top-color:#F97316;border-radius:50%;animation:el-spin .7s linear infinite;}" + "@keyframes el-spin{to{transform:rotate(360deg);}}"; document.head.appendChild(style); function hide() { var el = document.getElementById('ekann-loader'); if (!el) return; el.classList.add('hiding'); setTimeout(function () { el.remove(); }, 260); } window.ekannLoader = { hide: hide }; window.addEventListener('load', hide); })(); </script> <style> :root{ --or:#ff9100;--or2:#e07f00;--or-gl:rgba(255,145,0,.1); --bg:#f5f5f5;--s1:#ffffff;--s2:#f9f9f9;--s3:#f0f0f0; --b1:#e5e5e5;--b2:#d5d5d5; --tx:#111111;--mu:#000;--mu2:#000; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html,body{height:100%;background:var(--bg);color:var(--tx);font-family:'Inter',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden} #app{display:flex;flex-direction:column;height:100vh} /* TOPBAR — topbar-left y topbar-r comparten el mismo flex:1, así quedan siempre del mismo ancho (aunque su contenido pese distinto) y la búsqueda, sandwich entre ambos con ancho fijo, cae exacto en el centro real. flex-wrap:nowrap propio (el compartido trae wrap) porque con 640px fijos de búsqueda el contenido no entra en una sola fila y todo se rompe. */ .topbar{flex-wrap:nowrap} .topbar-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0} .brand{display:none!important} .topbar .tb-search{flex:0 1 480px;min-width:0} .topbar .tb-search input{width:100%} .topbar-social-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--or);border:none;transition:background .15s;text-decoration:none;flex-shrink:0} .topbar-social-btn:hover{background:var(--or2)} .topbar-social-btn svg{fill:#fff} .topbar-r{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1} .btn-wa:hover{background:var(--or2)} /* ESTILOS COMUNES PARA DRAWERS (Ocultos en Escritorio) */ .drawer-bg { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.6); z-index: 8000; backdrop-filter: blur(2px); opacity: 0; transition: opacity 0.3s; } .drawer-bg.show { display: block; opacity: 1; } .portrait-filters { display: none; background: #fff; border-bottom: 1px solid var(--b1); padding: 12px 16px; gap: 12px; flex-shrink: 0; z-index: 90;} .pf-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; background: var(--or); color: #fff; border: none; border-radius: 999px; font-family: 'Airstrike', sans-serif; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: background .15s;} .pf-btn:active { background: var(--or2); } .pf-btn span { color: #fff; opacity: 0.9; font-weight: 500; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80px; letter-spacing: 0; font-family: 'Airstrike', sans-serif; text-transform: none;} .drawer-header { display: none; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--b1); flex-shrink: 0; background: #fff;} .drawer-title { font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; color: #000; font-family: 'Airstrike', sans-serif;} .drawer-close { background: var(--or); border: none; width: 32px; height: 32px; border-radius: 50%; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; transition: background 0.15s;} .drawer-close:active { background: var(--or2); } /* BODY */ .body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative;} /* SIDEBAR (Desktop) */ .sidebar{width:200px;flex-shrink:0;background:#fff;border-right:1px solid var(--b1);overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:var(--or) transparent;display:flex;flex-direction:column} .sidebar::-webkit-scrollbar{width:4px} .sidebar::-webkit-scrollbar-thumb{background:var(--or);border-radius:4px} .sg-title{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--or);padding:10px 14px 5px;flex-shrink:0} .sitem{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:500;color:#000;border-left:2px solid transparent;transition:all .12s;gap:6px;flex:1;min-height:32px} .sitem:hover{background:var(--s3);color:var(--tx)} .sitem.on{background:var(--or);color:#000;border-left-color:var(--or);font-weight:700} .scount{font-size:10px;background:var(--or);width:36px;height:18px;border-radius:999px;color:#000;font-weight:700;flex-shrink:0;display:flex;align-items:center;justify-content:center} .sitem.on .scount{background:#000;color:#fff;width:36px;height:18px;display:flex;align-items:center;justify-content:center} /* MAIN */ .main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden} /* FILTER BAR (Desktop) */ .fbar{background:#fff;border-bottom:1px solid var(--b1);border-top:1px solid var(--b1);padding:10px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%} .fbar::-webkit-scrollbar{display:none} .flbl{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--or);flex-shrink:0;white-space:nowrap;align-self:center} .chip{display:inline-flex;align-items:center;gap:6px;background:#f5f5f5;border:1px solid var(--b1);color:#000;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s} #bchips{display:flex;align-items:center;gap:8px;flex-wrap:nowrap} .chip:hover{border-color:var(--or);color:var(--or)} .chip.on{background:#333;border-color:#000;color:#fff} .chip.on img{filter:brightness(0) invert(1)} .chip img{filter:drop-shadow(.5px .5px .5px rgba(0,0,0,.25));transition:filter .15s} .chip-x{display:none;align-items:center;gap:4px;background:#ef4444;color:#fff;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;text-transform:uppercase;letter-spacing:.04em} .chip-x:hover{background:#c0392b} .chip-x.show{display:inline-flex} /* GRID */ .gw{flex:1;overflow-y:auto;padding:16px;background:#f5f5f5;scrollbar-width:thin;scrollbar-color:var(--or) transparent} .gw::-webkit-scrollbar{width:5px} .gw::-webkit-scrollbar-thumb{background:var(--or);border-radius:4px} .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px} .grid.cols-2{grid-template-columns:repeat(2,1fr)} .grid.cols-3{grid-template-columns:repeat(3,1fr)} .grid.cols-4{grid-template-columns:repeat(4,1fr)} .grid.cols-5{grid-template-columns:repeat(5,1fr)} .grid.cols-6{grid-template-columns:repeat(6,1fr)} .grid.cols-7{grid-template-columns:repeat(7,1fr)} .grid.cols-8{grid-template-columns:repeat(8,1fr)} .gcols{display:flex;align-items:center;justify-content:center;gap:8px;flex:1} .gcols-label{font-size:11px;color:var(--mu);font-weight:600;white-space:nowrap} .gcols-slider{-webkit-appearance:none;appearance:none;width:120px;height:6px;border-radius:4px;background:var(--b2);outline:none;cursor:pointer;accent-color:var(--or)} .gcols-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--or);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)} .gcols-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--or);cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.2)} .gcols-val{font-size:11px;font-weight:700;color:var(--or);min-width:14px;text-align:center} /* CARD */ .pc{background:#fff;border:1px solid var(--b1);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:border-color .18s,transform .18s,box-shadow .18s} .pc:hover{border-color:var(--or);transform:translateY(-3px);box-shadow:0 10px 28px rgba(255,145,0,.12)} .pc-img{width:100%;padding-top:100%;position:relative;background:transparent;overflow:hidden;flex-shrink:0} .pc-img-brand{display:none;position:absolute;bottom:6px;left:6px;z-index:3;background:rgba(255,255,255,.9);border-radius:6px;padding:3px 5px;max-width:60%;max-height:30px} .pc-img-brand img{height:20px;max-width:100%;object-fit:contain;display:block} .pc-img-brand span{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--or)} .pc-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;display:block;transition:transform .3s;padding:8px;pointer-events:none;-webkit-user-drag:none;user-select:none} .pc-img .noimg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)} .pc-img .cat-tag{position:absolute;top:7px;left:7px} .pc:hover .pc-img img{transform:scale(1.06)} .noimg{font-size:36px;opacity:.1} .cat-tag{position:absolute;top:7px;left:7px;z-index:2;background:rgba(255,145,0,.9);backdrop-filter:blur(4px);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:3px 7px;border-radius:999px} .pc-body{padding:11px;flex:1;display:flex;flex-direction:column;gap:2px} .pc-name{font-family:'Airstrike',sans-serif;font-weight:700;font-size:17px;color:#000;line-height:1.2} .pc-cat-inline{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,145,0,.85);display:inline-block;padding:2px 8px;border-radius:999px;margin-top:2px;width:fit-content} .pc-sku{font-size:11px;color:var(--or);font-weight:600;letter-spacing:.04em} .pc-spec{font-size:11px;color:#000;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4} .pc-foot{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:nowrap} .pc-foot-btns{display:flex;align-items:center;gap:4px;margin-left:auto;flex-wrap:nowrap} .pc-brand-box{width:28%;height:auto;aspect-ratio:1/1;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:44px;max-width:80px} .pc-brand-logo{width:100%;height:100%;object-fit:contain;display:block} .pc-brand-text{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--or)} .btn-ver{background:transparent;border:1px solid var(--b2);color:var(--mu2);border-radius:999px;font-weight:700;cursor:pointer;font-family:'Airstrike',sans-serif;letter-spacing:.06em;text-transform:uppercase;transition:all .15s;white-space:nowrap} .pc:hover .btn-ver{border-color:var(--or);color:var(--or)} .btn-add{background:var(--or);color:#fff;border:none;border-radius:999px;font-family:'Airstrike',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,transform .1s;white-space:nowrap} .btn-add:hover{background:var(--or2)} .btn-add.added{background:#22c55e;color:#fff} .btn-add.added:hover{background:#16a34a} /* Los botones de tarjeta se achican en vistas densas para no desbordar la card — a diferencia de los botones del topbar (que siempre son del mismo tamaño entre sí), estos conviven con un grid que cambia de ancho, así que sí necesitan adaptarse. */ .grid.cols-5 .btn-add,.grid.cols-5 .btn-ver{font-size:11px;padding:6px 12px;height:26px} .grid.cols-6 .btn-add,.grid.cols-6 .btn-ver{font-size:10px;padding:5px 10px;height:24px;letter-spacing:.02em} .grid.cols-7 .btn-add,.grid.cols-7 .btn-ver{font-size:10px;padding:4px 8px;height:22px;letter-spacing:0} .grid.cols-8 .btn-add,.grid.cols-8 .btn-ver{font-size:9px;padding:3px 7px;height:20px;letter-spacing:0} .empty,.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--mu);padding:40px} .e-ico{font-size:44px;opacity:.25} .e-t{font-size:15px;font-weight:600} .e-s{font-size:13px} .spin{width:30px;height:30px;border:2px solid var(--b2);border-top-color:var(--or);border-radius:50%;animation:spin .7s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} /* ══════════════════════════════════════ MODAL - BASE OPTIMIZADA ══════════════════════════════════════ */ .mbg { display: none; position: fixed; inset: 0; z-index: 9000; background: rgba(0,0,0,0); backdrop-filter: blur(0px); justify-content: center; align-items: center; padding: 20px; overflow: hidden; } .mbg.open { display: flex; animation: bgi .22s forwards; } @keyframes bgi { to { background: rgba(0,0,0,.8); backdrop-filter: blur(8px); } } .modal { background: #fff; border: 1px solid var(--b1); border-radius: 14px; width: 100%; max-width: 1400px; opacity: 0; transform: scale(.96) translateY(12px); animation: mi .24s .05s forwards; display: flex; flex-direction: column; height: min(787.5px, 90vh); position: relative; overflow: hidden; } @keyframes mi { to { opacity: 1; transform: none; } } .mheader { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 24px 30px 0; border-top: 3px solid var(--or); flex-shrink: 0; } .mmarca { margin-bottom: 4px; } .mmarca img { height: 32px; max-width: 130px; object-fit: contain; display: block; } .mmarca-text { font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--or); } .mname { font-family: 'Airstrike', sans-serif; font-size: 32px; letter-spacing: .04em; color: #000; line-height: 1; } .msku { font-size: 13px; color: var(--or); font-weight: 700; letter-spacing: .04em; margin-top: 4px; } .mcat-tag { display: inline-block; background: var(--or); color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; padding: 2px 9px; border-radius: 999px; margin-top: 5px; } .mclose { background: var(--or); border: none; color: #fff; width: 32px; height: 32px; border-radius: 50%; font-size: 20px; font-weight: 900; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: all .15s; line-height: 1; z-index: 10; } .mclose:hover { background: var(--or2); transform: scale(1.1); } .mtabs { display: flex; gap: 4px; padding: 14px 30px 0; border-bottom: 1px solid var(--b1); flex-shrink: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .mtabs::-webkit-scrollbar { display: none; } .mtab { font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #000; padding: 8px 18px; border-radius: 7px 7px 0 0; cursor: pointer; border: 1px solid transparent; border-bottom: none; transition: all .15s; background: transparent; position: relative; bottom: -1px; flex-shrink: 0; white-space: nowrap; } .mtab:hover { color: var(--or); } .mtab.on { background: #fff; border-color: var(--b1); border-bottom-color: #fff; color: var(--or); } .mtab-panels { flex: 1; overflow-y: auto; overflow-x: hidden; scrollbar-width: thin; scrollbar-color: var(--or) transparent; } .mtab-panels::-webkit-scrollbar { width: 6px; } .mtab-panels::-webkit-scrollbar-thumb { background: var(--or); border-radius: 4px; } .mtab-panel { display: none; padding: 22px 30px 26px; } .mtab-panel.on { display: flex; gap: 24px; } .mtab-panel.single { display: none; } .mtab-panel.single.on { display: block; } #mpanel-ficha.on { padding: 12px 16px; } .mpanel-img { width: 380px; flex-shrink: 0; display: flex; flex-direction: column; gap: 12px; } .mgal { background: transparent; border-radius: 10px; overflow: hidden; position: relative; cursor: zoom-in; } /* Lightbox */ .img-lightbox { display: none; position: fixed; inset: 0; z-index: 99999; background: rgba(0,0,0,.6); align-items: center; justify-content: center; cursor: zoom-out; } .img-lightbox.open { display: flex; } .img-lightbox-inner { position: relative; max-width: 60vw; max-height: 70vh; cursor: default; } .img-lightbox-inner img { display: block; max-width: 100%; max-height: 70vh; object-fit: contain; border-radius: 10px; user-select: none; -webkit-user-drag: none; pointer-events: none; box-shadow: 0 20px 60px rgba(0,0,0,.5); } .img-lightbox-close { position: absolute; top: -14px; right: -14px; background: #ff9100; border: none; color: #fff; font-size: 18px; font-weight: 900; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .15s; line-height:1; } .img-lightbox-close:hover { background: #e07f00; } /* IMAGEN MODAL (Fuerza Relación de Aspecto 1:1) */ .mimg { width: 100%; aspect-ratio: 1/1 !important; object-fit: contain; background: var(--s3); border-radius: 10px; padding: 16px; display: block; pointer-events: none; -webkit-user-drag: none; user-select: none; } .mnoimg { height: 160px; display: flex; align-items: center; justify-content: center; font-size: 56px; opacity: .1; } .mthumbs { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; padding-bottom: 4px; } .mthumbs::-webkit-scrollbar { display: none; } .mthumb { width: 48px; height: 48px; border-radius: 6px; overflow: hidden; border: 2px solid var(--b1); cursor: pointer; flex-shrink: 0; background: #fff; transition: border-color .15s; } .mthumb.on { border-color: var(--or); } .mthumb img { width: 100%; height: 100%; object-fit: contain; display: block; padding: 2px; } .mpanel-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; } .mdesc { font-size: 15px; color: #000; line-height: 1.6; } .msec-t { font-size: 14px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--or); margin-bottom: 12px; } .mspecs { display: grid; grid-template-columns: 1fr; gap: 8px; } .mspec { display: flex; align-items: flex-start; gap: 7px; font-size: 14px; color: #000; background: transparent; padding: 2px 0; } .msdot { color: var(--or); flex-shrink: 0; font-size: 14px; margin-top: 1px; font-weight: 900; } /* SISTEMA DE VIDEOS Cadena de height:100% (no cálculos en JS ni padding-bottom:% — ese % se calcula contra el ancho del contenedor PADRE, no contra el propio max-width, así que nunca respetaba el límite): el modal tiene altura fija (no max-height), así que .mtab-panels (flex:1) sí tiene una altura real y cada nivel puede heredarla en 100% hasta llegar al video. El video usa aspect-ratio + height:100% (deriva el ancho del alto disponible, no al revés), así el navegador lo encoge solo, sin que se recorte ni haga falta scroll — funciona sea cual sea el tamaño del header o del modal. */ #mpanel-videos.on { display: flex !important; flex-direction: row; gap: 0; padding: 0; align-items: stretch; overflow: hidden; height: 100%; } /* YouTube: columna full */ .mvids { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 24px 30px; box-sizing: border-box; } .myvid-wrapper { position: relative; height: 100%; max-height: 100%; width: auto; max-width: 100%; aspect-ratio: 16 / 9; display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1); background: #000; margin: 0 auto; z-index: 5; pointer-events: auto !important; } .myvid-wrapper.is-short { aspect-ratio: 9 / 16; max-width: 280px; } .myvid-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; z-index: 6; pointer-events: auto !important; } /* TikTok: layout horizontal — iframe izq, info der */ .mvids-tiktok-layout { width: 100%; height: 100%; padding: 20px 24px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; } /* Contenedor 16:9 con el iframe centrado, recortando UI lateral e inferior. */ .myvid-tiktok-col { height: 100%; max-height: 100%; width: auto; max-width: 100%; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #000; border-radius: 12px; } .myvid-tiktok-col iframe { border: none; position: absolute; /* El embed de TikTok es ~340px ancho. Lo centramos y lo hacemos tan alto como el contenedor */ width: 340px; height: 100%; left: 50%; top: 0; transform: translateX(-50%); } .mvlink { display: inline-flex; align-items: center; gap: 6px; background: #f5f5f5; border: 1px solid var(--b2); border-radius: 8px; padding: 8px 14px; text-decoration: none; color: #000; font-size: 13px; font-weight: 600; transition: border-color .15s, color .15s; } .mvlink:hover { border-color: var(--or); color: var(--or); } .mficha { display: flex; flex-direction: column; gap: 12px; } .mficha img { width: 100%; border-radius: 10px; border: 1px solid var(--b1); display: block; } .mficha-pdf { display: inline-flex; align-items: center; gap: 8px; background: #f5f5f5; border: 1px solid var(--b2); border-radius: 10px; padding: 12px 18px; text-decoration: none; color: #000; font-size: 14px; font-weight: 600; transition: border-color .15s; } .mficha-pdf:hover { border-color: var(--or); color: var(--or); } .pdf-viewer-wrap { width: 100%; } .pdf-iframe-wrap { position: relative; width: 100%; border-radius: 10px; overflow: hidden; background: #fafafa; border: 1px solid var(--b1); } .pdf-iframe-wrap iframe { display: block; width: 100%; height: var(--pdf-h, 400px); border: none; } .pdf-loading { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: #fafafa; z-index: 2; pointer-events: none; transition: opacity .3s; } .pdf-loading.hidden { opacity: 0; } .pdf-loading .spin { width: 28px; height: 28px; } .pdf-loading-txt { font-size: 13px; color: var(--mu); font-weight: 600; } .mactions { padding: 16px 30px; border-top: 1px solid var(--b1); display: flex; gap: 12px; align-items: center; flex-shrink: 0; background: #fff; z-index: 10; } .btn-wa2 { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: #25D366; color: #fff; border: none; border-radius: 999px; font-family: 'Airstrike', sans-serif; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; text-decoration: none; transition: opacity .15s; } .btn-wa2:hover { opacity: .88; } .btn-modal-add { display: inline-flex; align-items: center; justify-content: center; gap: 7px; background: var(--or); color: #fff; border: none; border-radius: 999px; font-family: 'Airstrike', sans-serif; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; transition: all .15s; } .btn-modal-add:hover { background: var(--or2); } .btn-modal-add.added { background: #22c55e; } /* ══════════════════════════════════════ TABLET ≤ 1200px (Failsafe Resolutions) ══════════════════════════════════════ */ @media(max-width:1200px){ html{overflow:hidden;height:100%} body{overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%} #app{height:auto;min-height:100%} .gw{padding:12px} .sidebar{width:160px;} .sitem{padding:7px 10px;font-size:12px} .sg-title{font-size:10px;padding:8px 10px 4px} .grid,.grid[class*="cols-"]{grid-template-columns:repeat(5,1fr)!important;gap:12px} .pc-img-brand{display:block} .pc-brand-box{display:none!important} .pc-brand-text{display:none!important} .pc-body{padding:8px} .pc-name{font-size:14px;line-height:1.2} .pc-cat-inline{display:none!important} .pc-spec{font-size:11px} .pc-sku{font-size:10px} .pc-foot{padding-top:6px} .btn-ver{display:none!important} .btn-add{font-size:12px;padding:6px 12px;width:100%} .pc-foot-btns{margin-left:0;width:100%} .mspecs{grid-template-columns:1fr} .gcols-slider{width:60px} } /* ══════════════════════════════════════ DRAWERS PARA MOBILE Y TABLET PORTRAIT ══════════════════════════════════════ */ @media(max-width:700px), (max-width: 1200px) and (orientation: portrait) { .portrait-filters { display: flex; position: sticky; top: 48px; z-index: 90; } #more-wrap { display: none!important; } .body { flex-direction: column; } .main { overflow: visible; } .gw { padding: 10px; overflow: visible;} .topbar { padding: 0 10px; gap: 8px; height: 48px; } .topbar-social-btn { display: none!important; } .topbar .tb-search { max-width: none; flex: 1 1 auto; } .gcols { display: none!important; } .btn-wa { padding: 6px 12px; font-size: 12px; } .grid,.grid[class*="cols-"] { grid-template-columns: repeat(2,1fr)!important; gap: 10px; } .pc-body { padding: 7px; } .pc-name { font-size: 13px; } .pc-spec { display: none!important; } .btn-add { font-size: 11px; padding: 5px 12px; } /* Drawer Izquierdo (Categorías) */ .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: 340px; max-width: 85vw; height: 100vh; background: #fff; z-index: 8100; transform: translateX(-105%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; padding: 0; border-right: none; box-shadow: 5px 0 25px rgba(0,0,0,0.2); } .sidebar.drawer-open { transform: translateX(0); } .sidebar .drawer-header { display: flex; } .sidebar .sg-title { display: none; } .sidebar .sitem { padding: 18px 20px; font-size: 17px; border-bottom: 1px solid var(--s3); } /* Drawer Derecho (Marcas) */ .fbar { position: fixed; top: 0; right: 0; bottom: 0; width: 340px; max-width: 85vw; height: 100vh; background: #fff; z-index: 8100; transform: translateX(105%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex-direction: column; align-items: stretch; padding: 0; border-top: none; border-bottom: none; box-shadow: -5px 0 25px rgba(0,0,0,0.2); } .fbar.drawer-open { transform: translateX(0); display: flex!important;} .fbar .drawer-header { display: flex; } .fbar .flbl { display: none; } #bchips { flex-direction: column; align-items: stretch; padding: 0; overflow-y: auto; flex: 1; gap: 0;} .chip { width: 100%; border-radius: 0; border: none; border-bottom: 1px solid var(--s3); padding: 18px 20px; font-size: 17px; background: transparent; justify-content: flex-start; } .chip.on { background: var(--or-gl); color: var(--or); border-left: 4px solid var(--or); } .chip.on img { filter: none; } .fbar .chip img { height: 28px !important; max-width: 120px !important; } .chip-x { align-self: center; margin: 20px; padding: 12px 20px; } /* Modal Móvil/Tablet Portrait */ .mbg { padding: 0; align-items: flex-end; } .modal { border-radius: 20px 20px 0 0; height: 94vh; transform: translateY(100%); animation: slideUp .3s ease-out forwards; } @keyframes slideUp { to { transform: translateY(0); opacity: 1; } } .mvids { padding: 12px 16px; } .myvid-wrapper { width: 100%; height: auto; max-height: none; flex-shrink: 0; } .myvid-wrapper.is-short { width: auto; height: 100%; max-width: 100%; max-height: 100%; } .mheader { padding: clamp(12px, 2.2vh, 20px) 20px 0; position: relative; } .mclose { position: absolute; top: 16px; right: 16px; width: clamp(26px, 3.4vh, 30px); height: clamp(26px, 3.4vh, 30px); font-size: clamp(16px, 2.2vh, 20px); } .mname { font-size: clamp(17px, 2.4vh, 22px); margin-top: 4px; padding-right: 32px; } .msku { font-size: clamp(11px, 1.3vh, 12px); } .mcat-tag { font-size: clamp(8px, 1vh, 9px); } .mtabs { padding: clamp(6px, 1.1vh, 10px) 20px 0; gap: 8px; } .mtab { font-size: clamp(11px, 1.3vh, 12px); padding: clamp(7px, 1.1vh, 10px) 14px; } .mtab-panel { padding: clamp(12px, 2.2vh, 20px); } .mtab-panel.on { flex-direction: column; gap: clamp(6px, 1vh, 10px); } #mpanel-info.on { height: 100%; min-height: 0; } .mpanel-img { width: 100%; gap: 8px; align-items: center; flex: 1 1 auto; min-height: 70px; overflow: hidden; justify-content: center; } .mgal { flex: 1; min-height: 0; width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; } .mimg { max-width: 100%; max-height: 100%; width: auto; height: auto; margin: 0 auto; padding: 8px; object-fit: contain; } .mpanel-info { flex: 0 0 auto; gap: clamp(5px, 0.9vh, 8px); } .mthumbs { gap: 6px; justify-content: center; width: 100%;} .mdesc { font-size: clamp(12px, 1.5vh, 14px); line-height: 1.4; } .msec-t { font-size: clamp(11px, 1.3vh, 14px); margin-bottom: clamp(6px, 1vh, 12px); } .mspec { font-size: clamp(11px, 1.4vh, 13px); } .mspecs { gap: clamp(4px, 0.7vh, 8px); } .mactions { padding: clamp(10px, 1.8vh, 16px) 20px; flex-direction: column; gap: clamp(6px, 0.9vh, 8px); box-shadow: 0 -4px 12px rgba(0,0,0,0.05); } .btn-modal-add, .btn-wa2 { width: 100%; } .mactions .btn-modal-add, .mactions .btn-wa2 { height: clamp(30px, 4vh, 36px); font-size: clamp(11px, 1.3vh, 12px); } .cart-panel { width: calc(100vw - 32px); max-width: 340px; } } /* ══════════════════════════════════════ TABLET FORCE — (Detección por JS Activa) ══════════════════════════════════════ */ html.is-tablet .sidebar { width: 160px; } html.is-tablet .sitem { padding: 7px 10px; font-size: 12px; } html.is-tablet .pc-img-brand { display: block; } html.is-tablet .pc-brand-box { display: none !important; } html.is-tablet .pc-brand-text { display: none !important; } html.is-tablet .pc-body { padding: 8px; } html.is-tablet .pc-name { font-size: 14px; line-height: 1.2; } html.is-tablet .pc-cat-inline { display: none !important; } html.is-tablet .pc-spec { font-size: 11px; } html.is-tablet .pc-foot { padding-top: 6px; } html.is-tablet .btn-ver { display: none !important; } html.is-tablet .btn-add { font-size: 12px; padding: 6px 12px; width: 100%; } html.is-tablet .pc-foot-btns { margin-left: 0; width: 100%; } html.is-tablet .gcols { display: none !important; } html.is-tablet .fbar { padding: 6px 10px; gap: 5px; } html.is-tablet .flbl { font-size: 10px; } html.is-tablet .chip { padding: 4px 8px; font-size: 10px; gap: 4px; } html.is-tablet .chip img { height: 14px !important; max-width: 48px !important; } html.is-tablet .grid, html.is-tablet .grid[class*="cols-"] { grid-template-columns: repeat(5, 1fr) !important; gap: 12px; } /* Modal Tablet Horizontal (Centrado y amplio) */ html.is-tablet .mbg { padding: 40px; align-items: center; } html.is-tablet .modal { width: 100%; max-width: 900px; max-height: 85vh; border-radius: 14px; margin: 0 auto; transform: scale(.96); } html.is-tablet .mheader { padding: 24px 30px 0; } html.is-tablet .mname { font-size: 28px; } html.is-tablet .mtabs { padding: 14px 30px 0; } html.is-tablet .mtab-panel { padding: 24px 30px; } html.is-tablet .mpanel-img { width: 40%; max-width: 360px; } html.is-tablet .mactions { padding: 16px 30px; } /* REGLAS DRAWERS IPAD PORTRAIT */ html.is-tablet.is-portrait .portrait-filters { display: flex; } html.is-tablet.is-portrait .body { flex-direction: column; } html.is-tablet.is-portrait .main { overflow: visible; } html.is-tablet.is-portrait .gw { padding: 12px; overflow: visible;} html.is-tablet.is-portrait .grid, html.is-tablet.is-portrait .grid[class*="cols-"] { grid-template-columns: repeat(3, 1fr) !important; gap: 12px; } html.is-tablet.is-portrait .topbar { padding: 0 12px; height: 50px; } html.is-tablet.is-portrait .sidebar { position: fixed; top: 0; left: 0; bottom: 0; width: 340px; max-width: 85vw; height: 100vh; background: #fff; z-index: 8100; transform: translateX(-105%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; padding: 0; border-right: none; box-shadow: 5px 0 25px rgba(0,0,0,0.2); } html.is-tablet.is-portrait .sidebar.drawer-open { transform: translateX(0); } html.is-tablet.is-portrait .sidebar .drawer-header { display: flex; } html.is-tablet.is-portrait .sidebar .sg-title { display: none; } html.is-tablet.is-portrait .sidebar .sitem { padding: 18px 20px; font-size: 17px; border-bottom: 1px solid var(--s3); } html.is-tablet.is-portrait .fbar { position: fixed; top: 0; right: 0; bottom: 0; width: 340px; max-width: 85vw; height: 100vh; background: #fff; z-index: 8100; transform: translateX(105%); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); flex-direction: column; align-items: stretch; padding: 0; border-top: none; border-bottom: none; box-shadow: -5px 0 25px rgba(0,0,0,0.2); } html.is-tablet.is-portrait .fbar.drawer-open { transform: translateX(0); display: flex!important;} html.is-tablet.is-portrait .fbar .drawer-header { display: flex; } html.is-tablet.is-portrait .fbar .flbl { display: none; } html.is-tablet.is-portrait #bchips { flex-direction: column; align-items: stretch; padding: 0; overflow-y: auto; flex: 1; gap: 0;} html.is-tablet.is-portrait .chip { width: 100%; border-radius: 0; border: none; border-bottom: 1px solid var(--s3); padding: 18px 20px; font-size: 17px; background: transparent; justify-content: flex-start; } html.is-tablet.is-portrait .chip.on { background: var(--or-gl); color: var(--or); border-left: 4px solid var(--or); } html.is-tablet.is-portrait .chip.on img { filter: none; } html.is-tablet.is-portrait .fbar .chip img { height: 28px !important; max-width: 120px !important; } html.is-tablet.is-portrait .chip-x { align-self: center; margin: 20px; padding: 12px 20px; } html.is-tablet.is-portrait .mbg { padding: 30px!important; align-items: center!important; justify-content: center!important; } html.is-tablet.is-portrait .modal { border-radius: 16px!important; height: min(700px, 85vh)!important; width: 100%!important; max-width: 650px!important; margin: 0 auto!important; transform: none!important; } html.is-tablet.is-portrait .mtab-panel.on { flex-direction: column!important; gap: 20px!important; } html.is-tablet.is-portrait .mpanel-img { width: 100%!important; max-width: 100%!important; flex-direction: column!important; align-items: center; } html.is-tablet.is-portrait .mimg { width: 100%!important; max-width: 340px!important; aspect-ratio: 1/1 !important; height: auto!important; object-fit: contain!important; padding: 16px!important; background: var(--s3)!important; border-radius: 10px!important; margin: 0 auto!important; } html.is-tablet.is-portrait .mthumbs { display: flex!important; justify-content: center; width: 100%; } html.is-tablet.is-portrait .mheader { padding: 24px 24px 0!important; } html.is-tablet.is-portrait .mname { font-size: 26px!important; } html.is-tablet.is-portrait .mdesc { font-size: 15px!important; line-height: 1.5; } html.is-tablet.is-portrait .mspec { font-size: 14px!important; } html.is-tablet.is-portrait .mactions { padding: 16px 24px!important; } /* CART ESTILOS GLOBALES — el panel cuelga del botón del topbar, igual que el menú "Más" */ .cart-wrap { position: relative; display: inline-flex; } .cart-panel { position: absolute; top: calc(100% + 8px); right: 0; width: 340px; background: #fff; border: 1px solid var(--b1); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.15); display: flex; flex-direction: column; max-height: 60vh; z-index: 8000; transform: translateY(10px); opacity: 0; pointer-events: none; transition: all .15s; } .cart-panel.open { transform: translateY(0); opacity: 1; pointer-events: auto; } .cart-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; border-bottom: 1px solid var(--b1); background: #fafafa; border-radius: 12px 12px 0 0; } .cart-title { font-weight: 700; font-size: 14px; } .cart-clear { background: transparent; border: none; color: #ef4444; font-size: 11px; font-weight: 700; text-transform: uppercase; cursor: pointer; } .cart-items { flex: 1; overflow-y: auto; padding: 10px 0; } .cart-empty { padding: 30px; text-align: center; color: var(--mu); font-size: 13px; } .cart-item { display: flex; align-items: center; gap: 12px; padding: 10px 18px; border-bottom: 1px solid var(--s3); } .cart-item:last-child { border-bottom: none; } .cart-item-img { width: 44px; height: 44px; border-radius: 6px; background: var(--s3); object-fit: contain; padding: 4px; flex-shrink: 0; } .cart-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; } .cart-item-marca { font-size: 9px; font-weight: 700; color: var(--or); text-transform: uppercase; letter-spacing: .06em; } .cart-item-name { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.2; } .cart-item-del { background: transparent; border: none; color: var(--mu); font-size: 18px; cursor: pointer; padding: 4px; line-height: 1; border-radius: 50%; } .cart-item-del:hover { background: #fee2e2; color: #ef4444; } .cart-footer { padding: 14px 18px; border-top: 1px solid var(--b1); } .btn-cotizar-cart { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: 100%; background: #25D366; color: #fff; border: none; border-radius: 999px; font-family: 'Airstrike', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; cursor: pointer; transition: background .15s; } .btn-cotizar-cart:hover { background: #1da851; } .cart-badge { font-size: 16px; font-weight: 800; color: #000; } /* Botón carrito en verde + pulso cuando hay artículos — mismo verde de WhatsApp que .btn-cotizar-cart, para que ambos combinen. */ #btn-cart.has-items { background: #25D366; border-color: #25D366; color: #fff; animation: pulse-green 1.4s ease-in-out infinite; } #btn-cart.has-items:hover { background: #1da851; } #btn-cart.has-items .cart-badge { color: #fff; } @keyframes pulse-green { 0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.7)} 50%{box-shadow:0 0 0 12px rgba(37,211,102,0)} } </style> <script> // ── DETECCIÓN AVANZADA DE DISPOSITIVO ─────────────────────────────────────── (function(){ var ua = navigator.userAgent || ''; var isTouch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0); var isIpad = /iPad/.test(ua) || (isTouch && /Macintosh/.test(ua)); var isAndroidTablet = /Android/.test(ua) && !/Mobile/.test(ua); var isKindle = /Silk/.test(ua); var isTabletSize = isTouch && window.innerWidth >= 600 && window.innerWidth <= 1400; var isTablet = isIpad || isAndroidTablet || isKindle || isTabletSize; if (window.innerWidth <= 700) isTablet = false; window.EKANN_IS_TABLET = isTablet; if (isTablet) { document.documentElement.classList.add('is-tablet'); function checkOrientation() { var isPortrait = window.innerHeight > window.innerWidth; document.documentElement.classList.toggle('is-portrait', isPortrait); if (typeof window.apply === 'function') { window.currentCols = isPortrait ? 3 : 5; window.apply(); } } checkOrientation(); window.addEventListener('orientationchange', function(){ setTimeout(checkOrientation, 150); }); window.addEventListener('resize', checkOrientation); } })(); // ── FORCE CACHE REFRESH ───────────────────────────────────────────────────── // Desactivado en el bloque de Squarespace: el catálogo se escribe en un iframe // about:blank y un location.replace() aquí borraría el contenido. // Ajuste visual para IFRAME (Squarespace) // Desactivado en el bloque de Squarespace: el catálogo corre dentro de un // iframe de alto fijo con scroll interno, como la versión anterior. // Así los modales position:fixed se anclan al viewport del iframe y no // quedan a mitad de una página de 20 000px. </script> <!-- Overrides SOLO para el bloque de Squarespace, cuando la barra de categorías está visible (escritorio y tablet apaisada). El catálogo va en un iframe cuyo alto = alto visible de la pantalla menos el encabezado; la columna de categorías reparte ESE alto entre todas (flex) y si no caben, hace su propio scroll. En móvil / tablet-vertical NO aplica: ahí va el drawer. --> <style> @media (min-width: 1025px), (min-width: 768px) and (orientation: landscape) { html, body { height: 100% !important; overflow: hidden !important; } #app { height: 100% !important; min-height: 0 !important; } .body { height: auto !important; min-height: 0 !important; overflow: hidden !important; } .main { min-height: 0 !important; } /* La barra llena el alto disponible; si hay más categorías de las que caben, hace scroll interno en lugar de recortarse. */ .sidebar { align-self: stretch !important; height: auto !important; overflow-y: auto !important; } /* Crecen para repartir el espacio sobrante, pero nunca se encogen por debajo de su alto natural: si no caben todas, la barra hace scroll. */ .sidebar .sitem { flex: 1 0 auto !important; overflow: hidden !important; } .sidebar .sitem-name { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } } </style> </head> <body> <div id="ekann-loader"><img src="https://res.cloudinary.com/dhofegg1w/image/upload/v1777914734/EKANN_LOGO_NARANJA_haymya.png" alt="EKANN"><span class="el-txt">Cargando</span><div class="el-spinner"></div></div> <div id="app"> <div class="topbar"> <div class="topbar-left"> <div class="brand" style="display:flex;align-items:center;gap:10px;"> <img src="https://res.cloudinary.com/dhofegg1w/image/upload/v1777914734/EKANN_LOGO_NARANJA_haymya.png" alt="EKANN" style="height:30px;object-fit:contain;display:block;"> <a class="topbar-social-btn" href="https://www.facebook.com/comercializadoraekann/" target="_blank" rel="noopener" title="Facebook EKANN"> <svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987H7.898V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"/></svg> </a> <a class="topbar-social-btn" href="https://www.tiktok.com/@ekannaccesorios" target="_blank" rel="noopener" title="TikTok EKANN"> <svg width="17" height="17" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.89-2.89 2.89 2.89 0 012.89-2.89c.28 0 .54.04.79.1V9.01a6.27 6.27 0 00-.79-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.33-6.34V8.75a8.16 8.16 0 004.77 1.52V6.82a4.85 4.85 0 01-1-.13z"/></svg> </a> </div> <div class="gcols"> <span class="gcols-label">Vista</span> <input class="gcols-slider" id="gcols-slider" type="range" min="4" max="8" step="1" value="6" oninput="setCols(+this.value)"> <span class="gcols-val" id="gcols-val">4</span> </div> </div> <div class="tb-search"> <span class="search-icon"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="#F97316" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg></span> <input id="q" type="text" placeholder="Buscar" autocomplete="off"> </div> <div class="topbar-r"> <div class="cart-wrap" id="cart-wrap"> <button class="tb-btn outline" id="btn-cart" onclick="toggleCart()" title="Carrito"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg> <span class="cart-badge" id="cart-count-tb">0</span> </button> <div class="cart-panel" id="cart-panel"> <div class="cart-header"> <div class="cart-title"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-2px;margin-right:6px"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>Lista de Cotización</div> <button class="cart-clear" onclick="clearCart()">Vaciar lista</button> </div> <div class="cart-items" id="cart-items"> <div class="cart-empty">Agrega productos para cotizar</div> </div> <div class="cart-footer"> <button class="btn-cotizar-cart" onclick="sendCartWA()"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:-3px;margin-right:6px"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.71.45 3.38 1.29 4.85L2 22l5.36-1.4a9.9 9.9 0 004.68 1.19h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.87 9.87 0 0012.04 2zm0 18.14h-.01a8.2 8.2 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 01-1.26-4.37c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 012.41 5.83c0 4.55-3.7 8.24-8.24 8.24zm4.52-6.17c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.39-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.23.25-.86.84-.86 2.05s.89 2.38 1.01 2.54c.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.08.15-1.18-.06-.1-.23-.17-.48-.29z"/></svg>COTIZAR POR WHATSAPP</button> </div> </div> </div> <div class="more-wrap" id="more-wrap"> <button class="tb-btn dark" id="btn-more" onclick="toggleMoreMenu()"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="5" r="1.5" fill="currentColor"/><circle cx="12" cy="12" r="1.5" fill="currentColor"/><circle cx="12" cy="19" r="1.5" fill="currentColor"/></svg> <span class="tb-label">Más</span> </button> <div class="more-panel" id="more-panel"> <button class="tb-btn primary" id="btn-full" onclick="closeMoreMenu();toggleFullscreen()"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/></svg> <span class="tb-label">Pantalla completa</span> </button> </div> </div> </div> </div> <!-- OVERLAY PARA DRAWERS --> <div class="drawer-bg" id="drawer-bg" onclick="closeDrawers()"></div> <!-- BOTONES DE FILTRO (Solo visibles en Portrait/Mobile) --> <div class="portrait-filters"> <button class="pf-btn" onclick="openDrawer('sidebar')"> Categorías <span id="pf-cat-label"></span> </button> <button class="pf-btn" onclick="openDrawer('fbar')"> Marcas <span id="pf-brd-label"></span> </button> </div> <div class="fbar" id="fbar"> <!-- Header para Drawer (Oculto en PC) --> <div class="drawer-header"> <div class="drawer-title">Marcas</div> <button class="drawer-close" onclick="closeDrawers()"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button> </div> <div class="flbl">Marca</div> <div id="bchips"></div> <div class="chip-x" id="chip-x" onclick="clearAll()"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" style="vertical-align:-1px;margin-right:3px"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>Limpiar filtros</div> </div> <div class="body"> <div class="sidebar" id="sidebar"></div> <div class="main"> <div class="gw" id="gw"></div> </div> </div> </div> <!-- Modal --> <div class="mbg" id="mbg" onclick="if(event.target===this)closeModal()"> <div class="modal"> <div class="mheader"> <div> <div class="mmarca" id="mmarca"></div> <div class="mname" id="mname"></div> <div class="msku" id="msku"></div> <div class="mcat-tag" id="mcat"></div> </div> <button class="mclose" onclick="closeModal()">×</button> </div> <div class="mtabs" id="mtabs"></div> <div class="mtab-panels"> <div class="mtab-panel on" id="mpanel-info"> <div class="mpanel-img"> <div class="mgal" id="mgal"></div> </div> <div class="mpanel-info"> <div class="mdesc" id="mdesc"></div> <div id="mspecs-wrap"></div> </div> </div> <div class="mtab-panel single" id="mpanel-videos"> <div class="mvids" id="mvids-wrap"></div> </div> <div class="mtab-panel single" id="mpanel-ficha"> <div class="mficha" id="mficha-wrap"></div> </div> </div> <div class="mactions"> <button class="btn-modal-add" id="btn-modal-add" onclick="addToCartFromModal()">+ Añadir a lista</button> <a class="btn-wa2" id="mwa" href="#"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" style="vertical-align:-2px;margin-right:5px"><path d="M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.71.45 3.38 1.29 4.85L2 22l5.36-1.4a9.9 9.9 0 004.68 1.19h.01c5.46 0 9.91-4.45 9.91-9.91 0-2.65-1.03-5.14-2.9-7.01A9.87 9.87 0 0012.04 2zm0 18.14h-.01a8.2 8.2 0 01-4.19-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.2 8.2 0 01-1.26-4.37c0-4.54 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 012.41 5.83c0 4.55-3.7 8.24-8.24 8.24zm4.52-6.17c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.17.25-.64.81-.78.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-2-1.23-.74-.66-1.24-1.47-1.39-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.14.16-.25.25-.41.08-.17.04-.31-.02-.43-.06-.12-.56-1.35-.77-1.85-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.23.25-.86.84-.86 2.05s.89 2.38 1.01 2.54c.12.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.48-.07 1.47-.6 1.67-1.18.21-.58.21-1.08.15-1.18-.06-.1-.23-.17-.48-.29z"/></svg>Solicitar cotización</a> </div> </div> </div> <!-- Lightbox --> <div class="img-lightbox" id="img-lightbox" onclick="closeLightbox()"> <div class="img-lightbox-inner" onclick="event.stopPropagation()"> <button class="img-lightbox-close" onclick="closeLightbox()">×</button> <img id="img-lightbox-img" src="" alt=""> </div> </div> <script> // ── FIREBASE INIT ───────────────────────────────────────────────────────────── const FC={apiKey:"AIzaSyBTTdGLKEbCl3iBPk16W4ace7VUewksbhc",authDomain:"ekann-catalogo.firebaseapp.com",projectId:"ekann-catalogo",storageBucket:"ekann-catalogo.firebasestorage.app",messagingSenderId:"227325397906",appId:"1:227325397906:web:c61a335f6501c315718f4b"}; firebase.initializeApp(FC); const db = firebase.firestore(); // ── LÓGICA DEL CATÁLOGO ─────────────────────────────────────────────────────── let ALL=[], CAT='all', BRD='all', Q=''; let BRAND_LOGOS = {}; let CATS_CONFIG = []; window.currentCols = (window.EKANN_IS_TABLET) ? ((window.innerHeight > window.innerWidth) ? 3 : 5) : parseInt(localStorage.getItem('ekann-cols') || '6'); // ── Pantalla completa ────────────────────────────────────────────────────────── // ponytail: Fullscreen API estándar; en iPhone Safari no existe (solo <video>), // el botón simplemente no hará nada ahí — sin fallback, no hay forma nativa de suplirlo. const ICON_EXPAND = '<path d="M8 3H5a2 2 0 0 0-2 2v3"/><path d="M21 8V5a2 2 0 0 0-2-2h-3"/><path d="M3 16v3a2 2 0 0 0 2 2h3"/><path d="M16 21h3a2 2 0 0 0 2-2v-3"/>'; const ICON_SHRINK = '<path d="M8 3v3a2 2 0 0 1-2 2H3"/><path d="M21 8h-3a2 2 0 0 1-2-2V3"/><path d="M3 16h3a2 2 0 0 1 2 2v3"/><path d="M16 21v-3a2 2 0 0 1 2-2h3"/>'; function toggleFullscreen(){ if (!document.fullscreenElement) document.documentElement.requestFullscreen?.(); else document.exitFullscreen?.(); } document.addEventListener('fullscreenchange', () => { const svg = document.querySelector('#btn-full svg'); const label = document.querySelector('#btn-full .tb-label'); if (svg) svg.innerHTML = document.fullscreenElement ? ICON_SHRINK : ICON_EXPAND; if (label) label.textContent = document.fullscreenElement ? 'Salir de pantalla completa' : 'Pantalla completa'; }); // ── Menú "Más" del topbar ──────────────────────────────────────────────────── function toggleMoreMenu() { document.getElementById('more-panel')?.classList.toggle('open'); } function closeMoreMenu() { document.getElementById('more-panel')?.classList.remove('open'); } document.addEventListener('click', function(ev) { const wrap = document.getElementById('more-wrap'); if (wrap && !wrap.contains(ev.target)) closeMoreMenu(); }); async function load(){ try{ await loadBrandLogos(); const s = await db.collection('ekann-catalogo').get(); ALL = s.docs.map(d=>({id:d.id,...d.data()})) .filter(p=>p.activo!==false) .sort((a,b)=>{const c=(a.categoria||'').localeCompare(b.categoria||'','es',{numeric:true,sensitivity:'base'});return c!==0?c:(a.nombre||'').localeCompare(b.nombre||'','es',{numeric:true,sensitivity:'base'});}); buildSidebar(); buildBrands(); window.apply(); }catch(err){ document.getElementById('gw').innerHTML=`<div class="empty"><div class="e-ico">${ICON_ALERT}</div><div class="e-t">Error al cargar</div><div class="e-s">${err.message}</div></div>`; } window.ekannLoader && window.ekannLoader.hide(); } async function loadBrandLogos() { try { const [logosDoc, catsDoc] = await Promise.all([ db.collection('ekann-config').doc('brand-logos').get(), db.collection('ekann-config').doc('categories').get() ]); if (logosDoc.exists) BRAND_LOGOS = logosDoc.data(); if (catsDoc.exists) CATS_CONFIG = catsDoc.data().list || []; } catch(e) {} } function buildSidebar(){ const cats=[...new Set([...CATS_CONFIG, ...ALL.map(p=>p.categoria||'Otros')])].sort((a,b)=>a.localeCompare(b,'es',{numeric:true,sensitivity:'base'})); const cc={}; ALL.forEach(p=>{const c=p.categoria||'Otros';cc[c]=(cc[c]||0)+1;}); document.getElementById('sidebar').innerHTML= `<div class="drawer-header"><div class="drawer-title">Categorías</div><button class="drawer-close" onclick="closeDrawers()"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg></button></div>` + `<div class="sg-title">Categorías</div>` + `<div class="sitem on" data-c="all" onclick="setCat('all',this)"><span class="sitem-name">Todos</span><span class="scount">${ALL.length}</span></div>` + cats.map(c=>`<div class="sitem" data-c="${e(c)}" onclick="setCat('${e(c)}',this)"><span class="sitem-name">${e(c)}</span><span class="scount">${cc[c]||0}</span></div>`).join(''); } function buildBrands(){ const brands=[...new Set([...Object.keys(BRAND_LOGOS), ...ALL.map(p=>p.marca).filter(Boolean)])].sort((a,b)=>a.localeCompare(b,'es',{numeric:true,sensitivity:'base'})); document.getElementById('bchips').innerHTML= `<div class="chip on" data-b="all" onclick="setBrd('all',this)">Todas</div>`+ brands.map(b=>{ const logo = BRAND_LOGOS[b]; const inner = logo ? `<img src="${e(logo)}" alt="${e(b)}" style="height:20px;max-width:70px;object-fit:contain;display:block;" onerror="this.outerHTML='${e(b)}'"><span style="display:none">${e(b)}</span>` : e(b); return `<div class="chip" data-b="${e(b)}" onclick="setBrd('${e(b)}',this)" title="${e(b)}">${inner}</div>`; }).join(''); } // ── LÓGICA DE DRAWERS ───────────────────────────────────────────────────────── function openDrawer(id) { document.getElementById('drawer-bg').classList.add('show'); document.getElementById(id).classList.add('drawer-open'); document.body.style.overflow = 'hidden'; } function closeDrawers() { document.getElementById('drawer-bg').classList.remove('show'); const sb = document.getElementById('sidebar'); const fb = document.getElementById('fbar'); if(sb) sb.classList.remove('drawer-open'); if(fb) fb.classList.remove('drawer-open'); document.body.style.overflow = ''; } function updateFilterLabels() { const cLabel = document.getElementById('pf-cat-label'); const bLabel = document.getElementById('pf-brd-label'); if (cLabel) cLabel.textContent = CAT === 'all' ? '' : `(${CAT})`; if (bLabel) bLabel.textContent = BRD === 'all' ? '' : `(${BRD})`; } // ── FILTROS ─────────────────────────────────────────────────────────────────── function setCat(c,el){ CAT=c; document.querySelectorAll('.sitem').forEach(x=>x.classList.toggle('on',x.dataset.c===c)); updateFilterLabels(); closeDrawers(); window.apply(); } function setBrd(b,el){ BRD=b; document.querySelectorAll('.chip[data-b]').forEach(x=>x.classList.toggle('on',x.dataset.b===b)); updX(); updateFilterLabels(); closeDrawers(); window.apply(); } function clearAll(){ CAT='all'; BRD='all'; Q=''; document.getElementById('q').value=''; document.querySelectorAll('.sitem').forEach(x=>x.classList.toggle('on',x.dataset.c==='all')); document.querySelectorAll('.chip[data-b]').forEach(x=>x.classList.toggle('on',x.dataset.b==='all')); updX(); updateFilterLabels(); closeDrawers(); window.apply(); } function updX(){ document.getElementById('chip-x').classList.toggle('show', CAT!=='all'||BRD!=='all'||!!Q); } window.apply = function() { const q = Q.toLowerCase(); const res = ALL.filter(p=>{ if(CAT!=='all'&&(p.categoria||'Otros')!==CAT)return false; if(BRD!=='all'&&p.marca!==BRD)return false; if(q&&![p.nombre,p.marca,p.sku,p.categoria,p.descripcion,...(p.caracteristicas||[])].join(' ').toLowerCase().includes(q))return false; return true; }); const gw=document.getElementById('gw'); if(!res.length){gw.innerHTML=`<div class="empty"><div class="e-ico">${ICON_SEARCH}</div><div class="e-t">Sin resultados</div><div class="e-s">Prueba otros filtros</div></div>`;return;} gw.innerHTML=`<div class="grid cols-${window.currentCols}">${res.map(p=>{ const img=p.imagenes&&p.imagenes[0]?`<img src="${e(cldThumb(p.imagenes[0],400))}" alt="${e(p.nombre)}" loading="lazy" onerror="this.parentElement.innerHTML='<span class=noimg>'+ICON_PACKAGE+'</span>'">`:`<span class="noimg">${ICON_PACKAGE}</span>`; const sp=(p.caracteristicas||[]).slice(0,2).join(' · '); const brandLogo = BRAND_LOGOS[p.marca]; const brandEl = p.marca ? (brandLogo ? `<div class="pc-brand-box"><img class="pc-brand-logo" src="${e(brandLogo)}" alt="${e(p.marca)}" title="${e(p.marca)}" onerror="this.outerHTML='<span class=pc-brand-text>${e(p.marca)}</span>'"></div>` : `<span class="pc-brand-text">${e(p.marca)}</span>`) : '<div class="pc-brand-box" style="visibility:hidden"></div>'; const inCart = cart.find(x => x.id === p.id); const btnClass = inCart ? 'btn-add added' : 'btn-add'; const btnText = inCart ? ICON_CHECK : 'Cotizar'; const brandOverlay = p.marca ? (brandLogo ? `<div class="pc-img-brand"><img src="${e(brandLogo)}" alt="${e(p.marca)}" onerror="this.parentElement.innerHTML='<span>${e(p.marca)}</span>'"></div>` : `<div class="pc-img-brand"><span>${e(p.marca)}</span></div>`) : ''; return`<div class="pc" onclick="openModal('${e(p.id)}')"> <div class="pc-img">${img}${brandOverlay}</div> <div class="pc-body"> <div class="pc-name">${e(p.nombre||'—')}</div> ${p.categoria?`<div class="pc-cat-inline">${e(p.categoria)}</div>`:''} ${p.sku?`<div class="pc-sku">${e(p.sku)}</div>`:''} ${sp?`<div class="pc-spec">${e(sp)}</div>`:''} <div class="pc-foot"> ${brandEl} <div class="pc-foot-btns"> <button class="${btnClass}" data-id="${e(p.id)}" onclick="event.stopPropagation();addToCart('${e(p.id)}')">${btnText}</button> <button class="btn-ver" onclick="event.stopPropagation();openModal('${e(p.id)}')">Ver más</button> </div> </div> </div></div>`; }).join('')}</div>`; reportHeight(); }; document.getElementById('q').addEventListener('input', e => { Q = e.target.value; updX(); window.apply(); }); function setCols(n) { if (window.EKANN_IS_TABLET) n = (window.innerHeight > window.innerWidth) ? 3 : 5; window.currentCols = n; if (!window.EKANN_IS_TABLET) localStorage.setItem('ekann-cols', n); const grid = document.querySelector('.grid'); if (grid) grid.className = `grid cols-${n}`; const slider = document.getElementById('gcols-slider'); const val = document.getElementById('gcols-val'); if (slider) slider.value = n; if (val) val.textContent = n; } window.addEventListener('DOMContentLoaded', () => { const slider = document.getElementById('gcols-slider'); const val = document.getElementById('gcols-val'); if (slider) { slider.value = window.currentCols; slider.min=4; slider.max=8; } if (val) val.textContent = window.currentCols; }); // ── MODAL LÓGICA ───────────────────────────────────────────────────────────── let modalCurrentId = null; function updateModalAddBtn(){ const btn = document.getElementById('btn-modal-add'); if(!btn || !modalCurrentId) return; const inCart = cart.find(x => x.id === modalCurrentId); btn.innerHTML = inCart ? ICON_CHECK + ' En lista' : '+ Añadir a lista'; btn.classList.toggle('added', !!inCart); } function addToCartFromModal(){ if(!modalCurrentId) return; addToCart(modalCurrentId); updateModalAddBtn(); } function openModal(id){ const p=ALL.find(x=>x.id===id);if(!p)return; modalCurrentId = id; const logo = BRAND_LOGOS[p.marca]; document.getElementById('mmarca').innerHTML = p.marca ? (logo ? `<img src="${e(logo)}" alt="${e(p.marca)}" onerror="this.outerHTML='<span class=mmarca-text>${e(p.marca)}</span>'">` : `<span class="mmarca-text">${e(p.marca)}</span>`) : ''; document.getElementById('mname').textContent = p.nombre||'—'; document.getElementById('msku').textContent = p.sku ? `Código: ${p.sku}` : ''; const catEl = document.getElementById('mcat'); catEl.textContent = p.categoria||''; catEl.style.display = p.categoria ? '' : 'none'; const imgs = p.imagenes||[]; // La imagen principal y zoom van dentro de mgal; los thumbs FUERA para que el zoom no los tape const mgalEl2 = document.getElementById('mgal'); if (imgs.length) { mgalEl2.innerHTML = `<img class="mimg" id="mimg" src="${e(imgs[0])}" alt="${e(p.nombre)}" onerror="this.style.opacity='.1'">`; // Insertar thumbs como hermano de mgal, dentro de mpanel-img const mpanelImg = mgalEl2.parentElement; let thumbsEl = mpanelImg.querySelector('.mthumbs'); if (thumbsEl) thumbsEl.remove(); if (imgs.length > 1) { thumbsEl = document.createElement('div'); thumbsEl.className = 'mthumbs'; thumbsEl.innerHTML = imgs.map((u,i)=>`<div class="mthumb${i===0?' on':''}" onclick="setImg(${i},'${e(u)}')"><img src="${e(cldThumb(u,100))}" loading="lazy"></div>`).join(''); mpanelImg.appendChild(thumbsEl); } } else { mgalEl2.innerHTML = `<div class="mnoimg"><svg width="56" height="56" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="M3.3 7 12 12l8.7-5"/><path d="M12 22V12"/></svg></div>`; } document.getElementById('mdesc').textContent = p.descripcion||''; const specs = p.caracteristicas||[]; document.getElementById('mspecs-wrap').innerHTML = specs.length ? `<div><div class="msec-t">Especificaciones</div><div class="mspecs">${specs.map(s=>`<div class="mspec"><span class="msdot">▸</span>${e(s)}</div>`).join('')}</div></div>` : ''; const vids = p.videos||[]; // Detectar si hay algún TikTok para cambiar el layout del panel const hasTikTok = vids.some(u => /tiktok\.com/.test(u)); const hasYT = vids.some(u => /youtu/.test(u)); const wrap = document.getElementById('mvids-wrap'); if (hasTikTok && !hasYT) { // El embed de TikTok tiene: video arriba (~430px) + info abajo (~200px) // Ponemos un contenedor que muestra solo la parte del video (overflow:hidden) // y la info queda a la derecha mostrando el iframe completo desplazado const ttUrl = vids.find(u => /tiktok\.com/.test(u)); const ttId = ttUrl?.match(/tiktok\.com\/@([^/]+)\/video\/(\d+)/); const ttVidId = ttId?.[2]; wrap.innerHTML = `<div class="mvids-tiktok-layout"> <div class="myvid-tiktok-col" id="tt-col"> ${ttVidId ? `<iframe src="https://www.tiktok.com/embed/v2/${ttVidId}" allowfullscreen allow="autoplay"></iframe>` : `<div style="display:flex;align-items:center;justify-content:center;height:100%;color:#fff;font-size:13px;padding:20px;text-align:center">No se pudo cargar</div>`} </div> </div>`; } else { // YouTube u otros: layout normal wrap.innerHTML = `<div class="mvids">${vids.map((u,i)=>{ const ytId = u.match(/(?:youtu\.be\/|youtube\.com\/(?:watch\?v=|embed\/|shorts\/))([a-zA-Z0-9_-]{11})/)?.[1]; const isShort = u.includes('/shorts/'); if (ytId) return `<div class="myvid-wrapper${isShort ? ' is-short' : ''}"><iframe src="https://www.youtube.com/embed/${ytId}?enablejsapi=1" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe></div>`; return `<a class="mvlink" href="${e(u)}" target="_blank" rel="noopener">▶ Video${vids.length>1?' '+(i+1):''}</a>`; }).join('')}</div>`; wrap.querySelectorAll('.myvid-wrapper').forEach(function(wrapper){ const ytFrame = wrapper.querySelector('iframe'); const outerFrame = window.frameElement; console.log('[VIDEO-DEBUG] outer iframe allow=', outerFrame ? outerFrame.getAttribute('allow') : '(no outer iframe, top-level)'); console.log('[VIDEO-DEBUG] yt iframe src=', ytFrame.src, 'allow=', ytFrame.getAttribute('allow')); ytFrame.addEventListener('load', () => console.log('[VIDEO-DEBUG] yt iframe LOAD event fired')); wrapper.addEventListener('click', () => console.log('[VIDEO-DEBUG] click reached .myvid-wrapper in our page (means nothing is blocking pointer-events above the iframe)')); }); } const ficha = p.ficha||[]; document.getElementById('mficha-wrap').innerHTML = ficha.map((u, i) => { const isPdf = u.toLowerCase().includes('.pdf') || u.toLowerCase().includes('pdf'); if (isPdf) { const loaderId = `pdf-loader-${i}`; return `<div class="pdf-viewer-wrap"> <div class="pdf-iframe-wrap"> <div class="pdf-loading" id="${loaderId}"> <div class="spin"></div> <div class="pdf-loading-txt">Cargando PDF…</div> </div> <iframe src="${e(u)}" onload="document.getElementById('${loaderId}').classList.add('hidden')"></iframe> </div> </div>`; } return `<img src="${e(u)}" alt="Ficha técnica" onerror="this.style.display='none'">`; }).join(''); const tabs = [{ id:'info', label:'Información', panel:'mpanel-info' }]; if (vids.length) tabs.push({ id:'videos', label:'Videos', panel:'mpanel-videos' }); if (ficha.length) tabs.push({ id:'ficha', label:'Ficha técnica', panel:'mpanel-ficha' }); document.getElementById('mtabs').innerHTML = tabs.map((t,i)=> `<div class="mtab${i===0?' on':''}" data-panel="${t.panel}" onclick="switchTab(this)">${t.label}</div>` ).join(''); ['mpanel-info','mpanel-videos','mpanel-ficha'].forEach(id=>{ const el = document.getElementById(id); el.classList.remove('on'); }); document.getElementById('mpanel-info').classList.add('on'); const txt = encodeURIComponent(`Hola, me interesa: ${p.nombre}${p.sku?' ('+p.sku+')':''}`); document.getElementById('mwa').href = `https://wa.me/523316188715?text=${txt}`; updateModalAddBtn(); // Lightbox: click/touch sobre la imagen principal la abre a pantalla completa const mgalEl = document.getElementById('mgal'); if (!mgalEl._lightboxBound) { mgalEl.addEventListener('click', function() { const img = mgalEl.querySelector('.mimg'); if (!img || !img.src) return; openLightbox(img.src); }); mgalEl._lightboxBound = true; } document.getElementById('mbg').classList.add('open'); document.body.style.overflow = 'hidden'; // Esperar a que el modal termine de animar y luego dimensionar el iframe si aplica setTimeout(() => { const fichaPanel = document.getElementById('mpanel-ficha'); if (fichaPanel && fichaPanel.classList.contains('on')) sizePdfIframe(); }, 300); } function sizePdfIframe() { // Mide el espacio real disponible: desde abajo del tab-panels hasta arriba de mactions const panels = document.querySelector('.mtab-panels'); const actions = document.querySelector('.mactions'); if (!panels || !actions) return; const panelsTop = panels.getBoundingClientRect().top; const actionsTop = actions.getBoundingClientRect().top; const pad = 24; // padding 12px arriba + 12px abajo del panel ficha const h = Math.max(200, actionsTop - panelsTop - pad); document.documentElement.style.setProperty('--pdf-h', h + 'px'); } function switchTab(tabEl) { document.querySelectorAll('.mtab').forEach(t => t.classList.remove('on')); tabEl.classList.add('on'); ['mpanel-info','mpanel-videos','mpanel-ficha'].forEach(id => document.getElementById(id).classList.remove('on')); document.getElementById(tabEl.dataset.panel).classList.add('on'); if (tabEl.dataset.panel === 'mpanel-ficha') sizePdfIframe(); } function setImg(i,url){document.getElementById('mimg').src=url;document.querySelectorAll('.mthumb').forEach((t,j)=>t.classList.toggle('on',j===i));} function openLightbox(src) { const lb = document.getElementById('img-lightbox'); const lbImg = document.getElementById('img-lightbox-img'); lbImg.src = src; lb.classList.add('open'); // Bloquear guardar: contextmenu y drag ya están bloqueados globalmente } function closeLightbox() { document.getElementById('img-lightbox').classList.remove('open'); } document.addEventListener('keydown', ev => { if (ev.key === 'Escape') closeLightbox(); }); function closeModal(){ document.querySelectorAll('#mvids-wrap iframe').forEach(f => { f.dataset.src = f.src; f.src = ''; }); document.getElementById('mbg').classList.remove('open'); document.body.style.overflow = ''; } document.addEventListener('keydown',ev=>{if(ev.key==='Escape')closeModal();}); function e(s){return String(s||'').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"')} // Miniaturas de Cloudinary comprimidas/auto-formato: las imágenes de grid no // necesitan la resolución original y eso es lo que las hace tardar en cargar. function cldThumb(url, w){ return url ? url.replace('/upload/', `/upload/f_auto,q_auto,w_${w}/`) : url; } const ICON_ALERT = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>'; const ICON_SEARCH = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="22" y2="22"/></svg>'; const ICON_PACKAGE = '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="M3.3 7 12 12l8.7-5"/><path d="M12 22V12"/></svg>'; const ICON_CHECK = '<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>'; // ── LÓGICA DEL CARRITO ─────────────────────────────────────────────────────── let cart = []; function toggleCart() { document.getElementById('cart-panel').classList.toggle('open'); } function addToCart(id) { const p = ALL.find(x => x.id === id); if (!p) return; if (cart.find(x => x.id === id)) { removeFromCart(id); return; } cart.push({ id, nombre: p.nombre||'—', marca: p.marca||'', sku: p.sku||'', img: (p.imagenes||[])[0]||'' }); updateCart(); } function removeFromCart(id) { cart = cart.filter(x => x.id !== id); updateCart(); } function clearCart() { cart = []; updateCart(); } function updateCart() { const countTb = document.getElementById('cart-count-tb'); const items = document.getElementById('cart-items'); countTb.textContent = cart.length; document.getElementById('btn-cart').classList.toggle('has-items', cart.length > 0); if (!cart.length) { items.innerHTML = '<div class="cart-empty">Agrega productos para cotizar</div>'; } else { items.innerHTML = cart.map(p => ` <div class="cart-item"> ${p.img ? `<img class="cart-item-img" src="${e(p.img)}" onerror="this.style.display='none'">` : '<div class="cart-item-img"></div>'} <div class="cart-item-info"> <div class="cart-item-marca">${e(p.marca)}</div> <div class="cart-item-name">${e(p.nombre)}</div> ${p.sku ? `<div style="font-size:10px;color:#000">${e(p.sku)}</div>` : ''} </div> <button class="cart-item-del" onclick="removeFromCart('${e(p.id)}')">×</button> </div> `).join(''); } document.querySelectorAll('.btn-add[data-id]').forEach(btn => { const inCart = cart.find(x => x.id === btn.dataset.id); btn.innerHTML = inCart ? ICON_CHECK : 'Cotizar'; btn.classList.toggle('added', !!inCart); }); } function sendCartWA() { if (!cart.length) return; let msg = 'Hola, me gustaría cotizar los siguientes productos EKANN:\n\n'; cart.forEach((p, i) => { msg += `${i+1}. ${p.nombre}`; if (p.sku) msg += ` (${p.sku})`; if (p.marca) msg += ` — ${p.marca}`; msg += '\n'; }); msg += '\n¿Me pueden dar información de precios y disponibilidad?'; window.open('https://wa.me/523316188715?text=' + encodeURIComponent(msg), '_blank'); } document.addEventListener('click', e => { const panel = document.getElementById('cart-panel'); const btnTb = document.getElementById('btn-cart'); if (panel && panel.classList.contains('open') && !panel.contains(e.target) && !btnTb.contains(e.target)) { panel.classList.remove('open'); } }); // ── COMUNICACIÓN CON SQUARESPACE (RESIZE AUTOMÁTICO) ───────────────────────── // Desactivado: el iframe es de alto fijo con scroll interno, no hay que // reportar alto al padre. function reportHeight() {} window.addEventListener('message', ev => { if (typeof ev.origin === 'string' && ev.origin.includes('youtube.com')) { console.log('[VIDEO-DEBUG] message from YouTube iframe:', ev.data); } }); document.addEventListener('contextmenu', ev => { if (ev.target.tagName === 'IMG') ev.preventDefault(); }, true); document.addEventListener('dragstart', ev => { if (ev.target.tagName === 'IMG') ev.preventDefault(); }, true); load(); // Auto-cierre por inactividad: desactivado en el bloque de Squarespace // (no hay sesión ni index.html al que volver dentro del iframe). ekannTouchActivity(); async function closeCatalogSession() { const ok = await showConfirm('¿Cerrar la sesión del catálogo?', { title: 'Cerrar sesión', okLabel: 'Cerrar sesión' }); if (!ok) return; localStorage.removeItem('ekann_last_active'); location.href = 'index.html'; } </script> </body> </html>
