@charset "UTF-8";
/* Estilos del panel: movidos tal cual desde los bloques <style> de index.html (fase 13, CSP sin unsafe-inline en style-src-elem).
   Orden original conservado: 1) bloque principal, 2) #promoCss, 3) #kwaGlow. Se carga con <link> antes de uber-skin.css y accesibilidad.css. */

/* ===== bloque 1 (principal) ===== */
:root{--az:#E0457B;--az-bg:rgba(224,69,123,.10);--fondo:#F2F2F5;--card:#fff;--txt:#1D1D1F;--gris:#6E6E73;--linea:#E4E4E9;--soft:#F5F5F7;--amb:#FF9F0A;--sw:264px;--r:20px;--rs:12px;--sh:0 1px 2px rgba(0,0,0,.04),0 10px 26px -14px rgba(0,0,0,.16);--mica:radial-gradient(1200px 700px at 14% -10%,rgba(224,69,123,.08),transparent 60%),radial-gradient(1000px 800px at 100% 0%,rgba(15,108,189,.06),transparent 55%)}
:root[data-t="nocturno"]{--fondo:#1c1c1e;--card:#2c2c2e;--txt:#f5f5f7;--gris:#9b9ba1;--linea:#3a3a3c;--soft:#3a3a3c}
:root[data-t="oceano"]{--az:#0071E3;--az-bg:rgba(0,113,227,.12)}
:root[data-t="violeta"]{--az:#7B4FE0;--az-bg:rgba(123,79,224,.13)}
*{box-sizing:border-box}html,body{height:100%}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.aurora span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;will-change:transform}
.aurora .b1{width:46vw;height:46vw;left:-10vw;top:-14vw;background:radial-gradient(circle,var(--az) 0%,transparent 70%);animation:auroraA 26s ease-in-out infinite alternate}
.aurora .b2{width:38vw;height:38vw;right:-8vw;top:6vw;background:radial-gradient(circle,#0F6CBD 0%,transparent 70%);animation:auroraB 32s ease-in-out infinite alternate}
.aurora .b3{width:40vw;height:40vw;left:22vw;bottom:-18vw;background:radial-gradient(circle,var(--amb) 0%,transparent 70%);animation:auroraC 38s ease-in-out infinite alternate}
@keyframes auroraA{0%{transform:translate(0,0) scale(1)}100%{transform:translate(6vw,8vw) scale(1.12)}}
@keyframes auroraB{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-7vw,5vw) scale(1.08)}}
@keyframes auroraC{0%{transform:translate(0,0) scale(1)}100%{transform:translate(4vw,-6vw) scale(1.1)}}
@media(prefers-reduced-motion:reduce){.aurora span{animation:none}}
::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--gris) 45%,transparent);border-radius:8px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--gris) 65%,transparent);border:3px solid transparent;background-clip:padding-box}
body{margin:0;background:var(--fondo);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','SF Pro Display','Segoe UI Variable','Segoe UI','Segoe UI Web',system-ui,'Helvetica Neue',Arial,sans-serif;display:flex;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.sb{width:var(--sw);flex:0 0 var(--sw);position:fixed;top:0;left:0;bottom:0;background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(34px) saturate(180%);-webkit-backdrop-filter:blur(34px) saturate(180%);border-right:1px solid color-mix(in srgb,var(--linea) 70%,transparent);padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;padding-top:calc(16px + env(safe-area-inset-top,0px))}
.brand{padding:6px 6px 18px}.logo{background:#fff;border-radius:22px;padding:10px;margin-bottom:14px;text-align:center;border:0;box-shadow:0 6px 20px rgba(0,0,0,.09)}.logo img{max-width:100%;height:auto;display:block;margin:auto}.brand small{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--az);font-weight:700}
.brand h1{margin:6px 0 0;font-size:19px;font-weight:700;letter-spacing:-.02em}.brand p{margin:4px 0 0;font-size:12px;color:var(--gris)}
.ni{position:relative;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;font-size:13.5px;font-weight:520;cursor:pointer;margin-bottom:3px;transition:background .18s cubic-bezier(.2,.8,.2,1),transform .12s}
.ni:hover{background:var(--soft)}.ni:active{transform:scale(.98)}.ni.on{background:var(--az-bg);color:var(--az);font-weight:600}
.ni span:first-child{width:22px;text-align:center}
.sf{margin-top:auto;font-size:11px;color:var(--gris);padding:12px;border-top:1px solid color-mix(in srgb,var(--linea) 70%,transparent);line-height:1.5}
.bn{display:none}
main{margin-left:var(--sw);flex:1;min-width:0}
.top{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--card) 68%,transparent);backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-bottom:1px solid color-mix(in srgb,var(--linea) 70%,transparent);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.top h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.02em}.top .rt{font-size:12px;color:var(--gris);margin-top:2px}
.ck{text-align:right;font-variant-numeric:tabular-nums}.ck b{font-size:18px;display:block;font-weight:700;letter-spacing:-.01em}.ck span{font-size:11px;color:var(--gris)}
.wrap{padding:28px 30px;max-width:1100px}
.wrap:has(#checkFrame){max-width:none;padding:18px 20px}
.btn{border:0;background:var(--soft);color:var(--txt);padding:9px 18px;border-radius:980px;font-size:13.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;font-family:inherit;transition:background .15s,transform .12s cubic-bezier(.2,.8,.2,1);box-shadow:none}
.btn:hover{background:color-mix(in srgb,var(--soft) 55%,var(--linea))}.btn:active{transform:scale(.96)}.btn.p{background:var(--az);color:#fff;box-shadow:0 3px 10px rgba(224,69,123,.35)}.btn.p:hover{background:color-mix(in srgb,var(--az) 90%,#000)}.btn.d{color:#d92d20;background:color-mix(in srgb,#d92d20 12%,transparent)}.btn.d:hover{background:color-mix(in srgb,#d92d20 20%,transparent)}.btn.s{padding:6px 14px;font-size:12.5px}
select,input,textarea{font-family:inherit;font-size:14px;padding:10px 13px;border:1px solid transparent;border-radius:var(--rs);background:var(--soft);color:var(--txt);width:100%;transition:box-shadow .12s,background .12s}
input:disabled{background:transparent;border-color:var(--linea);color:var(--gris);cursor:not-allowed;opacity:.85}
input:focus,select:focus,textarea:focus{outline:none;background:var(--card);box-shadow:0 0 0 4px var(--az-bg)}
.card{background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid color-mix(in srgb,var(--linea) 55%,transparent);border-radius:var(--r);box-shadow:var(--sh);padding:22px 24px;margin-bottom:18px}
.card h3{margin:0 0 14px;font-size:15px;font-weight:650;letter-spacing:-.01em}
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:18px}
.kp .card{margin:0}.kp small{color:var(--gris);font-size:12px;font-weight:590}.kp b{display:block;font-size:29px;margin-top:7px;font-weight:700;letter-spacing:-.02em}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
label{font-size:12px;color:var(--gris);font-weight:600;display:block;margin-bottom:5px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--gris);padding:8px;border-bottom:1px solid var(--linea)}
td{padding:8px;border-bottom:1px solid var(--soft);vertical-align:middle}td.r,th.r{text-align:right}.tw td:last-child{white-space:nowrap}
.tot{margin-left:auto;width:280px;font-size:14px}.tot div{display:flex;justify-content:space-between;padding:4px 0}.tot .gt{font-size:20px;font-weight:700;border-top:1px solid var(--linea);margin-top:6px;padding-top:10px}
.bd{font-size:11px;padding:4px 10px;border-radius:980px;background:var(--az-bg);color:var(--az);font-weight:700}.bd.x{background:#fde7e9;color:#d92d20}
.vacio{color:var(--gris);text-align:center;padding:26px;font-size:13.5px}
.cg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.cgv{margin-bottom:16px}
.cgv .card{height:280px;display:flex;flex-direction:column}
.cgv .card canvas{flex:1;min-height:0}
.pt{display:flex;gap:6px}
.pt button{border:0;background:var(--soft);color:var(--gris);padding:6px 13px;border-radius:980px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}
.pt button.on{background:var(--az);color:#fff;box-shadow:0 2px 8px rgba(224,69,123,.3)}
.cg .card{margin:0;height:260px;display:flex;flex-direction:column}
.cg .card canvas{flex:1;min-height:0}
.cgh{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.cgh h3{margin:0}
.cgh select{width:auto;padding:6px 10px;font-size:12.5px;border-radius:10px}
.cv-wrap{position:relative;height:230px}
@media(max-width:820px){.cg{grid-template-columns:1fr}.cg .card{height:230px}.cv-wrap{height:200px}}
#prt{display:none}
#prt,#prt *{font-family:'Montserrat','Segoe UI',Arial,sans-serif}
.fa{width:8.5in;height:10.97in;box-sizing:border-box;overflow:hidden;margin:auto;padding:15mm 13mm 12mm;color:#2b2b2b;display:flex;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.fa .h{display:flex;justify-content:space-between;align-items:flex-start;padding:0 8mm}
.fa h1{margin:0 0 4px;font-size:40px;font-weight:800;letter-spacing:.02em}
.fa .m{font-size:15px;line-height:1.7}.fa .m span{display:inline-block;width:88px;color:#444}.fa .m b{font-weight:700}
.fa .lg{width:58mm}.fa .lg img{width:100%;display:block}
.fa .cl{padding:10mm 8mm 7mm;font-size:16px}.fa .cl b{font-size:19px;display:block;letter-spacing:.02em}
.fa table{width:100%;border-collapse:collapse;border-top:3px solid #2b2b2b}
.fa th{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700;text-align:center;padding:9px 4px;border-bottom:3px solid #2b2b2b;color:#111}
.fa td{padding:6px 4px;font-size:15px;text-align:center;border:0;color:#111}.fa th:first-child,.fa td:first-child{text-align:left;width:46%}
.fa .fill{border-bottom:3px solid #2b2b2b;min-height:20mm;flex:1 1 auto}
.fa .tt{width:88mm;margin:10mm 12mm 0 auto;font-size:15px}.fa .tt div{display:flex;justify-content:space-between;padding:5px 8px}
.fa .tt .gt{border-top:3px solid #2b2b2b;border-bottom:3px solid #2b2b2b;font-size:22px;font-weight:800;margin-top:8px;padding:9px 8px}
.fa .gr{font-size:23px;font-weight:700;padding:0 8mm;padding-top:10mm}
.fa .fx{padding:0 8mm;margin-top:7mm;font-size:14px;line-height:1.6}.fa .fx div{margin-bottom:2px}
.fa .ft{margin:6mm 8mm 0;border-top:3px solid #2b2b2b;padding-top:6mm;display:flex;gap:10mm;font-size:14px;line-height:1.6}.fa .ft>div{flex:1}.fa .ft b{display:block;font-size:15px;margin-bottom:6px}

.up{border:2px dashed var(--linea);border-radius:18px;padding:28px;text-align:center;color:var(--gris);cursor:pointer;transition:.15s;background:var(--soft)}.up:hover,.up.ov{border-color:var(--az);background:var(--az-bg);color:var(--az)}
.gc{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.cg2{margin-bottom:14px}.cg2>summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:15px;list-style:none;border-bottom:1px solid var(--linea);margin-bottom:12px}.cg2>summary::-webkit-details-marker{display:none}.cg2>summary::before{content:'▸';color:var(--gris)}.cg2[open]>summary::before{content:'▾'}.cg2>summary span{background:var(--soft);color:var(--gris);border-radius:980px;padding:1px 10px;font-size:12px;font-weight:600}
.it{background:color-mix(in srgb,var(--card) 80%,transparent);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid color-mix(in srgb,var(--linea) 55%,transparent);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--sh)}
.ckrow{display:flex;gap:16px;padding:9px 12px 0}
.ckitem{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--gris);cursor:pointer}
.cbA{accent-color:#2f6b4f;width:17px;height:17px;flex-shrink:0}
.cbS{accent-color:#b5651d;width:17px;height:17px;flex-shrink:0}
.it.sacadoIt{outline:2px solid #b5651d55}
.th{height:170px;background:var(--soft);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.th img{width:100%;height:100%;object-fit:cover}
.th .ft2{font-size:26px;font-weight:800;color:var(--az);text-align:center}.th .ft2 small{display:block;font-size:11px;color:var(--gris);font-weight:600}
.ib{padding:12px;flex:1}.ib b{font-size:14px;display:block;margin-bottom:4px}.ib small{color:var(--gris);font-size:12px;display:block;margin-top:4px}
.ia{padding:0 12px 12px;display:flex;gap:6px;flex-wrap:wrap}
.md{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50;display:none;align-items:center;justify-content:center;padding:20px}.md.on{display:flex}
.mb{background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);border:1px solid color-mix(in srgb,var(--linea) 55%,transparent);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.3);max-width:1000px;width:100%;max-height:94vh;overflow:auto;padding:22px}.mb img{max-width:100%;max-height:78vh;display:block;margin:auto}
.ct{width:8.5in;margin:auto;padding:12mm;color:#222;font-family:'Montserrat',Arial,sans-serif}.ct .hd{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #2b2b2b;padding-bottom:8mm;margin-bottom:8mm}.ct .hd img{width:48mm}.ct h1{margin:0;font-size:32px;font-weight:800}
.ct .gd{display:grid;grid-template-columns:repeat(3,1fr);gap:8mm}.ct .pi{break-inside:avoid;font-size:12px}.ct .pi img{width:100%;height:52mm;object-fit:cover;border-radius:6px;display:block;margin-bottom:5px}.ct .pi b{display:block;font-size:13px}

.cv{font-family:'Montserrat','Segoe UI',Arial,sans-serif;color:#1a1a1a}.cv *{box-sizing:border-box}
.cv .pg{width:8.5in;height:10.97in;overflow:hidden;position:relative;background:#fff;break-after:page;page-break-after:always;display:flex;flex-direction:column;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.cv .pg:last-child{break-after:auto;page-break-after:auto}
.cv .bar{height:9px;flex:none;background:linear-gradient(90deg,#e0457b,#ff9f0a,#2bb673,#1e88e5,#7b4fe0)}
.cv .serif{font-family:'Playfair Display',Georgia,serif}
.cv .cover{background:#faf7f2}.cv .cvb{flex:1;display:flex;flex-direction:column;align-items:center;padding:16mm 16mm 12mm;text-align:center;min-height:0}
.cv .cvb .lgo{width:74mm;background:#fff;border-radius:6mm;padding:5mm;box-shadow:0 2px 14px rgba(0,0,0,.08)}.cv .lgo img{width:100%;display:block}
.cv .ey{margin-top:14mm;font-size:12px;letter-spacing:.42em;font-weight:600;color:#e0457b}
.cv .cvb h1{font-family:'Playfair Display',Georgia,serif;font-size:60px;line-height:1.05;margin:6mm 0 4mm;font-weight:700;color:#14110f}
.cv .sb2{font-size:15px;color:#555;letter-spacing:.04em}.cv .rl{width:26mm;height:3px;background:#14110f;margin:7mm auto 0}
.cv .col{margin-top:10mm;flex:1;min-height:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6mm}
.cv .col div{background:#fff;border:1px solid #e6e1d8;border-radius:4mm;padding:3mm;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden}.cv .col img{max-width:100%;max-height:100%;object-fit:contain}
.cv .cf{margin-top:8mm;font-size:11px;color:#555;letter-spacing:.06em}
.cv .hdr{display:flex;justify-content:space-between;align-items:center;padding:8mm 14mm 4mm}.cv .hdr img{height:13mm}.cv .hdr span{font-size:10.5px;letter-spacing:.3em;font-weight:600;color:#666;text-transform:uppercase}
.cv .body{flex:1;padding:0 14mm;min-height:0;display:flex;flex-direction:column}
.cv .ct2{font-family:'Playfair Display',Georgia,serif;font-size:30px;margin:2mm 0 5mm;border-bottom:2px solid #14110f;padding-bottom:3mm;display:flex;justify-content:space-between;align-items:baseline}.cv .ct2 small{font-family:'Montserrat',Arial;font-size:11px;color:#777;letter-spacing:.1em}
.cv .gd2{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6mm 8mm}
.cv .cd{display:flex;flex-direction:column;min-height:0;border:1px solid #e6e1d8;border-radius:4mm;overflow:hidden}
.cv .im{flex:1;min-height:0;background:#f5f3ef;display:flex;align-items:center;justify-content:center;padding:3mm}.cv .im img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.cv .tx{padding:3.5mm 4mm 4mm;display:flex;justify-content:space-between;gap:3mm;align-items:flex-end}.cv .tx small{font-size:9.5px;letter-spacing:.14em;color:#e0457b;font-weight:700}.cv .tx b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:16px;margin:2px 0}.cv .tx p{margin:0;font-size:10.5px;color:#666;line-height:1.35;max-height:2.8em;overflow:hidden}
.cv .pr{font-size:17px;font-weight:800;color:#14110f;background:#faf7f2;border:1px solid #e6e1d8;border-radius:980px;padding:2mm 4mm;white-space:nowrap}
.cv .ftr{flex:none;display:flex;justify-content:space-between;padding:4mm 14mm 6mm;font-size:9.5px;color:#777;letter-spacing:.05em}
.cv .ix{padding:0 22mm}.cv .ix h2{font-family:'Playfair Display',Georgia,serif;font-size:40px;margin:10mm 0 10mm}.cv .ir{display:flex;align-items:baseline;gap:3mm;padding:4.2mm 0;border-bottom:1px solid #e6e1d8;font-size:16px}.cv .ir b{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:600}.cv .ir i{flex:1;border-bottom:2px dotted #c9c3b8;transform:translateY(-3px)}.cv .ir span{color:#777;font-size:11px;letter-spacing:.1em}.cv .ir em{font-style:normal;font-weight:800}
.cv .back{background:#14110f;color:#fff}.cv .back .cvb{justify-content:center}.cv .back h1{color:#fff;font-size:44px}.cv .back .ci{font-size:14px;line-height:2;color:#ddd;letter-spacing:.04em}.cv .back .lgo{margin-bottom:12mm}
.pv{background:#6b6b70;padding:10px 8px;overflow:hidden;border-radius:12px}.pv .pg{margin:0 auto 16px;box-shadow:0 6px 24px rgba(0,0,0,.4)}

.cv .cover{background:#fff}.cv .cov-top{display:flex;justify-content:space-between;padding:10mm 16mm 0;font-size:10.5px;letter-spacing:.3em;font-weight:600;color:#666}
.cv .cov-mid{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16mm}.cv .cov-mid .big{width:100mm;display:block}
.cv .cov-mid h1{font-family:'Playfair Display',Georgia,serif;font-size:56px;line-height:1.08;margin:14mm 0 5mm;font-weight:700;color:#14110f}
.cv .cov-band{background:#14110f;color:#fff;padding:11mm 16mm;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:8mm;flex:none;text-align:left}
.cv .cov-band small{display:block;font-size:9px;letter-spacing:.3em;color:#ff7aa8;font-weight:700;margin-bottom:2mm}.cv .cov-band span{font-size:12.5px;line-height:1.5}
.cv .hdr{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:8mm 14mm 4mm}.cv .hdr img{height:17mm;display:block}.cv .hdr span:last-child{text-align:right}
.cv .cdg{display:inline-block;background:#14110f;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.14em;padding:1.7mm 3.6mm;border-radius:2mm;margin-bottom:2.2mm}

.cv .gd2{grid-template-rows:1fr}.cv .tx{padding:4.5mm 5mm 5mm}.cv .ml{display:block;font-style:normal;font-size:10px;letter-spacing:.32em;font-weight:700;color:#e0457b;margin-bottom:1.8mm}
.cv .mod{font-size:22px!important;padding:2.4mm 5mm!important;letter-spacing:.08em!important;margin-bottom:3mm!important;max-width:100%;overflow-wrap:anywhere}
.cv .tx p{font-size:11.5px;max-height:4.2em}.cv .pr{font-size:20px}

.cv .gd2{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:7mm}
.cv .cd{flex-direction:row}.cv .im{flex:0 0 67%;padding:3mm}
.cv .tx{flex:1;min-width:0;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:7mm 6mm;border-left:1px solid #e6e1d8;background:#fff}
.cv .tx p{max-height:none;font-size:12px;line-height:1.5}.cv .pr{align-self:flex-start}

.cv .cd{flex-direction:column}.cv .im{flex:1;min-height:0;padding:3mm}
.cv .tx{flex:none;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3mm 6mm 4mm;border-left:0;border-top:1px solid #e6e1d8}
.cv .row{display:flex;align-items:center;justify-content:center;gap:5mm}.cv .mod{margin-bottom:0!important;font-size:19px!important;padding:2mm 5mm!important}.cv .ml{margin-bottom:1.6mm}
.cv .tx p{margin:2mm 0 0;font-size:11.5px;max-height:2.9em;overflow:hidden;text-align:center}.cv .pr{align-self:auto}

.dl{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border:0;border-radius:14px;margin-bottom:8px;font-size:13.5px;background:var(--soft)}
.dl small{display:block;color:var(--gris);font-size:11.5px}
.chk{display:flex;align-items:center;gap:8px;padding:9px 12px;border:0;border-radius:12px;margin-bottom:6px;font-size:13.5px;cursor:pointer;background:var(--soft)}
.chk input{width:auto}
textarea{font-family:inherit;font-size:14px;padding:11px 13px;border:1px solid transparent;border-radius:var(--rs);background:var(--soft);color:var(--txt);width:100%;resize:vertical}
.nota{font-size:11.5px;color:var(--gris);background:var(--soft);border-radius:12px;padding:9px 12px;margin:8px 0}
@media(max-width:820px){
 .sb{display:none}
 body{flex-direction:column;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
 main{margin:0;width:100%}
 .wrap{padding:14px 14px 24px}
 .top{padding:10px 14px;gap:8px}
 .top h2{font-size:15.5px}
 .top .rt{display:none}
 .ck{text-align:right}.ck span{display:none}.ck b{font-size:14px}
 #th{font-size:12px;padding:7px 8px;max-width:112px}
 .bn{display:flex!important;position:fixed;left:0;right:0;bottom:0;z-index:20;background:color-mix(in srgb,var(--card) 85%,transparent);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border-top:1px solid color-mix(in srgb,var(--linea) 70%,transparent);padding:6px 2px calc(6px + env(safe-area-inset-bottom,0px));overflow-x:auto;gap:2px}
 .bn .ni{flex:1 0 auto;min-width:58px;flex-direction:column;gap:2px;align-items:center;justify-content:center;padding:7px 4px;margin:0;border-radius:12px;font-size:10px;text-align:center}
 .bn .ni .ic{font-size:19px;width:auto}
 .bn .ni .lb{font-size:9.5px;line-height:1.1;white-space:nowrap}
 .kp{grid-template-columns:repeat(2,1fr);gap:10px}.kp b{font-size:22px}
 .g{grid-template-columns:1fr}
 .card{padding:18px;border-radius:20px}
 select,input,textarea,.btn{min-height:42px}
 select,input,textarea{font-size:16px}
 .btn{padding:9px 15px;font-size:13.5px}.btn.s{padding:7px 12px;min-height:36px;font-size:12.5px}
 .ia{gap:8px}
 table{font-size:12.5px}th,td{padding:7px 6px}
 .md{padding:0;align-items:flex-end}
 .mb{border-radius:18px 18px 0 0;max-height:92vh;padding:14px}
 .tot{width:100%}
 .up{padding:18px 12px}
}
@media(max-width:480px){.kp{grid-template-columns:1fr 1fr}.bn .ni .lb{display:none}.bn .ni{min-width:44px}}


.agk{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.agk div{background:var(--card);border-radius:16px;padding:12px 14px;box-shadow:var(--sh)}.agk small{color:var(--gris);font-size:11.5px;display:block}.agk b{font-size:22px}
.agbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.agbar input,.agbar select{width:auto;flex:1 1 150px;border-radius:980px}
.agw{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.agdw{text-align:center;font-size:11px;font-weight:700;color:var(--gris);padding:4px 0}
.agc{min-height:64px;background:var(--soft);border-radius:12px;padding:6px;cursor:pointer;border:2px solid transparent;display:flex;flex-direction:column;gap:4px;transition:background .12s}.agc:hover{background:var(--az-bg)}.agc.o{opacity:.45}.agc.t span{background:var(--az);color:#fff;border-radius:980px;padding:1px 7px}.agc.s{border-color:var(--az)}.agc span{font-size:12.5px;font-weight:700;align-self:flex-start}
.agd{display:flex;flex-wrap:wrap;gap:3px;align-items:center}.agd i{width:8px;height:8px;border-radius:50%;display:block}.agd small{font-size:10px;color:var(--gris)}
.agi{background:var(--soft);border-radius:14px;padding:10px 12px;margin-top:8px}.agi.dn{opacity:.55}.agi.dn b{text-decoration:line-through}.agh{display:flex;justify-content:space-between;gap:8px;align-items:center}.ags{font-size:12.5px;color:var(--gris);margin-top:3px}.aga{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.agg{margin:14px 0 2px;font-size:12.5px;font-weight:700;color:var(--az)}.agwk{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
@media(max-width:600px){.agk{grid-template-columns:1fr 1fr}.agc{min-height:50px;padding:4px}.agc span{font-size:11.5px}}

#llam{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(10,10,20,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:20px}
.llc{width:min(340px,100%);border-radius:32px;background:var(--card);color:var(--txt);padding:30px 22px 22px;text-align:center;box-shadow:0 20px 60px -10px rgba(0,0,0,.5)}
.lla{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:36px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--az),color-mix(in srgb,var(--az) 55%,#FF9F0A))}
.llc h3{margin:0 0 4px;font-size:20px}.llc p{margin:0 0 22px;color:var(--gris);font-size:14px;min-height:20px}
.llb{display:flex;justify-content:center;gap:22px}
.llb button{width:62px;height:62px;border-radius:50%;border:0;font-size:26px;cursor:pointer;color:#fff;box-shadow:0 6px 16px -4px rgba(0,0,0,.4);-webkit-tap-highlight-color:transparent}
.llb button:active{transform:scale(.93)}.llb .ok{background:#2fa84f}.llb .no{background:#d92d20}.llb .mu{background:#6E6E73}.llb .mu.on{background:#1D1D1F}
.llx{margin-top:14px}.llx select{width:100%;margin-top:4px}.llh{display:block;font-size:11.5px;line-height:1.35;color:var(--gris)}
.llc.ring .lla{animation:llp 1.4s ease-out infinite}
@keyframes llp{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--az) 50%,transparent)}100%{box-shadow:0 0 0 24px transparent}}
@media(prefers-reduced-motion:reduce){.llc.ring .lla{animation:none}}
.em{display:inline-block;transform-origin:center;line-height:1}
.anim-bounce{animation:aBn 1.1s ease-in-out infinite}@keyframes aBn{0%,100%{transform:translateY(0)}50%{transform:translateY(-16%)}}
.anim-pulse{animation:aPl 1s ease-in-out infinite}@keyframes aPl{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
.anim-spin{animation:aSp 2.6s linear infinite}@keyframes aSp{to{transform:rotate(360deg)}}
.anim-wiggle{animation:aWg 1.2s ease-in-out infinite}@keyframes aWg{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}
.anim-float{animation:aFl 2.6s ease-in-out infinite}@keyframes aFl{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12%) rotate(4deg)}}
.anim-shake{animation:aSh .7s ease-in-out infinite}@keyframes aSh{0%,100%{transform:translateX(0)}25%{transform:translateX(-8%)}75%{transform:translateX(8%)}}
.anim-flip{animation:aFp 2.4s ease-in-out infinite}@keyframes aFp{0%,60%,100%{transform:rotateY(0)}80%{transform:rotateY(180deg)}}
@media(prefers-reduced-motion:reduce){.em{animation:none!important}}
.av{display:inline-flex;align-items:center;justify-content:center;width:var(--s,40px);height:var(--s,40px);border-radius:50%;overflow:hidden;background:var(--soft);font-size:calc(var(--s,40px)*.56);line-height:1;flex:0 0 auto}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.av.dflt{background:linear-gradient(135deg,var(--az),color-mix(in srgb,var(--az) 55%,#FF9F0A));color:#fff;font-weight:800;font-size:calc(var(--s,40px)*.45)}
.uav{display:flex;align-items:center;gap:8px;background:none;border:0;cursor:pointer;font:inherit;color:inherit;padding:2px 8px 2px 3px;border-radius:980px}.uav:hover{background:var(--az-bg)}
.pfg{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin-top:6px;max-height:150px;overflow-y:auto}
.pfg button{border:2px solid transparent;background:var(--soft);border-radius:14px;font-size:24px;padding:6px 0;cursor:pointer}.pfg button.on{border-color:var(--az);background:var(--az-bg)}
.chin{position:relative}.emob{font-size:20px;padding:6px 10px;flex:0 0 auto}
.emop{position:absolute;left:0;bottom:calc(100% + 8px);width:min(340px,100%);max-height:280px;display:none;flex-direction:column;background:var(--card);border:1px solid var(--linea);border-radius:20px;box-shadow:0 12px 32px -8px rgba(0,0,0,.35);overflow:hidden;z-index:30}.emop.on{display:flex}
.emot{display:flex;gap:2px;padding:6px 8px;border-bottom:1px solid var(--linea);overflow-x:auto;flex:0 0 auto}
.emot button{border:0;background:none;font-size:20px;padding:6px 9px;border-radius:12px;cursor:pointer;flex:0 0 auto}.emot button.on{background:var(--az-bg)}
.emog{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;overflow-y:auto}
.emog button{border:0;background:none;font-size:22px;padding:5px 0;border-radius:10px;cursor:pointer}.emog button:hover,.emog button:active{background:var(--soft)}
.emog.stk{grid-template-columns:repeat(4,1fr);gap:6px}.emog.stk button{font-size:34px;padding:8px 0}
.cm .cb.stk,.cm .cb.big{background:none!important;box-shadow:none!important;padding:2px 4px!important;border:0!important}.cb.stk .em{font-size:64px}
.cm .cb.big{font-size:38px;line-height:1.15}
.sem{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}
.sem .lt{display:inline-flex;gap:3px;padding:3px 5px;border-radius:99px;background:#1D1D1F}
.sem .lt i{width:7px;height:7px;border-radius:50%;background:#48484a;transition:background .3s,box-shadow .3s}
.sem .lt i.r.on{background:#ff3b30;box-shadow:0 0 6px #ff3b30}.sem .lt i.y.on{background:#ffcc00;box-shadow:0 0 6px #ffcc00}.sem .lt i.g.on{background:#34c759;box-shadow:0 0 6px #34c759}
.sem .semt{font-size:11.5px;color:var(--gris);font-weight:600;white-space:nowrap}
.chtt{display:flex;flex-direction:column;gap:3px;min-width:0;align-items:flex-start}.chtt b{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cint{position:relative;z-index:4;padding:10px 0 4px;background:color-mix(in srgb,var(--az) 10%,color-mix(in srgb,var(--card) 70%,transparent));backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--linea)}
.cintVw{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 14px 8px;scroll-padding-left:14px;overscroll-behavior-x:contain}
.cintVw::-webkit-scrollbar{display:none}
.cintTr{display:flex;gap:10px;width:max-content;min-width:100%}
.ci{display:flex;align-items:center;gap:12px;flex:0 0 min(84vw,340px);box-sizing:border-box;height:66px;padding:0 10px;border-radius:22px;background:var(--card);color:var(--txt);cursor:pointer;scroll-snap-align:start;box-shadow:0 1px 2px rgba(0,0,0,.10),0 6px 16px -6px rgba(0,0,0,.22);transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent}
.ci::before{content:"";position:absolute;inset:0;background:var(--c,var(--az));opacity:0;transition:opacity .15s;pointer-events:none}
.ci:active{transform:scale(.975)}.ci:active::before{opacity:.10}
.ci .ico{flex:0 0 auto;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:22px;background:color-mix(in srgb,var(--c,var(--az)) 16%,transparent)}
.ci img{width:44px;height:44px;object-fit:cover;border-radius:16px;background:var(--soft);flex:0 0 auto}
.ci .tt{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.ci strong{font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--gris);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ci .chip{font-style:normal;font-weight:700;font-size:10.5px;padding:2px 8px;border-radius:980px;background:color-mix(in srgb,var(--c,var(--az)) 14%,transparent);color:color-mix(in srgb,var(--c,var(--az)) 70%,var(--txt));flex:0 0 auto}
.ci.late .chip{background:rgba(217,45,32,.14);color:#d92d20}.ci.late{box-shadow:0 1px 2px rgba(217,45,32,.18),0 6px 16px -6px rgba(217,45,32,.35)}
.ci.hoy .chip{background:color-mix(in srgb,#2fa84f 16%,transparent);color:#1e7a38}
.ci u{text-decoration:none;color:var(--gris);font-size:22px;line-height:1;flex:0 0 auto;opacity:.6;padding-right:2px}
.cintFt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px 4px;min-height:14px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
#cintDots{display:flex;gap:5px;align-items:center}
#cintDots i{width:6px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--gris) 40%,transparent);cursor:pointer;transition:width .25s,background .25s}
#cintDots i.on{width:18px;background:var(--az)}
@media(prefers-reduced-motion:reduce){.cintVw{scroll-behavior:auto}.ci,#cintDots i{transition:none}}
@media(max-width:820px){.cint{padding-top:8px}.ci{height:60px;flex-basis:min(82vw,320px)}.ci .ico,.ci img{width:40px;height:40px;border-radius:14px}}

#agToast{position:fixed;top:78px;right:16px;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 24px))}
.agt{display:flex;gap:10px;background:var(--card);color:var(--txt);border-radius:16px;padding:12px 14px;box-shadow:0 12px 34px -10px rgba(0,0,0,.45);border-left:5px solid var(--c,#E0457B);animation:agIn .3s ease}
@keyframes agIn{from{transform:translateY(-12px);opacity:0}}.agt>b{font-size:24px;font-weight:400}.agt strong{display:block;font-size:14px}.agt small{color:var(--gris);font-size:12px}
@media(max-width:820px){#agToast{top:66px;right:12px}}

.ni .mv{display:none}.navEd .ni{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline:1.5px dashed color-mix(in srgb,var(--az) 55%,transparent);outline-offset:-2px}.navEd .ni .mv{display:flex;gap:3px;margin-left:auto}.mv i{font-style:normal;font-size:10px;padding:4px 6px;border-radius:8px;background:var(--soft);color:var(--txt);cursor:pointer}
.ni.drg{opacity:.65;transform:scale(1.04);box-shadow:0 8px 20px rgba(0,0,0,.25);z-index:3}.bn .ni .mv{margin:2px 0 0;gap:2px}.bn .ni .mv i{padding:3px 5px}
@page{size:8.5in 11in;margin:0}@media print{.md{display:none!important}html,body{margin:0}html,body{height:auto}body{display:block;background:#fff;padding:0}.sb,main,.bn{display:none!important}#prt{display:block!important}}
#auth{position:fixed;inset:0;z-index:200;background:#0b0e1a;display:none;align-items:center;justify-content:center;padding:20px;overflow:hidden;--c1:#E0457B;--c2:#0F6CBD;--c3:#FF9F0A}
#auth[data-r="v"]{--c1:#14b8a6;--c2:#6366f1;--c3:#22c55e}
.abg{position:absolute;inset:0;pointer-events:none}.abg span{position:absolute;border-radius:50%;filter:blur(70px);opacity:.8;will-change:transform}
.abg .a1{width:55vmax;height:55vmax;left:-14vmax;top:-20vmax;background:radial-gradient(circle,var(--c1) 0%,transparent 70%);animation:auroraA 16s ease-in-out infinite alternate}
.abg .a2{width:48vmax;height:48vmax;right:-12vmax;top:4vmax;background:radial-gradient(circle,var(--c2) 0%,transparent 70%);animation:auroraB 20s ease-in-out infinite alternate}
.abg .a3{width:50vmax;height:50vmax;left:18vmax;bottom:-24vmax;background:radial-gradient(circle,var(--c3) 0%,transparent 70%);animation:auroraC 24s ease-in-out infinite alternate}
#authc{position:relative;z-index:1;width:100%;max-width:380px}
.authb{--card:rgba(255,255,255,.22);--txt:#fff;--gris:rgba(255,255,255,.72);--soft:rgba(255,255,255,.16);--linea:rgba(255,255,255,.25);width:100%;color:#fff;border-radius:28px;padding:28px 26px 20px;background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(255,255,255,.10));backdrop-filter:blur(34px) saturate(190%);-webkit-backdrop-filter:blur(34px) saturate(190%);border:1px solid rgba(255,255,255,.38);box-shadow:0 28px 80px -20px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.alogo{text-align:center;margin:0 auto 18px;background:#fff;border-radius:20px;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.alogo img{max-width:100%;max-height:100px;width:auto;height:auto}
.afoot{text-align:center;font-size:11px;color:rgba(255,255,255,.62);margin-top:16px;letter-spacing:.02em}
.authb h2{margin:0 0 4px;font-size:20px;text-align:center}.authb p{font-size:13px;color:var(--gris);margin:0 0 14px;text-align:center}
.authb label{display:block;font-size:12px;color:var(--gris);margin:10px 0 4px}.authb input,.authb select{color:#fff;border:1px solid rgba(255,255,255,.22)}.authb select option{color:#1D1D1F}
.authb input:focus,.authb select:focus{background:rgba(255,255,255,.26);box-shadow:0 0 0 4px rgba(255,255,255,.18)}
.authb .btn{width:100%;margin-top:14px}.authb .btn.p{background:#fff;color:#1D1D1F;box-shadow:0 6px 18px rgba(0,0,0,.25)}.authb .btn:not(.p){background:rgba(255,255,255,.2);color:#fff}
#au_m{color:#ffd3cd;font-size:13px;min-height:18px;margin-top:8px;text-align:center}
body.vnd .aurora .b1{background:radial-gradient(circle,#14b8a6 0%,transparent 70%)}body.vnd .aurora .b2{background:radial-gradient(circle,#6366f1 0%,transparent 70%)}body.vnd .aurora .b3{background:radial-gradient(circle,#22c55e 0%,transparent 70%)}
.pchk{display:flex;gap:8px;align-items:center;padding:9px 11px;background:var(--soft);border-radius:12px;font-size:13.5px;cursor:pointer;margin:0}.pchk input{width:auto;min-height:0}
body.vnd :is([onclick^="delFac("],[onclick^="anular("],[onclick^="delE("],[onclick^="delP("],[onclick^="editP("],[onclick^="delC("],[onclick^="editC("],[onclick^="edC("],[onclick^="delF("],[onclick^="delUbi("],[onclick^="agDel("],[onclick^="comprimirCatalogo("],[onclick^="expCatBackup("],[onclick^="desc("],[onclick^="pdfCat("],[onclick^="repPDF("],[onclick^="facPDF("],[onclick^="exportUbiCSV("],[onclick^="agIcs("],[onclick^="respaldo("],[onclick^="dlBlob("],[onclick^="agForm('"]){display:none!important}
.btn.wa{background:#25D366;color:#fff;box-shadow:0 3px 10px rgba(37,211,102,.35)}.btn.wa:hover{background:#1ebe5a}
/* ===== Botones cristal (estilo Apple / macOS) ===== */
.btn{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.70),rgba(255,255,255,.30));color:var(--txt);border:1px solid rgba(255,255,255,.70);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(0,0,0,.05),0 6px 16px -8px rgba(0,0,0,.28),0 1px 2px rgba(0,0,0,.08);text-shadow:0 1px 0 rgba(255,255,255,.45);transition:background .18s,transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
.btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.46));transform:translateY(-1px);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.05),0 10px 22px -8px rgba(0,0,0,.32),0 1px 2px rgba(0,0,0,.08)}
.btn:active{transform:scale(.97);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.08)}
.btn.p{background:linear-gradient(180deg,color-mix(in srgb,var(--az) 70%,#fff) 0%,var(--az) 52%,color-mix(in srgb,var(--az) 86%,#000) 100%);color:#fff;border:1px solid color-mix(in srgb,var(--az) 60%,#fff);text-shadow:0 1px 1px rgba(0,0,0,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.60),inset 0 -1px 0 rgba(0,0,0,.14),0 10px 22px -8px color-mix(in srgb,var(--az) 80%,transparent)}
.btn.p:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--az) 60%,#fff) 0%,color-mix(in srgb,var(--az) 94%,#fff) 52%,color-mix(in srgb,var(--az) 82%,#000) 100%)}
.btn.d{background:linear-gradient(180deg,rgba(255,69,58,.26),rgba(255,69,58,.10));color:#d92d20;border:1px solid rgba(255,69,58,.38);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px -10px rgba(255,69,58,.6)}
.btn.d:hover{background:linear-gradient(180deg,rgba(255,69,58,.36),rgba(255,69,58,.16))}
.btn.wa{background:linear-gradient(180deg,#5fe58f 0%,#25D366 55%,#1aa84f 100%);color:#fff;border:1px solid rgba(255,255,255,.55);text-shadow:0 1px 1px rgba(0,0,0,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(0,0,0,.14),0 10px 22px -8px rgba(37,211,102,.7)}
.btn.wa:hover{background:linear-gradient(180deg,#76ee9f 0%,#2fdc72 55%,#1fb556 100%)}
:root[data-t="nocturno"] .btn{background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07));border-color:rgba(255,255,255,.20);text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.25),0 8px 18px -8px rgba(0,0,0,.6)}
:root[data-t="nocturno"] .btn:hover{background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.12))}
:root[data-t="nocturno"] .btn.p{background:linear-gradient(180deg,color-mix(in srgb,var(--az) 70%,#fff) 0%,var(--az) 52%,color-mix(in srgb,var(--az) 86%,#000) 100%);color:#fff}
:root[data-t="nocturno"] .btn.d{background:linear-gradient(180deg,rgba(255,69,58,.30),rgba(255,69,58,.12));color:#ff8a82}
:root[data-t="nocturno"] .btn.wa{background:linear-gradient(180deg,#5fe58f 0%,#25D366 55%,#1aa84f 100%);color:#fff}
.ni{border:1px solid transparent;transition:background .18s,border-color .18s,box-shadow .18s,transform .12s}
.ni:hover{background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.14));border-color:rgba(255,255,255,.45);backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%)}
.ni.on{background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,.30)),var(--az-bg);border-color:rgba(255,255,255,.75);backdrop-filter:blur(18px) saturate(190%);-webkit-backdrop-filter:blur(18px) saturate(190%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 8px 20px -10px color-mix(in srgb,var(--az) 70%,transparent)}
:root[data-t="nocturno"] .ni:hover{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.16)}
:root[data-t="nocturno"] .ni.on{background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)),var(--az-bg);border-color:rgba(255,255,255,.25);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 8px 20px -10px rgba(0,0,0,.6)}
.galg{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:16px}.galt{background:color-mix(in srgb,var(--card) 78%,transparent);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid color-mix(in srgb,var(--linea) 55%,transparent);border-radius:18px;overflow:hidden;box-shadow:var(--sh)}.galim{aspect-ratio:1;cursor:pointer;background:var(--soft)}.galim img{width:100%;height:100%;object-fit:cover;display:block}.galc{padding:10px 12px}.galc b{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.galc small{display:block;color:var(--gris);font-size:11.5px;margin:2px 0 8px}.galb{display:flex;gap:6px}
.chw{display:grid;grid-template-columns:300px 1fr;gap:14px;height:calc(100dvh - 150px);min-height:440px}.chw .card{margin:0;display:flex;flex-direction:column;min-height:0}.chl{overflow-y:auto;-webkit-overflow-scrolling:touch}.chs{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--gris);font-weight:700;margin:14px 4px 6px}.chi{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;cursor:pointer;border:1px solid transparent;min-height:48px}.chi:hover{background:var(--soft)}.chi.on{background:var(--az-bg);border-color:color-mix(in srgb,var(--az) 30%,transparent)}.cha{width:38px;height:38px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-size:18px;flex:0 0 38px}.chn{min-width:0;flex:1}.chn b{display:block;font-size:13.5px}.chn small{display:block;color:var(--gris);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cbd{background:#ff3b30;color:#fff;border-radius:99px;font-size:10.5px;font-style:normal;font-weight:700;padding:1px 6px;margin-left:6px}.chh{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--linea);flex-wrap:wrap}.chh b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chh small{color:var(--gris);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.chb{display:none}.chms{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 2px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.cm{max-width:78%;align-self:flex-start}.cm.me{align-self:flex-end;text-align:right}.cm small{font-size:10.5px;color:var(--gris);display:block;margin:0 6px}.cb{display:inline-block;text-align:left;padding:9px 13px;border-radius:18px;background:var(--soft);font-size:14px;line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.cm.me .cb{background:linear-gradient(180deg,color-mix(in srgb,var(--az) 78%,#fff),var(--az));color:#fff}.chin{display:flex;gap:8px;align-items:flex-end;padding-top:10px;border-top:1px solid var(--linea)}.chin textarea{resize:none;max-height:120px}
@media(max-width:820px){.chw{grid-template-columns:1fr;height:calc(100dvh - 206px - env(safe-area-inset-bottom,0px));min-height:360px}.chw.sel .chl{display:none}.chw:not(.sel) .chm{display:none}.chb{display:inline-flex;flex:0 0 auto}.chw .card{padding:14px}.chh{gap:8px}.chh b{font-size:14.5px}.cm{max-width:86%}.chin textarea{font-size:16px}}
@media(max-width:480px){.chw{height:calc(100dvh - 196px - env(safe-area-inset-bottom,0px))}.cha{width:32px;height:32px;flex:0 0 32px;font-size:15px}.chi{padding:8px}.chn b{font-size:13px}.chn small{font-size:11.5px}.cb{padding:8px 11px;font-size:13.5px}.chin .btn{padding:9px 12px;font-size:12.5px}}

/* ========================================================= */
/* --- PLANTILLAS DE FACTURA (12 ESTILOS PROFESIONALES) --- */
/* ========================================================= */
.fa { position: relative; overflow: hidden; transition: all 0.3s ease; }

/* 1. Clasica */
.fa.tpl-clasica { border-top: 5px solid #1a1a1a; }

/* 2. Dorado Elegante */
.fa.tpl-dorado { border-top: 6px solid #c59b27; background: #fffcf5; font-family: 'Segoe UI', serif; }
.fa.tpl-dorado .h b { color: #8c6d12; font-family: 'Georgia', serif; letter-spacing: 1px; }
.fa.tpl-dorado table th { background: linear-gradient(135deg, #c59b27, #dfba4e); color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,0.2); }
.fa.tpl-dorado .tt .gt { color: #8c6d12; border-top: 2px solid #c59b27; border-bottom: 2px solid #c59b27; }

/* 3. Azul Marino Corporativo */
.fa.tpl-marino { border-top: 6px solid #0f3460; background: #fbfdff; }
.fa.tpl-marino .h b { color: #0f3460; font-weight: 800; }
.fa.tpl-marino table th { background: #0f3460; color: #ffffff; }
.fa.tpl-marino .cl { border-left: 4px solid #16213e; padding-left: 10px; background: #f0f4f9; border-radius: 4px; padding: 8px 12px; }
.fa.tpl-marino .tt .gt { color: #0f3460; font-weight: 800; }

/* 4. Esmeralda Ejecutivo */
.fa.tpl-esmeralda { border-top: 6px solid #0d5c3a; background: #f6fbf8; }
.fa.tpl-esmeralda .h b { color: #0d5c3a; }
.fa.tpl-esmeralda table th { background: #0d5c3a; color: #fff; }
.fa.tpl-esmeralda .tt .gt { color: #0d5c3a; border-top: 2px solid #0d5c3a; }

/* 5. Minimalista Clean */
.fa.tpl-minimalista { border: 1px solid #e0e0e0; box-shadow: none; background: #fff; }
.fa.tpl-minimalista .h b { color: #111; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; }
.fa.tpl-minimalista table th { background: #fafafa; color: #333; border-bottom: 2px solid #222; }
.fa.tpl-minimalista table td { border-bottom: 1px solid #eee; }

/* 6. Violeta Cyber / Moderno */
.fa.tpl-violeta { border-top: 6px solid #7928ca; background: #fcfaff; }
.fa.tpl-violeta .h b { color: #7928ca; font-weight: 800; }
.fa.tpl-violeta table th { background: linear-gradient(135deg, #7928ca, #ff0080); color: #fff; }
.fa.tpl-violeta .tt .gt { color: #7928ca; }

/* 7. Rojo Burdeos Luxury */
.fa.tpl-burdeos { border-top: 6px solid #800020; background: #fffafb; }
.fa.tpl-burdeos .h b { color: #800020; }
.fa.tpl-burdeos table th { background: #800020; color: #fff; }
.fa.tpl-burdeos .tt .gt { color: #800020; border-top: 2px solid #800020; }

/* 8. Kraft Vintage */
.fa.tpl-kraft { background: #fcf6e8; border: 1px solid #d4c5a9; color: #3d3124; font-family: 'Courier New', Courier, monospace; }
.fa.tpl-kraft .h b { color: #4a3728; }
.fa.tpl-kraft table th { background: #e8dbbe; color: #3d3124; border: 1px solid #c9b996; }
.fa.tpl-kraft table td { border-bottom: 1px dashed #c9b996; }

/* 9. Sunset Degrade */
.fa.tpl-sunset { border-top: 6px solid #ff4e50; background: #fffdfb; }
.fa.tpl-sunset .h b { color: #f857a6; font-weight: 800; }
.fa.tpl-sunset table th { background: linear-gradient(135deg, #ff4e50, #f9d423); color: #fff; }
.fa.tpl-sunset .tt .gt { color: #ff4e50; }

/* 10. Dark Mode Pro */
.fa.tpl-dark { background: #18191a; color: #e4e6eb; border: 1px solid #333; }
.fa.tpl-dark .h b { color: #4e9af1; }
.fa.tpl-dark .h small, .fa.tpl-dark .ft { color: #999; }
.fa.tpl-dark .cl { background: #242526; color: #e4e6eb; }
.fa.tpl-dark table th { background: #242526; color: #4e9af1; border-bottom: 1px solid #444; }
.fa.tpl-dark table td { border-bottom: 1px solid #2d2e30; color: #ddd; }
.fa.tpl-dark .tt .gt { color: #4e9af1; border-top: 1px solid #444; }

/* 11. Plata Metalica */
.fa.tpl-silver { border-top: 6px solid #5a6268; background: #fdfdfd; }
.fa.tpl-silver .h b { color: #343a40; }
.fa.tpl-silver table th { background: linear-gradient(180deg, #495057, #343a40); color: #fff; }
.fa.tpl-silver .tt .gt { color: #212529; }

/* 12. Ticket POS 80mm */
.fa.tpl-pos { max-width: 320px !important; font-family: monospace; font-size: 11px; padding: 12px; background: #fff; margin: auto; border: 1px dashed #aaa; }
.fa.tpl-pos .lg { display: none; }
.fa.tpl-pos .h { flex-direction: column; text-align: center; }
.fa.tpl-pos .h div:last-child { text-align: center; margin-top: 6px; }
.fa.tpl-pos table th { background: none; color: #000; border-top: 1px dashed #000; border-bottom: 1px dashed #000; }
.fa.tpl-pos table td { border-bottom: none; }

/* --- SELLO DE ESTADO --- */
.stamp-wrap {
  position: absolute;
  top: 120px;
  right: 25px;
  z-index: 20;
  pointer-events: none;
  user-select: none;
}
.stamp-box {
  display: inline-block;
  padding: 6px 18px;
  text-transform: uppercase;
  font-family: 'Arial Black', 'Impact', sans-serif;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 4px;
  line-height: 1;
  text-align: center;
  border-radius: 8px;
  transform: rotate(-14deg);
  opacity: 0.88;
}
.stamp-cancelado {
  color: #d92d20;
  border: 4px double #d92d20;
  box-shadow: 0 0 0 2px #d92d20 inset, 0 2px 10px rgba(217, 45, 32, 0.2);
  background: rgba(217, 45, 32, 0.04);
}
.stamp-anulada {
  color: #7a1c1c;
  border: 4px solid #7a1c1c;
  box-shadow: 0 0 0 2px #7a1c1c inset;
  background: rgba(122, 28, 28, 0.05);
}
.stamp-credito {
  color: #d97706;
  border: 4px dashed #d97706;
  box-shadow: 0 0 0 2px #d97706 inset;
  background: rgba(217, 119, 6, 0.04);
  font-size: 20px;
}
.stamp-date {
  display: block;
  font-size: 10px;
  letter-spacing: 1.5px;
  margin-top: 3px;
  font-family: Arial, sans-serif;
  font-weight: 700;
}

/* Chat Emoji Picker */
.chat-emoji-wrap { position: relative; display: inline-flex; align-items: center; }
.chat-emoji-btn { background: none; border: none; font-size: 20px; cursor: pointer; padding: 4px 8px; border-radius: 6px; transition: transform 0.15s; }
.chat-emoji-btn:hover { transform: scale(1.2); background: rgba(0,0,0,0.06); }
.chat-emoji-picker {
  position: absolute;
  bottom: 45px;
  left: 0;
  width: 280px;
  max-height: 220px;
  overflow-y: auto;
  background: var(--card);
  border: 1px solid var(--borde);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.18);
  padding: 10px;
  display: none;
  grid-template-columns: repeat(6, 1fr);
  gap: 6px;
  z-index: 1000;
}
.chat-emoji-picker.on { display: grid; }
.chat-emoji-item {
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  transition: background 0.15s, transform 0.1s;
}
.chat-emoji-item:hover { background: var(--fondo); transform: scale(1.25); }
.stamp-pagado{color:#138a4d;border:4px double #138a4d;box-shadow:0 0 0 2px #138a4d inset,0 2px 10px rgba(19,138,77,.2);background:rgba(19,138,77,.05)}
.fa.tpl-pos .stamp-wrap{top:70px;right:6px}.fa.tpl-pos .stamp-box{font-size:15px;padding:3px 9px;letter-spacing:2px}
.tpg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:12px 0}.tpt{cursor:pointer;border:2px solid transparent;border-radius:16px;padding:8px;background:var(--soft);text-align:center;transition:transform .15s,border-color .15s}.tpt:hover{transform:translateY(-2px)}.tpt.on{border-color:var(--az);background:var(--az-bg)}.tpt b{display:block;font-size:12.5px;margin-top:7px}.tpm{height:92px;border-radius:8px;border-top:6px solid;padding:9px 9px 0;box-shadow:0 2px 8px rgba(0,0,0,.12)}.tpm i{display:block;height:4px;border-radius:2px;margin:5px 0;opacity:.28}
@media(max-width:820px){.wrap:has(#checkFrame){padding:0!important;max-width:none!important}.wrap:has(#checkFrame) .card{border-radius:0!important;border:0!important;box-shadow:none!important;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;margin:0!important}}
.vdk{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 4px}.vdk>div{padding:14px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px -16px rgba(0,0,0,.3)}.vdk small{display:block;color:var(--gris);font-size:11.5px;font-weight:600}.vdk b{display:block;font-size:22px;margin-top:4px;letter-spacing:-.02em}.vdk b.sm{font-size:15px;word-break:break-word}
:root[data-t="nocturno"] .vdk>div{background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.05));border-color:rgba(255,255,255,.16)}
.vdg{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.vdg .card{margin:0}
.vdc{display:flex;align-items:flex-end;gap:4px;height:160px;padding-top:10px;overflow-x:auto}.vdb{flex:1 0 14px;min-width:14px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.vdb i{display:block;width:100%;max-width:26px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,color-mix(in srgb,var(--az) 70%,#fff),var(--az));min-height:2px}.vdb small{font-size:9.5px;color:var(--gris);margin-top:4px}
.vdr{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--linea)}.vdr:last-child{border:0}.vdr .n{flex:1;min-width:0}.vdr .n b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vdr .n small{color:var(--gris);font-size:11.5px}.vdr .m{font-weight:700;font-size:13.5px;white-space:nowrap}.vdbar{height:5px;border-radius:3px;background:var(--soft);margin-top:4px;overflow:hidden}.vdbar i{display:block;height:100%;background:var(--az);border-radius:3px}
.mb.vfmax{max-width:100vw;width:100vw;max-height:100vh;height:100vh;border-radius:0}.md:has(.mb.vfmax){padding:0!important;align-items:stretch}
.ni .ic{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(145deg,var(--c1,#8a8a93),var(--c2,#55555c));box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 6px 12px -6px var(--c2,#55555c);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.ni span.ic{width:32px;height:32px;flex:0 0 32px;font-size:0}.ni .ic svg{width:19px;height:19px;fill:#fff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}
.ni:hover .ic{transform:scale(1.08) rotate(-3deg)}.ni.on .ic{transform:scale(1.06)}
.bn .ni span.ic{width:34px;height:34px;flex:0 0 auto;border-radius:12px}.bn .ni .ic svg{width:20px;height:20px}
.mi{display:inline-flex;vertical-align:middle;margin-right:6px}.mi:last-child{margin-right:0}.mi svg{width:1.2em;height:1.2em;fill:currentColor}

/* ===== Plantilla Apple Minimal ===== */
.fa.tpl-apple{padding:12mm 14mm 9mm;background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',Inter,Helvetica,Arial,sans-serif;position:relative}
.tpl-apple .ap-top{display:flex;justify-content:space-between;align-items:center}
.tpl-apple .ap-brand{display:flex;align-items:center;gap:16px}
.tpl-apple .ap-brand img{height:21mm;width:auto;display:block;background:transparent}
.tpl-apple .ap-brand i{width:1.5px;height:17mm;background:#cfd4dc;display:block}
.tpl-apple .ap-brand h2{margin:0;font-size:25px;font-weight:700;letter-spacing:-.02em;color:#0f172a}
.tpl-apple .ap-brand small{display:block;margin-top:5px;font-size:9.5px;letter-spacing:.22em;color:#6b7280}
.tpl-apple .ap-contact{font-size:12.5px;color:#4b5563;display:flex;flex-direction:column;gap:7px}
.tpl-apple .ap-contact div{display:flex;align-items:center;gap:9px}
.tpl-apple .ap-mid{display:flex;justify-content:space-between;align-items:flex-end;margin-top:9mm}
.tpl-apple .ap-mid h1{margin:0;font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em;color:#050505}
.tpl-apple .ap-mid p{margin:10px 0 0;font-size:19px;color:#64748b}
.tpl-apple .ap-anu{margin-top:8px;color:#d92d20;font-weight:700;letter-spacing:.1em}
.tpl-apple .ap-meta{background:#f4f6f9;border-radius:14px;padding:14px 20px;min-width:86mm;font-size:13px}
.tpl-apple .ap-meta div{display:flex;justify-content:space-between;gap:20px;padding:5px 0}
.tpl-apple .ap-meta span{color:#6b7280}.tpl-apple .ap-meta b{font-weight:600;color:#0f172a}
.tpl-apple .ap-cli{background:#f4f6f9;border-radius:14px;padding:16px 22px;margin-top:8mm;font-size:13px;color:#6b7280;line-height:1.65}
.tpl-apple .ap-cli small{font-size:13px;font-weight:600;color:#475569}
.tpl-apple .ap-cli h3{margin:3px 0 4px;font-size:18px;font-weight:700;color:#0f172a}
.tpl-apple .ap-t{width:calc(100% - 0px);border-collapse:separate;border-spacing:0;margin-top:8mm;font-size:13px}
.tpl-apple .ap-t th{background:#f4f6f9;color:#475569;font-weight:600;text-align:left;padding:12px 14px;font-size:12.5px}
.tpl-apple .ap-t th:first-child{border-radius:12px 0 0 12px}.tpl-apple .ap-t th:last-child{border-radius:0 12px 12px 0}
.tpl-apple .ap-t td{padding:13px 14px;border-bottom:1px solid #eef0f4;color:#111827}
.tpl-apple .ap-t .n{width:34px}.tpl-apple .ap-t .r{text-align:right}
.tpl-apple .ap-tot{width:84mm;margin:7mm 0 0 auto;font-size:13.5px}
.tpl-apple .ap-tot div{display:flex;justify-content:space-between;padding:10px 4px;border-bottom:1px solid #eef0f4}
.tpl-apple .ap-tot .g{background:#f4f6f9;border:0;border-radius:12px;padding:14px 16px;margin-top:8px;font-size:22px;font-weight:800;color:#050505}
.tpl-apple .ap-tot .g span{font-size:17px}
.tpl-apple .ap-two{display:grid;grid-template-columns:1fr 1fr;gap:6mm;margin-top:auto;padding-top:8mm}
.tpl-apple .ap-box{background:#f8f9fb;border:1px solid #eceff3;border-radius:14px;padding:16px 20px;font-size:12px;color:#4b5563}
.tpl-apple .ap-box h4{margin:0 0 10px;display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:#0f172a}
.tpl-apple .ap-box .ar{display:flex;gap:10px;padding:3px 0}.tpl-apple .ap-box .ar span{width:84px;color:#8a93a3}.tpl-apple .ap-box .ar b{font-weight:500;color:#111827}
.tpl-apple .ap-box ol{margin:0;padding-left:18px;line-height:1.7}
.tpl-apple .ap-ft{display:flex;justify-content:space-between;align-items:center;margin-top:7mm;padding-top:5mm;border-top:1px solid #e5e7eb}
.tpl-apple .ap-tag{font-size:10px;letter-spacing:.22em;color:#6b7280}
.tpl-apple .ap-tag i{display:block;width:17mm;height:2.5px;background:#0a84ff;margin-top:9px;border-radius:2px}
.tpl-apple .ap-bd{display:flex;gap:0}
.tpl-apple .ap-bd div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 16px;border-left:1px solid #e5e7eb;font-size:10.5px;color:#6b7280}
.tpl-apple .ap-bd div:first-child{border-left:0}

.fa.tpl-apple{padding:11mm 14mm 8mm}
.tpl-apple .ap-t{border-top:0}
.tpl-apple .ap-t th{border:0;text-align:left;padding:10px 14px;font-size:12px}
.tpl-apple .ap-t td{border:0;border-bottom:1px solid #eef0f4;text-align:left;padding:9px 14px;font-size:13px}
.tpl-apple .ap-t th:first-child,.tpl-apple .ap-t td:first-child{width:34px;text-align:left}
.tpl-apple .ap-t th.r,.tpl-apple .ap-t td.r{text-align:right}
.tpl-apple .ap-mid{margin-top:6mm}.tpl-apple .ap-mid h1{font-size:56px}.tpl-apple .ap-mid p{font-size:17px;margin-top:6px}
.tpl-apple .ap-meta{padding:10px 18px}.tpl-apple .ap-meta div{padding:4px 0}
.tpl-apple .ap-cli{margin-top:6mm;padding:12px 20px;line-height:1.55}
.tpl-apple .ap-t{margin-top:6mm}
.tpl-apple .ap-tot{margin-top:5mm}.tpl-apple .ap-tot div{padding:7px 4px}.tpl-apple .ap-tot .g{padding:11px 16px;font-size:20px}
.tpl-apple .ap-two{padding-top:6mm;flex-shrink:0}.tpl-apple .ap-box{padding:12px 18px}.tpl-apple .ap-box h4{margin-bottom:7px}
.tpl-apple .ap-ft{margin-top:5mm;padding-top:4mm;flex-shrink:0}
.tpl-apple .stamp-wrap{top:156mm;left:16mm;right:auto;transform:scale(.8);transform-origin:top left}
.tdp{border:1px solid var(--linea);border-radius:16px;padding:12px 14px;margin:10px 0}.tdp.nw{border-color:var(--az);background:var(--az-bg)}.tdp ul{margin:8px 0;padding-left:18px;font-size:13px}.tdth{width:42px;height:42px;object-fit:cover;border-radius:10px;background:var(--soft)}
.tdth{width:96px;height:120px;object-fit:contain;border-radius:12px;background:var(--soft);cursor:zoom-in;display:block}
.tdk{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}.tdk>div{background:var(--soft);border-radius:14px;padding:10px 12px}.tdk b{display:block;font-size:22px}.tdk small{color:var(--gris)}.tdk .hot{background:var(--az-bg);color:var(--az)}
.tdhg{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.tdhg h4{margin:0 0 6px;font-size:13px;color:var(--gris);text-transform:uppercase;letter-spacing:.05em}
.tdr{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--linea)}.tdr>div{flex:1;min-width:0}.tdr small{display:block;color:var(--gris);font-size:12px}.tdr a.btn{text-decoration:none}
.tdth{width:clamp(120px,15vw,170px);height:auto;aspect-ratio:4/5}
.tw td:has(.tdth){padding:10px 12px}
input.mck{-webkit-appearance:none;appearance:none;width:24px!important;height:24px!important;min-width:24px;padding:0!important;margin:0;border-radius:8px;border:2px solid var(--linea);background:var(--card);display:inline-grid;place-items:center;cursor:pointer;vertical-align:middle;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;box-shadow:none}
input.mck:hover{border-color:var(--az)}input.mck:active{transform:scale(.9)}
input.mck:checked{background:var(--az);border-color:var(--az);box-shadow:0 4px 10px -4px var(--az)}
input.mck::after{content:'';width:6px;height:11px;border:solid #fff;border-width:0 2.6px 2.6px 0;transform:rotate(45deg) scale(0) translate(-1px,-1px);transition:transform .15s}
input.mck:checked::after{transform:rotate(45deg) scale(1) translate(-1px,-1px)}
.tdtm{min-width:150px}.tdtm summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid var(--linea);background:var(--soft);font-size:15px;user-select:none}
.tdtm summary::-webkit-details-marker{display:none}.tdtm summary em{font-style:normal;font-size:12.5px;color:var(--gris)}.tdtm summary i{font-style:normal;font-size:11px;color:var(--gris);transition:transform .2s}.tdtm[open] summary i{transform:rotate(180deg)}.tdtm[open] summary{border-color:var(--az);background:var(--az-bg)}
.tdpop{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;max-width:340px}
.tdtg{position:relative;margin:0;cursor:pointer}.tdtg input{position:absolute;opacity:0;pointer-events:none;width:0!important;height:0!important}
.tdtg span{display:inline-block;padding:6px 11px;border-radius:99px;border:1px solid var(--linea);background:var(--card);font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s,transform .1s}
.tdtg:active span{transform:scale(.95)}.tdtg input:checked+span{background:var(--az);border-color:var(--az);color:#fff}
.tdtg input:checked+span::before{content:'✓ ';font-weight:800}
html.shopmode body>*:not(#shop):not(#shopm):not(#ksnack):not(#kzoom):not(#ktheme):not(#pdfv):not(#imgv):not(#k_xl):not(#k_snow):not(#k_rd):not(#k_sw):not(#k_sun):not(#k_bub):not(#k_conf):not(#avzoom){display:none!important}
html.shopmode,html.shopmode body{background:#FFF8F8}
.tdtg{display:inline-flex;align-items:center;gap:2px;margin:1px 6px 1px 0;font-size:14px;cursor:pointer;white-space:nowrap}.tdtg input{width:auto;margin:0}
#shop,#shopm,#ksnack{--p:#E0457B;--pc:#FFD9E4;--onpc:#3E001D;--bg:#FFF8F8;--sf:#fff;--sf2:#F7EBEF;--tx:#201A1B;--tx2:#74686C;--ol:#E8DCE0;--sh:0 1px 2px rgba(60,20,40,.08),0 6px 16px -8px rgba(60,20,40,.22);font-family:Roboto,'Google Sans','Segoe UI',system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent;color:var(--tx)}
@media(prefers-color-scheme:dark){#shop,#shopm,#ksnack{--bg:#181315;--sf:#251E21;--sf2:#2F2629;--tx:#F1E5E8;--tx2:#B5A7AC;--ol:#43373B;--pc:#5E1A37;--onpc:#FFD9E4;--sh:0 1px 2px rgba(0,0,0,.4)}html.shopmode,html.shopmode body{background:#181315}}
#shop,#shop *,#shopm,#shopm *{box-sizing:border-box}
#shop{position:fixed;inset:0;z-index:3000;overflow-y:auto;overflow-x:hidden;background:var(--bg);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
#shop button,#shopm button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
#shop .kwrap{max-width:1100px;margin:0 auto;padding:0 14px calc(96px + env(safe-area-inset-bottom))}
#shop .khd{display:flex;align-items:center;gap:12px;padding:calc(14px + env(safe-area-inset-top)) 2px 10px}
#shop .khd img{height:44px;width:auto;border-radius:12px;background:#fff;padding:3px;box-shadow:var(--sh)}
#shop .khd b{display:block;font-size:20px;font-weight:700;letter-spacing:-.01em}#shop .khd small{color:var(--tx2);font-size:13.5px}
#shop .kstk{position:sticky;top:0;z-index:10;background:var(--bg);margin:0 -14px;padding:4px 14px 8px}
#shop .ksr{display:flex;align-items:center;gap:10px;height:52px;border-radius:26px;background:var(--sf2);padding:0 8px 0 16px;color:var(--tx2)}
#shop .ksr:focus-within{box-shadow:0 0 0 2px var(--p)}
#shop .ksr input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;font:inherit;font-size:16px;color:var(--tx);padding:0;margin:0;width:auto;box-shadow:none}
#shop .ksr input::-webkit-search-cancel-button{display:none}
#shop .ksr button{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--tx2)}#shop .ksr button[hidden]{display:none}
#shop .kchips{display:flex;gap:8px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}#shop .kchips::-webkit-scrollbar{display:none}#shop .kchips:empty{display:none}
#shop .kchip{flex:0 0 auto;height:34px;padding:0 14px;border-radius:10px;border:1px solid var(--ol);background:none;font-size:13.5px;font-weight:500;transition:background .15s,transform .1s}
#shop .kchip.on{background:var(--pc);color:var(--onpc);border-color:transparent;font-weight:600}#shop .kchip:active{transform:scale(.95)}
#shop .ktms{display:flex;gap:12px;overflow-x:auto;padding:14px 2px 4px;scrollbar-width:none;scroll-snap-type:x proximity}#shop .ktms::-webkit-scrollbar{display:none}#shop .ktms:empty{display:none}
#shop .ktm{flex:0 0 auto;width:74px;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;scroll-snap-align:start}
#shop .kte{width:60px;height:60px;border-radius:20px;background:var(--sf2);display:grid;place-items:center;font-size:28px;transition:background .2s,transform .15s,box-shadow .2s}
#shop .ktm.on .kte{background:var(--p);box-shadow:0 8px 18px -8px var(--p);transform:scale(1.06)}#shop .ktm:active .kte{transform:scale(.92)}
#shop .ktm small{font-size:12px;font-weight:500;color:var(--tx2);max-width:74px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shop .ktm.on small{color:var(--tx);font-weight:700}
#shop .kmeta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:6px;min-height:34px;padding:6px 2px;font-size:13px;color:var(--tx2)}
#shop .kmeta .kcnt{min-width:0;flex:1 1 auto}
#shop .kmeta .kmr{flex:0 0 auto;margin-left:auto}
#shop .kmeta button{border:0;background:none;color:var(--p);font-weight:700;font-size:13px;padding:6px 4px}
#shop .kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:600px){#shop .kgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:900px){#shop .kgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
#shop .kc{background:var(--sf);border-radius:20px;overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 330px;animation:kin .3s both;transition:transform .15s}
#shop .kc:active{transform:scale(.98)}
#shop .kimg{position:relative;aspect-ratio:4/5;background:var(--sf2);overflow:hidden;cursor:pointer}
#shop .kimg img{width:100%;height:100%;object-fit:cover;display:block;animation:kfd .4s both}
#shop .kfav{position:absolute;top:8px;right:8px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#444;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:transform .15s}
#shop .kfav.on,#shopm .kfav.on{color:var(--p)}#shop .kfav:active{transform:scale(.85)}
#shop .kbd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
#shop .kcat{display:inline-flex;align-items:center;align-self:flex-start;max-width:100%;padding:3px 8px;border-radius:980px;background:var(--pc);color:var(--p);font-size:10.5px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .kbd b{font-size:14.5px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .kfoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;min-height:40px}
#shop .kp{font-size:15px;font-weight:700;min-width:0}#shop .kp.q{font-size:12.5px;font-weight:500;color:var(--tx2)}
#shop .kact{flex:0 0 auto}
#shop .kadd{width:42px;height:42px;border:0;border-radius:14px;background:var(--pc);color:var(--onpc);display:grid;place-items:center;transition:transform .12s,background .2s}#shop .kadd:active{transform:scale(.88)}
#shop .kst,#shopm .kst{display:inline-flex;align-items:center;background:var(--pc);color:var(--onpc);border-radius:14px;height:42px}
#shop .kst button,#shopm .kst button{width:34px;height:42px;border:0;background:none;font-size:20px;font-weight:600;color:inherit}#shop .kst span,#shopm .kst span{min-width:20px;text-align:center;font-weight:700;font-size:14.5px}
#shop .ksk .kbd i{display:block;height:12px;border-radius:6px;margin:4px 0}
#shop .ksk .kimg,#shop .ksk .kbd i{background:linear-gradient(90deg,var(--sf2) 25%,var(--ol) 50%,var(--sf2) 75%);background-size:200% 100%;animation:kshim 1.2s linear infinite}
#shop .kempty{grid-column:1/-1;text-align:center;padding:48px 20px;color:var(--tx2)}#shop .kempty .e{font-size:44px;display:block;margin-bottom:8px}#shop .kempty button{margin-top:12px}
#shop .kspin{width:28px;height:28px;margin:22px auto;border-radius:50%;border:3px solid var(--ol);border-top-color:var(--p);animation:ksp .7s linear infinite}
#shop .knav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:var(--sf2);padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -1px 0 var(--ol)}
#shop .knav button{flex:1;max-width:180px;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--tx2);padding:0}
#shop .kpill{position:relative;width:64px;height:32px;border-radius:16px;display:grid;place-items:center;transition:background .2s}
#shop .knav small{font-size:12px;font-weight:500}#shop .knav .on{color:var(--tx)}#shop .knav .on .kpill{background:var(--pc);color:var(--onpc)}#shop .knav .on small{font-weight:700}
#shop .kbdg{position:absolute;top:-4px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--p);color:#fff;font:700 11px/18px Roboto,sans-serif;font-style:normal;text-align:center;animation:kpop .25s}
#shop .kreg-w{min-height:100%;display:flex;align-items:center;justify-content:center;padding:calc(20px + env(safe-area-inset-top)) 16px 28px;background:linear-gradient(180deg,var(--pc),var(--bg) 55%)}
#shop .kreg{width:100%;max-width:430px;background:var(--sf);border-radius:28px;box-shadow:var(--sh);padding:26px 22px;text-align:center;animation:kin .35s both}
#shop .kreg img{max-height:84px;max-width:80%;margin-bottom:6px}#shop .kreg h2{margin:6px 0 4px;font-size:22px}#shop .kreg p{margin:0 0 16px;color:var(--tx2);font-size:14px;line-height:1.4}
#shop .kf{display:block;text-align:left;margin:0 0 10px}#shop .kf span{display:block;font-size:12px;font-weight:600;color:var(--tx2);margin:0 0 4px 4px}
#shop .kf input,#shopm textarea{width:100%;padding:13px 14px;border-radius:14px;border:1.5px solid var(--ol);background:var(--sf);color:var(--tx);font:inherit;font-size:16px;margin:0;outline:0;transition:border-color .15s,box-shadow .15s}
#shop .kf input:focus,#shopm textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 22%,transparent)}
#shop .sbtn,#shopm .sbtn{display:flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:16px;min-height:50px;padding:0 20px;font-weight:700;font-size:15.5px;color:#fff;background:var(--p);width:100%;box-shadow:0 8px 18px -10px var(--p);transition:transform .12s,opacity .2s}
#shop .sbtn:active,#shopm .sbtn:active{transform:scale(.97)}#shopm .sbtn.g{background:var(--sf2);color:var(--tx);box-shadow:none}#shopm .sbtn:disabled{opacity:.6}
#shop .serr,#shopm .serr{color:#d92d20;font-size:13px;min-height:18px;margin:0 0 6px;text-align:left}
#shopm{position:fixed;inset:0;z-index:3100;background:rgba(0,0,0,.5);display:none;align-items:flex-end;justify-content:center;animation:kfd .2s both}
#shopm .ksheet{width:min(560px,100%);max-height:92vh;max-height:92dvh;overflow:auto;overscroll-behavior:contain;border-radius:28px 28px 0 0;background:var(--bg);padding:8px 20px calc(20px + env(safe-area-inset-bottom));animation:kup .3s cubic-bezier(.2,.8,.2,1)}
#shopm .ksheet.re{animation:none}#shopm .kgrab{width:36px;height:4px;border-radius:2px;background:var(--ol);margin:4px auto 12px}
#shopm .kdi{position:relative;border-radius:22px;overflow:hidden;background:var(--sf2)}#shopm .kdi img{display:block;width:100%;max-height:52vh;object-fit:contain}
#shopm .kfav{position:absolute;top:10px;right:10px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#444;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
#shopm .kcat{font-size:11.5px;font-weight:700;color:var(--p);text-transform:uppercase;letter-spacing:.06em;margin-top:14px}
#shopm h2{margin:4px 0;font-size:22px;line-height:1.2}#shopm .kdp{font-size:24px;font-weight:800;margin:4px 0 10px}
#shopm .ktg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}#shopm .ktg button,#shopm .ktg span{border:0;border-radius:10px;padding:7px 12px;background:var(--pc);color:var(--onpc);font-size:13px;font-weight:600}
#shopm .kds{color:var(--tx2);line-height:1.55;margin:0 0 14px;font-size:14.5px}
#shopm .kact2{display:grid;gap:8px;position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));background:var(--bg);padding:10px 0 4px}
#shopm .kst.lg{display:flex;justify-content:space-between;height:50px;border-radius:16px}#shopm .kst.lg button{width:56px;height:50px}#shopm .kst.lg span{font-size:15px}
#shopm .kln{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--ol)}#shopm .kln img{width:56px;height:70px;object-fit:cover;border-radius:12px;background:var(--sf2);flex:0 0 auto}
#shopm .kln div{flex:1;min-width:0}#shopm .kln b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shopm .kln small{color:var(--tx2)}
#shopm textarea{margin-top:10px;resize:none}
#ksnack{position:fixed;left:12px;right:12px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:3200;display:flex;justify-content:center;pointer-events:none}
#ksnack .ksn{pointer-events:auto;background:#322F30;color:#F5EFF0;border-radius:14px;padding:12px 8px 12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between;font:500 14px Roboto,system-ui,sans-serif;width:100%;max-width:420px;box-shadow:0 8px 24px rgba(0,0,0,.3);animation:kup .25s}
#ksnack .ksn button{border:0;background:none;color:#FFB1C8;font:700 14px Roboto,sans-serif;padding:6px 10px}
@keyframes kin{from{opacity:0;transform:translateY(10px)}}@keyframes kfd{from{opacity:0}}@keyframes kup{from{transform:translateY(40px);opacity:0}}@keyframes kshim{to{background-position:-200% 0}}@keyframes ksp{to{transform:rotate(360deg)}}@keyframes kpop{from{transform:scale(0)}}
@media(min-width:700px){#shopm{align-items:center}#shopm .ksheet{border-radius:28px}}
@media(prefers-reduced-motion:reduce){#shop *,#shopm,#shopm *,#ksnack *{animation:none!important;transition:none!important}}

#shop .khd .kht{flex:1;min-width:0}
#shop .khact{display:none;gap:10px}
#shop .kha{position:relative;display:flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:22px;border:1px solid var(--ol);background:var(--sf);font-weight:600;font-size:14px;transition:background .15s}
#shop .kha:hover{background:var(--sf2)}#shop .kha.on{color:var(--p)}#shop .kha.pri{background:var(--p);color:#fff;border-color:transparent}#shop .kha .kbdg{top:-6px;right:-4px;background:var(--tx);color:var(--bg)}
#shop .kmain{display:block}#shop .kside{display:none}#shop .kcol{min-width:0}
#shop .kimg img{object-fit:contain}
#shop .kimg{aspect-ratio:4/5;background:var(--sf2)}
#shop .kmeta{gap:10px}#shop .kmr{display:flex;align-items:center;gap:6px}
#shop .ksort{height:34px;border-radius:10px;border:1px solid var(--ol);background:var(--sf);color:var(--tx);font:inherit;font-size:13px;padding:0 8px;max-width:150px}
#shop .kchip{display:inline-flex;align-items:center;gap:6px}
#shop .kside h3{margin:6px 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx2)}
#shop .ksd{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;cursor:pointer;font-size:14.5px;transition:background .15s}
#shop .ksd:hover{background:var(--sf2)}#shop .ksd.on{background:var(--pc);color:var(--onpc);font-weight:600}
#shop .ksd input{width:18px;height:18px;margin:0;accent-color:var(--p);flex:0 0 auto}#shop .ksd span{flex:1;min-width:0}#shop .ksd i{font-style:normal;font-size:12px;color:var(--tx2);background:var(--sf2);border-radius:10px;padding:2px 8px}#shop .ksd.on i{background:rgba(255,255,255,.55);color:inherit}
#shopm .kdet{display:block}#shopm .kdi img{cursor:zoom-in;background:var(--sf2)}
#shopm .kzh{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:5px 10px;border-radius:12px;pointer-events:none}
#shopm .kdi img{max-height:56vh}
#kzoom{position:fixed;inset:0;z-index:3300;background:rgba(0,0,0,.93);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:kfd .2s both}
#kzoom img{max-width:100vw;max-height:100vh;object-fit:contain}#kzoom button{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px}
#shop .kdnav{display:none}
#shop .kbanner{position:relative;min-height:168px;margin:16px 0;overflow:hidden;border-radius:24px;isolation:isolate;display:flex;align-items:center}
#shop .kbanner[hidden]{display:none}
#shop .kban-bg{position:absolute;inset:0;z-index:-2}#shop .kban-bg img{width:100%;height:100%;object-fit:cover}
#shop .kbanner::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(23,12,17,.82) 0%,rgba(23,12,17,.5) 55%,rgba(23,12,17,.18) 100%)}
#shop .kban-copy{padding:22px 24px;color:#fff;max-width:420px}
#shop .kban-copy h1{margin:0 0 6px;font-size:clamp(19px,4.6vw,26px);line-height:1.15;font-weight:700;letter-spacing:-.01em}
#shop .kban-copy p{margin:0 0 14px;font-size:13.5px;opacity:.92}
#shop .kban-copy .sbtn{display:inline-flex;width:auto;min-height:40px;height:40px;padding:0 18px;font-size:13.5px}
#shop .kcats{margin:4px 0 18px}#shop .kcats[hidden]{display:none}
#shop .kcats h3{margin:0 0 10px;font-size:13px;letter-spacing:.04em;color:var(--tx2);font-weight:700}
#shop .kcat-row{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:none}#shop .kcat-row::-webkit-scrollbar{display:none}
#shop .kcat-pill{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;width:72px}
#shop .kcat-ic{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--pc);transition:transform .15s,box-shadow .15s}
#shop .kcat-pill:active .kcat-ic{transform:scale(.92)}
#shop .kcat-pill.on .kcat-ic{background:var(--p);box-shadow:0 6px 16px -6px rgba(0,0,0,.4)}
#shop .kcat-pill small{font-size:11.5px;font-weight:600;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#shop .kcat-pill.on small{color:var(--tx);font-weight:700}
@media(min-width:900px){
 #shop .kwrap{padding:0 32px 48px}
 #shop .khd{padding-top:22px;padding-bottom:16px;gap:16px}#shop .khd img{height:54px}#shop .khd b{font-size:26px}
 #shop .khact{display:flex}#shop .knav{display:none}
 #shop .kdnav{display:flex;gap:28px;padding:0 2px 14px;border-bottom:1px solid var(--ol);margin-bottom:4px}
 #shop .kdnav button{background:none;border:0;padding:6px 2px;font-size:14px;font-weight:600;color:var(--tx2);cursor:pointer;transition:color .15s}
 #shop .kdnav button:hover{color:var(--tx)}
 #shop .kbanner{min-height:230px}#shop .kban-copy{padding:0 0 0 40px;max-width:480px}
 #shop .kmain{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;align-items:start}
 #shop .kside{display:block;position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto;background:var(--sf);border-radius:24px;padding:16px 12px;box-shadow:var(--sh)}
 #shop .kstk{top:0;margin:0;padding:0 0 10px}#shop .ksr{height:56px}#shop .kchips{display:none}
 #shop .kgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}
 #shop .kc:hover{transform:translateY(-4px);box-shadow:0 14px 30px -14px rgba(60,20,40,.4)}
 #shop .kimg{aspect-ratio:4/5}
 #ksnack{bottom:28px}
 #shopm{align-items:center}
 #shopm .ksheet.wide{width:min(1020px,94vw);max-height:90vh;padding:24px;border-radius:28px}
 #shopm .wide .kgrab{display:none}
 #shopm .wide .kdet{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}
 #shopm .wide .kdi{position:sticky;top:0}#shopm .wide .kdi img{max-height:74vh;width:100%}
 #shopm .wide .kcat{margin-top:0}#shopm .wide h2{font-size:28px}#shopm .wide .kact2{position:static;padding-top:6px}
}
@media(min-width:1500px){#shop .kwrap{max-width:1500px}}
#shop .kst .kqn,#shopm .kst .kqn{width:auto;min-width:30px;padding:0 6px;font-size:14.5px;font-weight:700;border-radius:10px;height:42px}#shopm .kst.lg .kqn{flex:1;width:auto;font-size:15px}
#shopm .kpk{display:flex;align-items:center;gap:12px;margin:2px 0 4px}#shopm .kpk img{width:64px;height:80px;object-fit:cover;border-radius:12px;background:var(--sf2)}#shopm .kpk b{display:block;font-size:16px}#shopm .kpk small{color:var(--tx2)}
#shopm .kpt{margin:14px 0 10px;font-size:15px;color:var(--tx2);font-weight:600}
#shopm .kqc{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
#shopm .kqb{border:2px solid var(--ol);background:var(--sf);border-radius:16px;padding:12px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:background .15s,border-color .15s,transform .1s}
#shopm .kqb b{font-size:22px;line-height:1}#shopm .kqb small{font-size:11px;color:var(--tx2);white-space:nowrap}#shopm .kqb:active{transform:scale(.95)}
#shopm .kqb.on{background:var(--pc);border-color:var(--p);color:var(--onpc)}#shopm .kqb.on small{color:inherit}
#shopm .kqm{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 6px;font-size:14px;color:var(--tx2)}#shopm .kqm .kst.lg{width:170px;flex:0 0 auto}
#shopm .kqm input{width:60px;border:0;background:none;text-align:center;font:700 17px Roboto,sans-serif;color:inherit;outline:0;-moz-appearance:textfield;padding:0}#shopm .kqm input::-webkit-outer-spin-button,#shopm .kqm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#shopm .kqm .kst.lg button{width:46px}
#shopm .kpsum{display:flex;justify-content:space-between;align-items:center;font-size:15px;padding:8px 0}#shopm .kpsum b{font-size:20px}
.tdfl{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.tdg{border:1px solid var(--linea);border-radius:16px;margin:0 0 12px;background:var(--card);overflow:hidden}
.tdgs{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--soft);font-weight:700;user-select:none}
.tdgs::-webkit-details-marker{display:none}.tdgs .tdgn{flex:1}.tdgs small{color:var(--gris);font-weight:500}.tdgs i{font-style:normal;font-size:11px;color:var(--gris);transition:transform .2s}.tdg[open]>.tdgs i{transform:rotate(180deg)}
.tdg .tw{padding:4px 8px 8px}
#tdzoom{position:fixed;inset:0;z-index:100000;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
#tdzoom img{max-width:100vw;max-height:88vh;object-fit:contain;touch-action:pinch-zoom}
#tdzoom .tdzc{position:absolute;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));text-align:center;color:#fff}#tdzoom .tdzc b{display:block}#tdzoom .tdzc small{opacity:.75}
#tdzoom button{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px}
/* ===== Tienda: estilo Flutter / Material 3 ===== */
#shop .kc{border-radius:24px;box-shadow:0 1px 2px rgba(60,20,40,.08),0 10px 22px -14px rgba(60,20,40,.4);transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}
#shop .kc:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(60,20,40,.08),0 16px 28px -14px rgba(60,20,40,.45)}
#shop .kimg{border-radius:24px 24px 0 0}
#shop .kbd b{font-weight:600;letter-spacing:.1px}
#shop .kp{color:var(--p);font-weight:800}
#shop .kadd{border-radius:16px;box-shadow:0 6px 14px -6px var(--p);transition:transform .15s}#shop .kadd:active{transform:scale(.88)}
#shop .ksr{border-radius:28px;border:0;box-shadow:var(--sh);background:var(--sf)}
#shop .kchip{border-radius:12px;font-weight:600;transition:background .2s,transform .12s}#shop .kchip:active{transform:scale(.95)}
#shop .khd{border-radius:0 0 28px 28px;background:var(--sf);box-shadow:0 2px 14px -8px rgba(60,20,40,.35)}
#shop .khd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:118px;padding:calc(12px + env(safe-area-inset-top)) 12px 14px}
#shop .kbrand{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;text-align:center}
#shop .khd .kbrand>img{height:56px;width:auto;max-width:min(64vw,230px);padding:5px 9px;border-radius:18px;background:#fff;box-shadow:0 5px 16px -10px rgba(60,20,40,.5);object-fit:contain}
#shop .khd .kht{flex:none;text-align:center;min-width:0}#shop .khd .kht b{font-size:18px!important;line-height:1.15}#shop .khd .kht small{display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khact{grid-column:3;justify-self:end;align-self:center}
#shop .khero{position:relative;min-height:212px;margin:18px 0 20px;overflow:hidden;border-radius:28px;background:var(--sf2);box-shadow:0 12px 28px -20px rgba(60,20,40,.6)}
#shop .khero[hidden]{display:none}.khero-track{display:flex;height:100%;transition:transform .48s cubic-bezier(.2,.8,.2,1);will-change:transform}
#shop .khero-slide{position:relative;flex:0 0 100%;min-height:212px;overflow:hidden;cursor:pointer;isolation:isolate}
#shop .khero-slide::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(23,12,17,.78) 0%,rgba(23,12,17,.30) 52%,rgba(23,12,17,.08) 100%)}
#shop .khero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transform:scale(1.02)}
#shop .khero-copy{position:absolute;left:20px;right:58px;bottom:24px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.32)}
#shop .khero-copy small{display:block;margin-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;opacity:.86}
#shop .khero-copy b{display:block;max-width:28ch;font-size:clamp(20px,5vw,31px);line-height:1.08;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khero-copy span{display:block;margin-top:7px;font-size:13px;font-weight:600;opacity:.94}
#shop .khero-control{position:absolute;top:50%;z-index:2;width:40px;height:40px;margin-top:-20px;border:0;border-radius:14px;background:rgba(255,255,255,.9);color:var(--tx);box-shadow:0 4px 12px rgba(0,0,0,.18);font-size:24px;line-height:1;transition:transform .15s,background .15s}
#shop .khero-control:active{transform:scale(.9)}#shop .khero-control.prev{left:12px}#shop .khero-control.next{right:12px}
#shop .khero-dots{position:absolute;z-index:2;right:16px;bottom:14px;display:flex;gap:6px}.khero-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.48);transition:width .18s,background .18s}.khero-dots button.on{width:22px;background:#fff}
@media(min-width:700px){#shop .khero,#shop .khero-slide{min-height:290px}#shop .khero-copy{left:34px;bottom:32px}#shop .khd .kht b{font-size:21px!important}#shop .khd .kbrand>img{height:66px}}
#shop .knav{background:color-mix(in srgb,var(--sf) 90%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:26px 26px 0 0;box-shadow:0 -4px 18px -10px rgba(60,20,40,.35)}
#shop .kpill{transition:background .25s,width .25s}
#k_fab{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:25}
.kfab{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;border:0;border-radius:18px;background:#E0457B;color:#fff;font:700 15px Roboto,'Segoe UI',system-ui,sans-serif;box-shadow:0 10px 24px -8px rgba(224,69,123,.7),0 2px 6px rgba(0,0,0,.2);animation:kup .3s cubic-bezier(.2,.8,.2,1);cursor:pointer;-webkit-tap-highlight-color:transparent}.kfab:active{transform:scale(.95)}
#shopm .ksheet{box-shadow:0 -8px 40px rgba(0,0,0,.25)}
#shopm .kdi img{cursor:zoom-in}
@media(min-width:700px){#shopm{align-items:center}#shopm .ksheet{border-radius:28px;max-height:88vh}}
.tdstk{width:auto;min-width:150px}
#shop .kbg{position:absolute;left:8px;top:8px;z-index:2;padding:4px 10px;border-radius:10px;font-size:11.5px;font-weight:700;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
#shopm .kbi{display:inline-block;margin:0 0 10px;padding:5px 12px;border-radius:10px;font-size:12.5px;font-weight:700;color:#fff}
.kb-low{background:#E8870A}.kb-out{background:#5f5f66}.kb-disc{background:#B3261E}
#shop .kc.off .kimg img{filter:grayscale(.85);opacity:.55}
#shop .kno{font-size:12px;font-weight:700;color:var(--tx2);background:var(--sf2);padding:6px 10px;border-radius:10px}
#shopm .kstn{padding:14px;border-radius:16px;text-align:center;font-weight:600;background:var(--sf2);color:var(--tx2)}
#ubiWrap{position:relative;margin-top:10px}
#ubiWrap .ubifbar{display:none}
#ubiWrap .ubifb{position:absolute;right:10px;bottom:34px;z-index:1000;width:42px;height:42px;border:0;border-radius:12px;background:#fff;color:#222;font-size:22px;box-shadow:0 2px 8px rgba(0,0,0,.35);cursor:pointer}
#ubiWrap.ubifs{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;margin:0;z-index:5000;background:#000}
#ubiWrap.ubifs #ubiMap{height:100%!important;border-radius:0!important}
#ubiWrap.ubifs .ubifb{display:none}
#ubiWrap.ubifs .ubifbar{display:flex;position:absolute;top:0;left:0;right:0;z-index:1000;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 10px 10px 56px;background:linear-gradient(rgba(0,0,0,.55),transparent)}
#ubiWrap .ubifbar input{flex:1;min-width:0}
#pdfv{position:fixed;inset:0;z-index:100000;background:#2b2b2e;display:flex;flex-direction:column}
#pdfv .pdfvb{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:calc(10px + env(safe-area-inset-top)) 12px 10px;background:var(--card);color:var(--txt)}
#pdfv iframe{flex:1;width:100%;border:0;background:#fff}#investOv{position:fixed;inset:0;z-index:100000;background:#2b2b2e;display:flex;flex-direction:column}#investOv iframe{flex:1;width:100%;border:0;background:#fff}
.catq{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.catqb{border:1px solid var(--linea);background:var(--soft);color:var(--txt);border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit}.catqb:hover,.catqb:active{background:var(--az);border-color:var(--az);color:#fff}
.catsel{max-width:100%;font-size:11.5px;font-weight:700;padding:4px 8px;border-radius:980px;border:0;background:var(--az-bg);color:var(--az);cursor:pointer;font-family:inherit;width:auto}
.itcat{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:0 0 6px;padding:3px 8px;border-radius:980px;background:var(--az-bg);color:var(--az);font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ===== Tienda: estilo Apple (capa de diseño; no altera la lógica) ===== */
#shop,#shopm,#ksnack{--p:#E0457B;--pc:#FDE8EF;--onpc:#B8225C;--bg:#F5F5F7;--sf:#fff;--sf2:#EFEFF2;--tx:#1D1D1F;--tx2:#6E6E73;--ol:#D2D2D7;--glass:rgba(245,245,247,.72);--sh:0 0 0 .5px rgba(0,0,0,.05),0 2px 12px rgba(0,0,0,.05);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.011em}
html[data-kt=dark] #shop,html[data-kt=dark] #shopm,html[data-kt=dark] #ksnack{--bg:#000;--sf:#1C1C1E;--sf2:#2C2C2E;--tx:#F5F5F7;--tx2:#A1A1A6;--ol:#38383A;--pc:#3A1727;--onpc:#FF9EC0;--glass:rgba(22,22,23,.72);--sh:0 0 0 .5px rgba(255,255,255,.06);color-scheme:dark}
html[data-kt=light] #shop,html[data-kt=light] #shopm{color-scheme:light}
html.shopmode,html.shopmode body{background:#F5F5F7}
html[data-kt=dark].shopmode,html[data-kt=dark].shopmode body{background:#000}
#shop{--hh:calc(56px + env(safe-area-inset-top));scroll-behavior:smooth}
/* Barra superior translúcida */
#shop .khd{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;min-height:var(--hh);padding:env(safe-area-inset-top) 14px 0;margin:0 -14px;border-radius:0;background:none;box-shadow:none}
#shop .khd::before{content:'';position:absolute;inset:0 -100vmax;z-index:-1;background:var(--glass);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);box-shadow:0 .5px 0 rgba(0,0,0,.14)}
#shop .kbrand{flex-direction:row;gap:10px;align-items:center}
#shop .khd .kbrand>img{height:34px;max-width:120px;padding:3px 6px;border-radius:10px;box-shadow:none;background:#fff}
#shop .khd .kht{text-align:left}#shop .khd .kht b{font-size:15px!important;font-weight:600;letter-spacing:-.02em}#shop .khd .kht small{font-size:11.5px;margin:0}
#shop .kha{height:36px;padding:0 16px;border-radius:980px;border:0;background:var(--sf2);font-size:13px;font-weight:500;box-shadow:none}
#shop .kha:hover{background:var(--ol)}#shop .kha.on{color:var(--p);background:var(--pc)}#shop .kha.pri{background:var(--p);color:#fff}
/* Hero */
#shop .khero{margin:20px 0 28px;border-radius:28px;box-shadow:none;background:#1D1D1F}
#shop .khero-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.12) 55%,rgba(0,0,0,0) 100%)}
#shop .khero-copy{left:24px;bottom:26px;text-shadow:none}
#shop .khero-copy small{font-size:12px;font-weight:600;letter-spacing:.02em;text-transform:none;opacity:.8}
#shop .khero-copy b{font-size:clamp(24px,6vw,42px);font-weight:700;letter-spacing:-.03em;line-height:1.05}
#shop .khero-copy span{font-size:14px;font-weight:500}
#shop .khero-control{width:36px;height:36px;margin-top:-18px;border-radius:50%;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none;font-size:22px}
#shop .khero-dots button{background:rgba(255,255,255,.45)}
/* Búsqueda y filtros */
#shop .kstk{top:var(--hh);background:var(--glass);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);padding:8px 14px 6px}
#shop .ksr{height:44px;border-radius:12px;background:rgba(118,118,128,.12);box-shadow:none}
#shop .ksr:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 28%,transparent);background:var(--sf)}
#shop .kchip{height:32px;border:0;border-radius:980px;background:var(--sf);color:var(--tx);font-weight:500;box-shadow:var(--sh)}
#shop .kchip.on{background:var(--tx);color:var(--bg);font-weight:500}
#shop .kte{border-radius:50%;background:var(--sf);box-shadow:var(--sh)}
#shop .ktm.on .kte{background:var(--p);box-shadow:0 6px 16px -6px var(--p)}
#shop .kmeta{font-size:13px}#shop .kmeta button{font-weight:500}
#shop .ksort{border:0;border-radius:8px;background:var(--sf);box-shadow:var(--sh)}
/* Tarjetas de producto */
#shop .kgrid{gap:14px}
#shop .kc{background:var(--sf);border-radius:22px;box-shadow:var(--sh);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
#shop .kc:hover{transform:translateY(-4px);box-shadow:0 18px 40px -16px rgba(0,0,0,.22)}
#shop .kimg{border-radius:0;background:var(--sf2);padding:10px}
#shop .kimg img{border-radius:14px}
#shop .kfav{width:34px;height:34px;top:14px;right:14px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none}
#shop .kbd{padding:12px 14px 14px;gap:3px}
#shop .kcat{padding:0;background:none;color:var(--tx2);font-size:11px;font-weight:600;letter-spacing:.05em}
#shop .kbd b{font-size:15px;font-weight:600;letter-spacing:-.015em}
#shop .kp{color:var(--tx);font-size:16px;font-weight:600;letter-spacing:-.02em}
#shop .kadd{width:34px;height:34px;border-radius:50%;background:var(--p);color:#fff;box-shadow:none}
#shop .kst,#shopm .kst{height:34px;border-radius:980px;background:var(--sf2);color:var(--tx)}
#shop .kst button,#shopm .kst button{height:34px;width:32px}
#shop .kst .kqn,#shopm .kst .kqn{height:34px;border-radius:980px}
#shop .kbg{left:14px;top:14px;border-radius:980px;padding:4px 10px;font-weight:600;box-shadow:none}
/* Barra inferior estilo iOS */
#shop .knav{background:var(--glass);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-radius:0;box-shadow:0 -.5px 0 rgba(0,0,0,.14);padding-top:8px}
#shop .kpill{width:56px;height:28px;border-radius:0;background:none!important}
#shop .knav small{font-size:10.5px;font-weight:500}
#shop .knav .on,#shop .knav .on .kpill{color:var(--p)}#shop .knav .on small{font-weight:600}
#shop .kbdg{font-family:inherit;background:var(--p)}
/* Botón flotante del pedido */
.kfab{height:50px;padding:0 22px;border-radius:980px;background:rgba(29,29,31,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.01em;box-shadow:0 12px 30px -10px rgba(0,0,0,.5)}
/* Hojas (detalle / pedido) */
#shopm{background:rgba(0,0,0,.36);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#shopm .ksheet{border-radius:24px 24px 0 0;background:var(--glass);backdrop-filter:saturate(180%) blur(40px);-webkit-backdrop-filter:saturate(180%) blur(40px);box-shadow:0 -10px 50px rgba(0,0,0,.2)}
#shopm .ksheet,#shopm .ksheet.re{background:color-mix(in srgb,var(--bg) 97%,transparent)}
#shopm .kdi{border-radius:18px;background:var(--sf)}
#shopm h2{font-size:26px;font-weight:700;letter-spacing:-.025em}#shopm .kdp{font-size:22px;font-weight:600}
#shopm .ktg button,#shopm .ktg span{border-radius:980px;font-weight:500}
#shopm .kact2{background:transparent}
#shopm .kqb{border:0;border-radius:16px;background:var(--sf);box-shadow:var(--sh)}#shopm .kqb.on{background:var(--p);color:#fff;box-shadow:0 8px 20px -8px var(--p)}
#shopm .kln img{border-radius:10px}
#shopm textarea,#shop .kf input{border:0;border-radius:12px;background:rgba(118,118,128,.12)}
#shopm textarea:focus,#shop .kf input:focus{background:var(--sf)}
#shop .sbtn,#shopm .sbtn{border-radius:980px;min-height:50px;font-weight:600;font-size:16px;letter-spacing:-.01em;box-shadow:none}
#shop .sbtn:hover,#shopm .sbtn:hover{filter:brightness(1.06)}
#shopm .sbtn.g{background:rgba(118,118,128,.14)}
/* Bienvenida / registro */
#shop .kreg-w{background:linear-gradient(180deg,var(--sf) 0%,var(--bg) 70%)}
#shop .kreg{border-radius:28px;box-shadow:0 0 0 .5px rgba(0,0,0,.06),0 24px 60px -24px rgba(0,0,0,.22);padding:34px 26px}
#shop .kreg h2{font-size:28px;font-weight:700;letter-spacing:-.03em}
#shop .kreg p{font-size:15px}
/* Aviso */
#ksnack .ksn{background:rgba(29,29,31,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:980px;padding:12px 10px 12px 20px;font-family:inherit;letter-spacing:-.01em}
#ksnack .ksn button{font-family:inherit;color:#FF9EC0}
@media(min-width:900px){
 #shop .khd{margin:0 -32px;padding:0 32px}
 #shop .khd .kbrand>img{height:38px;max-width:150px}#shop .khd .kht b{font-size:17px!important}
 #shop .kstk{top:var(--hh);margin:0;padding:8px 0}#shop .ksr{height:44px}
 #shop .kmain{gap:36px;margin-top:8px}
 #shop .kside{top:calc(var(--hh) + 16px);max-height:calc(100vh - var(--hh) - 32px);border-radius:22px;box-shadow:var(--sh)}
 #shop .ksd{border-radius:10px}#shop .ksd.on{background:var(--pc);color:var(--onpc);font-weight:600}
 #shop .khero,#shop .khero-slide{min-height:360px}
 #shop .khero-copy{left:44px;bottom:42px}
 #shop .kgrid{gap:22px}
 #shopm .ksheet.wide{border-radius:28px}
}
@media(prefers-reduced-motion:reduce){#shop{scroll-behavior:auto}}

#ktheme{position:fixed;z-index:3050;top:calc(10px + env(safe-area-inset-top));left:14px;height:36px;min-width:36px;padding:0 10px;border:0;border-radius:980px;display:none;align-items:center;justify-content:center;gap:6px;background:rgba(118,118,128,.16);color:#1D1D1F;font:500 12px -apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s,background .2s}
html.shopmode body>#ktheme{display:flex!important}#ktheme:active{transform:scale(.92)}
html[data-kt=dark] #ktheme{color:#F5F5F7;background:rgba(235,235,245,.16)}
#ktheme svg{width:18px;height:18px;flex:none}
@media(min-width:900px){#ktheme{left:32px}}

#shopm .kf{display:block;text-align:left;margin:0 0 10px}#shopm .kf span{display:block;font-size:12px;font-weight:600;color:var(--tx2);margin:0 0 4px 4px}
#shopm .kf input{width:100%;padding:13px 14px;border:0;border-radius:12px;background:var(--sf);box-shadow:0 0 0 1px var(--ol);color:var(--tx);font:inherit;font-size:16px;margin:0;outline:0}
#shopm .kf input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 40%,transparent),0 0 0 1px var(--p);background:var(--sf)}
#shopm .serr{color:#d92d20;font-size:13px;min-height:18px;margin:0 0 6px}

#shopm .kacH{display:flex;align-items:center;gap:12px;margin:0 0 14px}#shopm .kacH b{display:block;font-size:17px;letter-spacing:-.02em}#shopm .kacH small{color:var(--tx2);font-size:13px}
#shopm .kacA{width:46px;height:46px;border-radius:50%;background:var(--p);color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;flex:none}
#shopm .kacS{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#shopm .kacS>div{background:var(--sf);border-radius:18px;padding:14px;box-shadow:var(--sh)}#shopm .kacS small{display:block;color:var(--tx2);font-size:12px;font-weight:500}#shopm .kacS b{display:block;margin-top:4px;font-size:22px;font-weight:700;letter-spacing:-.025em}
#shopm .kord{background:var(--sf);border-radius:18px;margin:0 0 10px;box-shadow:var(--sh);overflow:hidden}
#shopm .kord summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px}#shopm .kord summary::-webkit-details-marker{display:none}
#shopm .kord summary b{display:block;font-size:15px;font-weight:600}#shopm .kord summary small{color:var(--tx2);font-size:12.5px}
#shopm .kst2{display:inline-block;margin-top:4px;padding:2px 9px;border-radius:980px;font-size:11.5px;font-weight:600}
#shopm .kordb{padding:2px 14px 14px;border-top:1px solid var(--ol)}
#shopm .kodl{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;border-bottom:1px solid var(--ol)}#shopm .kodl span:first-child{min-width:0}
#shopm .kodb{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}#shopm .kodb .sbtn{min-height:42px;font-size:14.5px}
#pdfv{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif}
html.shopmode #pdfv .pdfvb{background:#1D1D1F;color:#F5F5F7}html.shopmode #pdfv .pdfvb .btn{background:rgba(255,255,255,.14);color:#fff}html.shopmode #pdfv .pdfvb a.btn{text-decoration:none}

.kfab{background:var(--p,#E0457B)!important;color:#fff!important;box-shadow:0 12px 28px -10px rgba(224,69,123,.75),0 2px 6px rgba(0,0,0,.18)!important}
#imgv{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:rgba(0,0,0,.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','Inter',system-ui,sans-serif;animation:kfd .2s both}
#imgv .ivb{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;color:#fff}#imgv .ivb b{font-size:15px;font-weight:600}
#imgv .ivb span{display:flex;gap:8px;flex-wrap:wrap}
#imgv .ivbt{height:36px;padding:0 16px;border:0;border-radius:980px;background:rgba(255,255,255,.18);color:#fff;font-size:13.5px;font-weight:500;font-family:inherit;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer}
#imgv .ivbt.p{background:#E0457B}#imgv .ivbt:active{transform:scale(.95)}
#imgv .ivs{flex:1;overflow:auto;padding:6px 14px calc(24px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:flex-start;-webkit-overflow-scrolling:touch}
#imgv .ivs img{width:min(100%,560px);height:auto;border-radius:14px;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.5)}

#ksnack{bottom:calc(156px + env(safe-area-inset-bottom))}
html[data-kt=dark] #ksnack .ksn{background:rgba(72,72,74,.96);box-shadow:0 0 0 .5px rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.5)}
@media(min-width:900px){#ksnack{bottom:28px}}

/* ===== Botones monocromo: negro (día) / blanco (noche) ===== */
#shop,#shopm,#ksnack{--p:#1D1D1F;--pt:#fff;--pc:#E8E8ED;--onpc:#1D1D1F}
html[data-kt=dark] #shop,html[data-kt=dark] #shopm,html[data-kt=dark] #ksnack{--p:#F5F5F7;--pt:#000;--pc:#3A3A3C;--onpc:#F5F5F7}
#shop .sbtn,#shopm .sbtn{color:var(--pt)}
#shop .kadd,#shop .kha.pri,#shop .kbdg,#shopm .kacA,#shopm .kqb.on{color:var(--pt)}
#shop .kadd{background:var(--p)}
.kfab{background:var(--p)!important;color:var(--pt)!important;box-shadow:0 12px 28px -10px rgba(0,0,0,.45),0 2px 6px rgba(0,0,0,.18)!important}
html[data-kt=dark] .kfab{box-shadow:0 12px 28px -10px rgba(0,0,0,.8),0 0 0 .5px rgba(255,255,255,.25)!important}
#shop .kfav.on,#shopm .kfav.on{color:#FF3B30}
#imgv .ivbt.p{background:#fff;color:#000}
#ksnack .ksn button{color:#fff}
#shop .kbdg{background:var(--p)}
#shop .kha .kbdg{background:var(--tx);color:var(--bg)}
html[data-kt=dark] #shopm .sbtn.g{background:#2C2C2E;color:#F5F5F7}
html[data-kt=dark] #shopm .kst{background:#2C2C2E}

/* ===== Paleta de colores profesional de la tienda — inspiradas en los colores reales de las tarjetas del carrusel (capa de diseño; no altera la lógica) ===== */
html[data-paleta=rosa] :is(#shop,#shopm,#ksnack){--p:#C8183C;--pt:#fff;--pc:#FBE3E8;--onpc:#8C0E29}
html[data-paleta=rosa][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#FF8FA3;--pt:#3D0010;--pc:#5C1626;--onpc:#FFD7DE}
html[data-paleta=esmeralda] :is(#shop,#shopm,#ksnack){--p:#0E3C30;--pt:#fff;--pc:#E3F0E8;--onpc:#0E3C30}
html[data-paleta=esmeralda][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#6FDDB0;--pt:#06281C;--pc:#123B2C;--onpc:#A8F0D0}
html[data-paleta=dorado] :is(#shop,#shopm,#ksnack){--p:#8A5A12;--pt:#fff;--pc:#FFEFC2;--onpc:#6B4300}
html[data-paleta=dorado][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#E8C468;--pt:#3B2800;--pc:#4A3610;--onpc:#F5E3AE}
html[data-paleta=oceano] :is(#shop,#shopm,#ksnack){--p:#0E6B78;--pt:#fff;--pc:#DBF0F2;--onpc:#073F47}
html[data-paleta=oceano][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#5FD6E6;--pt:#032A30;--pc:#0E4149;--onpc:#B7EEF4}
html[data-paleta=violeta] :is(#shop,#shopm,#ksnack){--p:#6B32B8;--pt:#fff;--pc:#EEE1FA;--onpc:#45218A}
html[data-paleta=violeta][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#C9A3FF;--pt:#2B1457;--pc:#3C2566;--onpc:#E7D6FF}
html[data-paleta=borgona] :is(#shop,#shopm,#ksnack){--p:#121E42;--pt:#fff;--pc:#F2E3B8;--onpc:#6B4E0A}
html[data-paleta=borgona][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#E8C468;--pt:#241800;--pc:#283760;--onpc:#DCE4FF}
html[data-paleta=carbon] :is(#shop,#shopm,#ksnack){--p:#30363D;--pt:#fff;--pc:#E4E7EB;--onpc:#30363D}
html[data-paleta=carbon][data-kt=dark] :is(#shop,#shopm,#ksnack){--p:#C9D1D9;--pt:#1C2128;--pc:#2D333B;--onpc:#ECEEF0}

.lbgv{position:absolute;inset:0;overflow:hidden;background-size:cover}
#lbg{z-index:0;pointer-events:none}
.lbgv img,.lbgv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lbgv .lbgd{position:absolute;inset:0}
.lbgv.pre{animation:lbgmv 22s ease-in-out infinite alternate}@keyframes lbgmv{to{background-position:100% 100%}}
#auth.hasbg .abg{display:none}
.lbgPrevW{position:relative;height:190px;border-radius:18px;overflow:hidden;background:#0b0e1a;margin-bottom:12px}
.lbgPrevW #lbgPrev{background:radial-gradient(60% 80% at 15% 10%,#E0457B 0,transparent 70%),radial-gradient(60% 80% at 90% 20%,#0F6CBD 0,transparent 70%),#0b0e1a}
.lbgMock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;padding:12px;border-radius:16px;background:rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);color:#fff;text-align:center;font-size:11px}
.lbgMock span{display:block;height:14px;border-radius:7px;background:rgba(255,255,255,.28);margin-top:7px}.lbgMock em{display:block;font-style:normal;font-weight:700;margin-top:8px;padding:6px;border-radius:99px;background:#fff;color:#111}
.lbgRow{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.avn{display:flex;align-items:center;gap:10px}.avc{display:inline-flex;cursor:zoom-in}
@keyframes kin{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes kfade{from{opacity:0}to{opacity:1}}
@keyframes kshim{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes kbump{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes krip{to{transform:scale(1);opacity:0}}
#shop .kc{animation:kin .4s cubic-bezier(.2,.8,.2,1) both;content-visibility:auto;contain-intrinsic-size:auto 300px}
#shop .kc:nth-child(2){animation-delay:.04s}#shop .kc:nth-child(3){animation-delay:.08s}#shop .kc:nth-child(4){animation-delay:.12s}#shop .kc:nth-child(5){animation-delay:.16s}#shop .kc:nth-child(6){animation-delay:.2s}
#shop .kimg{background:linear-gradient(100deg,var(--sf2) 30%,color-mix(in srgb,var(--sf2) 55%,#fff) 50%,var(--sf2) 70%);background-size:200% 100%;animation:kshim 1.4s linear 4}
#shop .kimg img{animation:kfade .5s ease both}
.kfab.bump{animation:kbump .35s ease}
.krip{position:absolute;border-radius:50%;background:currentColor;opacity:.22;transform:scale(0);animation:krip .6s ease-out forwards;pointer-events:none}
#k_top{position:fixed;left:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:25;width:46px;height:46px;border:0;border-radius:50%;background:var(--sf);color:var(--p,#E0457B);font-size:22px;font-weight:800;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);opacity:0;transform:translateY(12px) scale(.8);pointer-events:none;transition:opacity .25s,transform .25s;cursor:pointer}
#k_top.on{opacity:1;transform:none;pointer-events:auto}
#shopm .kshare{margin:0 0 10px 8px;padding:5px 12px;border:1px solid var(--ol,#ddd);border-radius:10px;background:transparent;color:inherit;font-weight:600;font-size:12.5px;font-family:inherit;cursor:pointer}
#shop :focus-visible,#shopm :focus-visible{outline:3px solid rgba(224,69,123,.55);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#shop *,#shopm *{animation:none!important;transition:none!important}}
/* ===== Tienda: fondo blanco puro (modo claro) ===== */
html.shopmode:not([data-kt=dark]),html.shopmode:not([data-kt=dark]) body{background:#fff}
html.shopmode:not([data-kt=dark]) :is(#shop,#shopm,#ksnack){--bg:#fff;--sf:#fff;--sf2:#F6F6F8;--ol:#ECECF0;--glass:rgba(255,255,255,.86);--sh:0 1px 2px rgba(16,16,24,.04),0 12px 28px -16px rgba(16,16,24,.18);color-scheme:light}
html.shopmode:not([data-kt=dark]) #shop .kc{border:1px solid #F0F0F4;background:#fff}
html.shopmode:not([data-kt=dark]) #shop .ksr{background:#fff;box-shadow:0 0 0 1px #ECECF0,0 8px 20px -12px rgba(16,16,24,.2)}
html.shopmode:not([data-kt=dark]) #shop .ksr:focus-within{box-shadow:0 0 0 2px var(--p),0 8px 20px -12px rgba(224,69,123,.35)}
html.shopmode:not([data-kt=dark]) #shop .kchip{background:#fff;border-color:#E8E8EE}
html.shopmode:not([data-kt=dark]) #shop .kchip.on{background:var(--pc);border-color:transparent}
html.shopmode:not([data-kt=dark]) #shop .knav{background:rgba(255,255,255,.92);box-shadow:0 -1px 0 #ECECF0,0 -10px 24px -16px rgba(16,16,24,.15)}
html.shopmode:not([data-kt=dark]) #shop .kreg-w{background:linear-gradient(180deg,#FFF0F5 0%,#fff 48%)}
html.shopmode:not([data-kt=dark]) #shop .kimg{background:#FAFAFB}
html.shopmode:not([data-kt=dark]) #ktheme{background:#fff;box-shadow:0 0 0 1px #ECECF0,0 6px 16px -8px rgba(16,16,24,.25)}
/* ===== Tienda: logo con más presencia ===== */
html.shopmode #shop{--hh:calc(78px + env(safe-area-inset-top))}
html.shopmode #shop .khd .kbrand{gap:14px}
html.shopmode #shop .khd .kbrand>img{height:58px!important;max-width:min(54vw,220px)!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(16,16,24,.12))}
html[data-kt=dark].shopmode #shop .khd .kbrand>img{background:#fff!important;padding:4px 10px!important;border-radius:14px!important}
html.shopmode #shop .kreg img{max-height:130px!important;max-width:88%!important;margin-bottom:12px}
@media(min-width:900px){html.shopmode #shop{--hh:calc(92px + env(safe-area-inset-top))}html.shopmode #shop .khd .kbrand>img{height:72px!important;max-width:290px!important}}
.av[data-uid]{cursor:zoom-in}#uchip .av,#pf_pv .av{cursor:pointer}
#avzoom{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:kfade .2s}
#avzoom img{max-width:94vw;max-height:80vh;object-fit:contain;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
#avzoom .avze{font-size:min(60vw,240px);line-height:1}
#avzoom .avze.dflt{width:min(70vw,260px);height:min(70vw,260px);display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--az),#FF9F0A);color:#fff;font-weight:800;font-size:min(30vw,120px)}
#avzoom .avzc{position:absolute;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));text-align:center;color:#fff}#avzoom .avzc b{display:block;font-size:17px}#avzoom .avzc small{opacity:.75}
#avzoom button{position:absolute;top:calc(14px + env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;font-size:20px;cursor:pointer}
/* ===== Etiquetas rojas, destacados y Navidad ===== */
#shop .krbs,#shop .krbi,#shopm .krbi{display:flex;flex-direction:column;gap:4px;align-items:flex-start;filter:drop-shadow(0 2px 3px rgba(120,0,10,.35))}
#shop .krbs{position:absolute;left:0;top:10px;z-index:3;pointer-events:none}
#shopm .krbi{flex-direction:row;flex-wrap:wrap;margin:0 0 10px;filter:none}
.krb{background:linear-gradient(135deg,#E5222B,#B3121B);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:4px 15px 4px 9px;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 50%,100% 100%,0 100%);white-space:nowrap}
#shopm .krbi .krb{clip-path:none;border-radius:8px;padding:4px 10px}
#shop .kbg{top:auto;bottom:8px}
#shop .kdest{margin:6px 0 20px}#shop .kdest[hidden]{display:none}
#shop .kdest h3{margin:0 0 10px;font-size:18px;font-weight:700;letter-spacing:-.02em}
#shop .kdr{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}#shop .kdr::-webkit-scrollbar{display:none}
#shop .kdc{position:relative;flex:0 0 148px;scroll-snap-align:start;border-radius:20px;overflow:hidden;background:var(--sf);border:1px solid #F0F0F4;box-shadow:var(--sh);cursor:pointer;transition:transform .2s}#shop .kdc:hover{transform:translateY(-3px)}
#shop .kdc .ki{aspect-ratio:4/5;background:var(--sf2)}#shop .kdc img{width:100%;height:100%;object-fit:cover;display:block}
#shop .kdc .kb{padding:8px 11px 11px}#shop .kdc b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#shop .kdc .kpr{color:var(--p);font-weight:800;font-size:13px}
@media(min-width:700px){#shop .kdc{flex-basis:184px}}
#k_xl{position:fixed;top:0;left:0;right:0;height:16px;z-index:3003;pointer-events:none;background:linear-gradient(#2c5a3a,#2c5a3a) 0 2px/100% 2px no-repeat,radial-gradient(circle at 9px 8px,#E0243B 0 4.5px,transparent 5.5px),radial-gradient(circle at 27px 8px,#1FA55B 0 4.5px,transparent 5.5px),radial-gradient(circle at 45px 8px,#FFC83D 0 4.5px,transparent 5.5px),radial-gradient(circle at 63px 8px,#2E8BFF 0 4.5px,transparent 5.5px);background-size:100% 100%,72px 16px,72px 16px,72px 16px,72px 16px;background-repeat:no-repeat,repeat-x,repeat-x,repeat-x,repeat-x;animation:kxtw 1.6s ease-in-out infinite alternate}
@keyframes kxtw{from{opacity:.65}to{opacity:1}}
#k_snow{position:fixed;inset:0;width:100%;height:100%;z-index:3002;pointer-events:none}
#shop .kxb{margin:0 0 18px;padding:12px 16px;border-radius:18px;text-align:center;font-size:14.5px;color:#fff;background:linear-gradient(100deg,#B3121B,#C8102E 45%,#146B3A);box-shadow:0 10px 24px -14px rgba(179,18,27,.7)}
html.xmas:not([data-kt=dark]) :is(#shop,#shopm,#ksnack){--p:#C8102E;--pc:#FDE7EA;--onpc:#9B0E24}
html.xmas #shop .kfab{background:#C8102E}
html.xmas #shop .khd .kht b::before{content:'🎄 '}
html.xmas #shop .khd .kbrand{position:relative}html.xmas #shop .khd .kbrand::before{content:'🎅';position:absolute;left:-8px;top:-8px;font-size:22px;transform:rotate(-18deg);z-index:2;pointer-events:none}
html.xmas #shop .kc:hover,html.xmas #shop .kdc:hover{border-color:#146B3A}
/* ===== Navidad: detalles ===== */
html.shopmode #ktheme{left:auto!important;right:14px}
@media(min-width:900px){html.shopmode #ktheme{right:32px}}
html.shopmode #shop .khd{padding-right:108px}
#k_xl{height:34px;background:none;animation:none}
#k_xl::before{content:'';position:absolute;left:0;right:0;top:5px;height:2px;background:#2c5a3a;opacity:.85}
#k_xl i{position:absolute;width:9px;height:14px;border-radius:50% 50% 45% 45%;background:var(--c);box-shadow:0 0 8px 2px var(--c);animation:xbl 1.2s ease-in-out infinite alternate}
#k_xl i::before{content:'';position:absolute;left:2px;top:-4px;width:5px;height:5px;background:#333;border-radius:1px}
@keyframes xbl{from{opacity:.35;filter:brightness(.7);box-shadow:0 0 2px 0 var(--c)}to{opacity:1;filter:brightness(1.3);box-shadow:0 0 13px 4px var(--c)}}
#k_rd{position:fixed;top:58px;left:-220px;z-index:3004;pointer-events:none;font-size:30px;animation:krd 38s linear infinite}
#k_rd span{display:inline-block;transform:scaleX(-1);animation:krb .7s ease-in-out infinite alternate}
@keyframes krd{0%{left:-220px}38%{left:105%}100%{left:105%}}@keyframes krb{from{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-7px)}}
#shop .kgd{margin:4px 0 8px}
#shop .kcane{height:7px;border-radius:4px;background:repeating-linear-gradient(45deg,#C8102E 0 10px,#fff 10px 20px);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
#shop .kgdr{text-align:center;white-space:nowrap;overflow:hidden;font-size:20px;letter-spacing:8px;padding:6px 0 2px;animation:kswg 3s ease-in-out infinite alternate}
@keyframes kswg{from{transform:translateX(-6px)}to{transform:translateX(6px)}}
html.xmas #shop .kc::before{content:'';position:absolute;left:0;right:0;top:0;height:11px;background:radial-gradient(circle at 10px -3px,#fff 0 9px,transparent 10px) 0 0/20px 11px repeat-x;z-index:4;pointer-events:none;filter:drop-shadow(0 1px 1px rgba(60,90,140,.25))}
html.xmas #shop .knav::before{content:'';position:absolute;left:0;right:0;top:-7px;height:7px;background:repeating-linear-gradient(45deg,#C8102E 0 10px,#fff 10px 20px)}
html.xmas #shop .knav .kpill::after{position:absolute;left:-3px;top:-9px;font-size:13px;pointer-events:none}
html.xmas #shop .knav button:nth-child(1) .kpill::after{content:'🎄'}html.xmas #shop .knav button:nth-child(2) .kpill::after{content:'⭐'}html.xmas #shop .knav button:nth-child(3) .kpill::after{content:'🎁'}html.xmas #shop .knav button:nth-child(4) .kpill::after{content:'🎅'}
html.xmas #shopm .ksheet{background:repeating-linear-gradient(45deg,#C8102E 0 10px,#fff 10px 20px) top/100% 6px no-repeat,var(--bg)}
html.xmas #shopm .ksheet::before{content:'🎄 ❄️ 🎁 ⭐ 🔔 🎅 ❄️ 🎄';display:block;text-align:center;font-size:15px;letter-spacing:6px;margin:2px 0 4px;white-space:nowrap;overflow:hidden}
html.xmas #shopm h2::after{content:' 🎄'}
#shopm .kxg{margin:0 0 14px;padding:11px 14px;border-radius:14px;background:linear-gradient(100deg,#B3121B,#146B3A);color:#fff;font-size:14px;line-height:1.4}
@media(prefers-reduced-motion:reduce){#k_xl i,#k_rd,#k_rd span,#shop .kgdr{animation:none!important}#k_rd{display:none}}
/* ===== Verano y avatar admin ===== */
.uav .av{box-shadow:0 0 0 2px #fff,0 2px 8px rgba(0,0,0,.18)}
#k_sw{position:fixed;top:0;left:0;right:0;height:18px;z-index:3003;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='18' viewBox='0 0 60 18'%3E%3Cpath d='M0 0h60v9c-7.5 7-22.5 7-30 0S7.5 16 0 9z' fill='%2319C3E6'/%3E%3Cpath d='M0 0h60v4c-7.5 6-22.5 6-30 0S7.5 10 0 4z' fill='%23FFD54A'/%3E%3C/svg%3E") repeat-x 0 0/60px 18px;animation:ksw 3s linear infinite}
@keyframes ksw{to{background-position:60px 0}}
#k_sun{position:fixed;top:54px;right:14px;z-index:3004;pointer-events:none;font-size:30px;animation:ksun 14s linear infinite;filter:drop-shadow(0 0 8px rgba(255,170,0,.7))}
@keyframes ksun{to{transform:rotate(360deg)}}
#k_bub{position:fixed;inset:0;width:100%;height:100%;z-index:3002;pointer-events:none}
#shop .kxb.ksm{background:linear-gradient(100deg,#19A9D6,#2EC4B6 45%,#FF9F43);box-shadow:0 10px 24px -14px rgba(25,169,214,.8)}
#shop .kgd.ksm .kcane{background:repeating-linear-gradient(90deg,#19C3E6 0 14px,#FFD54A 14px 28px,#FF9F43 28px 42px)}
html.summer:not([data-kt=dark]) :is(#shop,#shopm,#ksnack){--p:#F26B1D;--pc:#FFEBDD;--onpc:#A8430A}
html.summer #shop .kfab{background:#F26B1D}
html.summer #shop .khd .kht b::before{content:'☀️ '}
html.summer #shop .knav::before{content:'';position:absolute;left:0;right:0;top:-12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='18' viewBox='0 0 60 18'%3E%3Cpath d='M0 0h60v9c-7.5 7-22.5 7-30 0S7.5 16 0 9z' fill='%2319C3E6'/%3E%3Cpath d='M0 0h60v4c-7.5 6-22.5 6-30 0S7.5 10 0 4z' fill='%23FFD54A'/%3E%3C/svg%3E") repeat-x 0 0/60px 12px;animation:ksw 3s linear infinite}
html.summer #shop .knav .kpill::after{position:absolute;left:-3px;top:-9px;font-size:13px;pointer-events:none}
html.summer #shop .knav button:nth-child(1) .kpill::after{content:'🌴'}html.summer #shop .knav button:nth-child(2) .kpill::after{content:'🍉'}html.summer #shop .knav button:nth-child(3) .kpill::after{content:'🕶️'}html.summer #shop .knav button:nth-child(4) .kpill::after{content:'😎'}
html.summer:not([data-kt=dark]) #shop .kimg::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='14' viewBox='0 0 60 14'%3E%3Cpath d='M0 7c7.5-7 22.5-7 30 0s22.5 7 30 0v7H0z' fill='%23fff'/%3E%3C/svg%3E") repeat-x 0 0/60px 12px;z-index:1;pointer-events:none}
html.summer #shop .kc:hover,html.summer #shop .kdc:hover{border-color:#19C3E6}
html.summer #shopm .ksheet{background:linear-gradient(90deg,#19C3E6,#FFD54A,#FF9F43) top/100% 6px no-repeat,var(--bg)}
html.summer #shopm .ksheet::before{content:'🌴 ☀️ 🍉 🕶️ 🍹 🐚 🌴';display:block;text-align:center;font-size:15px;letter-spacing:6px;margin:2px 0 4px;white-space:nowrap;overflow:hidden}
html.summer #shopm h2::after{content:' ☀️'}
#shopm .kxg.ksm{background:linear-gradient(100deg,#19A9D6,#FF9F43)}
@media(prefers-reduced-motion:reduce){#k_sw,#k_sun,html.summer #shop .knav::before{animation:none!important}}
/* ===== Tienda virtual · escaparate actualizado ===== */
/* El contenido decorativo y los emojis de las ocasiones se conservan. */
#shop .khd{position:sticky;top:0;z-index:40;display:block;min-height:0;margin:0 -14px;padding:calc(10px + env(safe-area-inset-top)) 0 10px;background:var(--glass);box-shadow:0 1px 0 var(--ol);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
#shop .khd::before{display:none}
#shop .kh-top,#shop .kh-search{max-width:1100px;margin:0 auto;padding:0 14px}
#shop .kh-top{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}
#shop .kbrand{grid-column:auto;display:flex;align-items:center;gap:10px;min-width:0}
html.shopmode #shop .khd .kbrand>img{height:40px!important;max-width:118px!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;object-fit:contain}
#shop .khd .kht{flex:1;text-align:left;min-width:0}
#shop .khd .kht b{font-size:15px!important;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khd .kht small{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khact{grid-column:auto;display:flex!important;align-items:center;gap:6px;justify-self:end}
#shop .kha{height:38px;min-width:38px;padding:0 11px;border:1px solid var(--ol);border-radius:12px;background:var(--sf);box-shadow:none}
#shop .kha:not(.pri){display:none}
#shop .kha.pri{gap:6px;background:var(--p);color:var(--pt);border-color:transparent}
#shop .kha .kbdg{position:static;min-width:18px;height:18px;padding:0 5px;line-height:18px;background:rgba(255,255,255,.22);color:inherit}
#shop .kmenu-btn,#shop .kfilter-btn{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--ol);border-radius:12px;background:var(--sf);color:var(--tx)}
#shop .kh-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:10px}
#shop .kh-search .ksr{height:42px;margin:0;border-radius:12px;background:var(--sf);box-shadow:0 0 0 1px var(--ol)}
#shop .kh-search .ksr:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 25%,transparent),0 0 0 1px var(--p)}
#shop .kh-links{display:none}
#shop .kmobile-menu{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-width:1100px;margin:10px auto 0;padding:10px 14px 0;border-top:1px solid var(--ol)}
#shop .kmobile-menu[hidden]{display:none}
#shop .kmobile-menu button{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 12px;border:1px solid var(--ol);border-radius:12px;background:var(--sf);color:var(--tx);font:600 13px inherit;text-align:left}
#shop .kmobile-menu button:last-child{grid-column:span 2}
#shop .kdnav{display:none!important}
#shop .kstk{position:relative;top:auto;margin:0;padding:8px 0 4px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
#shop .kstk .kchips{padding:0 0 4px}
#shop .kbanner{display:none!important}
#shop .khero{position:relative;margin:16px 0 20px;border-radius:24px;overflow:hidden}
#shop .khero-brand{position:absolute;z-index:4;top:14px;left:14px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 88px);padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 4px 18px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#shop .khero-brand img{display:block;width:auto;height:34px;max-width:150px;object-fit:contain}
#shop .khero-brand span{font-size:11px;font-weight:700;color:#1D1D1F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khero-copy{left:20px;bottom:22px;right:56px}
#shop .khero-copy b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#shop .kfilter-btn svg,#shop .kmenu-btn svg{width:20px;height:20px}
#shop .kfilter-tag{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:0 9px;border-radius:980px;background:var(--pc);color:var(--onpc);font-size:11.5px;font-weight:700}
#shop .kview{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:10px;background:var(--sf2);color:var(--tx)}
#shop .kside .kfilter-section{padding:0 2px 12px;margin:0 0 12px;border-bottom:1px solid var(--ol)}
#shop .kside .kfilter-section h3{display:flex;justify-content:space-between;align-items:center;margin:5px 0 9px}
#shop .kfilter-clear{border:0;background:none;color:var(--p);font:600 12px inherit;padding:4px;cursor:pointer}
#shop .kprice-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}
#shop .kprice-fields label{display:grid;gap:4px;font-size:11px;color:var(--tx2);font-weight:600}
#shop .kprice-fields input{width:100%;min-width:0;height:36px;padding:0 9px;border:1px solid var(--ol);border-radius:10px;background:var(--sf);color:var(--tx);font:inherit}
#shop .kavail{display:grid;gap:4px;margin-top:10px}
#shop .kavail button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:10px;padding:8px 9px;background:transparent;color:var(--tx);font:500 13px inherit;text-align:left;cursor:pointer}
#shop .kavail button.on{background:var(--pc);color:var(--onpc);font-weight:700}
#shop .kavail button span:last-child{font-size:11px;color:var(--tx2)}
#shopm .kfilter-sheet h2{margin:5px 0 4px}
#shopm .kfilter-sheet p{margin:0 0 14px;color:var(--tx2);font-size:13.5px}
#shopm .kfilter-sheet .kprice-fields input{height:44px;font-size:16px}
#shopm .kfilter-sheet .kfilter-cats{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 14px}
#shopm .kfilter-sheet .kfilter-cats button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--ol);border-radius:980px;padding:8px 11px;background:var(--sf);color:var(--tx);font:600 13px inherit}
#shopm .kfilter-sheet .kfilter-cats button.on{background:var(--pc);border-color:transparent;color:var(--onpc)}
#shop .kdc .kfav{top:8px;right:8px;z-index:5;width:34px;height:34px}
#shop .kdc .kb{display:flex;flex-direction:column;gap:3px;padding:9px 10px 10px}
#shop .kdc-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px}
#shop .kdc-buy{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;padding:0 9px;border:0;border-radius:9px;background:var(--p);color:var(--pt);font:700 11.5px inherit}
#shop .kdc-buy svg{width:15px;height:15px}
#shop .kgrid.mini{grid-template-columns:1fr;gap:10px}
#shop .kgrid.mini .kc{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:116px;border-radius:16px;overflow:hidden}
#shop .kgrid.mini .kimg{aspect-ratio:auto;height:116px;border-radius:0;cursor:pointer}
#shop .kgrid.mini .kimg img{object-fit:cover}
#shop .kgrid.mini .kbd{padding:11px 12px}
#shop .kgrid.mini .kcat{max-width:145px}
#shop .kgrid.mini .kfav{top:5px;right:5px;width:30px;height:30px}
#shop .kgrid.mini .kfoot{margin-top:auto}
html.shopmode #ktheme{top:auto;bottom:calc(92px + env(safe-area-inset-bottom));left:16px;z-index:45}
/* En móvil, marca, carrito y menú usan filas separadas para que el nombre nunca quede cubierto. */
@media(max-width:899px){
 #shop .khd{padding:calc(8px + env(safe-area-inset-top)) 0 9px}
 #shop .kh-top{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'brand menu' 'actions actions';row-gap:8px}
 #shop .kbrand{grid-area:brand;min-width:0}
 #shop .khact{grid-area:actions;justify-self:stretch;justify-content:flex-end;width:100%}
 #shop .kmenu-btn{grid-area:menu}
 #shop .kha.pri{height:34px;min-width:0;padding:0 10px;border-radius:10px;font-size:12.5px}
 #shop .kh-search{margin-top:8px;gap:7px}
 #shop .kh-search .ksr{height:40px;min-width:0}
 #shop .kfilter-btn{width:40px;height:40px;flex:none}
 #shop .kmeta .kcnt{flex:1 1 100%;white-space:normal;line-height:1.35}
 #shop .kmeta .kmr{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-end;margin-left:0}
 #shop .ksort{max-width:132px}
}
@media(min-width:700px){#shop .khero,#shop .khero-slide{min-height:300px}#shop .khero-brand{top:20px;left:20px}#shop .khero-brand img{height:42px;max-width:190px}}
@media(min-width:900px){
 #shop .khd{margin:0 -32px;padding:12px 0 13px}
 #shop .kh-top,#shop .kh-search{max-width:1500px;padding:0 32px}
 #shop .kh-top{min-height:54px}.kmenu-btn{display:none!important}html.shopmode #shop .khd .kbrand>img{height:46px!important;max-width:168px!important}
 #shop .kha:not(.pri){display:flex}
 #shop .kh-search{grid-template-columns:minmax(320px,1fr) auto;gap:22px;margin-top:9px}
 #shop .kh-search .ksr{max-width:none}.kh-links{display:flex!important;align-items:center;gap:17px}
 #shop .kh-links button{border:0;background:none;color:var(--tx2);font:600 13px inherit;padding:6px 0;cursor:pointer}
 #shop .kh-links button:hover{color:var(--tx)}
 #shop .kfilter-btn{display:none}
 #shop .kmobile-menu{display:none!important}
 html.shopmode #ktheme{bottom:22px;left:32px}
 #shop .kstk{padding:12px 0 4px}
 #shop .kgrid.mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 #shop .khero-copy{left:40px;bottom:36px}
}
@media(max-width:420px){html.shopmode #shop .khd .kbrand>img{height:35px!important;max-width:92px!important}#shop .khd .kht small{display:none}#shop .kha.pri span{display:none}#shop .kha.pri{min-width:38px;padding:0 9px}.khero-brand span{display:none}}
/* === Tienda en celular: encabezado compacto, sin botones que tapen el texto === */
@media(max-width:820px){
#shop .khd{display:block!important;position:sticky!important;top:0;z-index:30;padding:calc(6px + env(safe-area-inset-top)) 12px 8px!important;margin:0 -14px!important;border-radius:0 0 18px 18px!important;transition:transform .28s ease}
#shop .khd.kh-hide{transform:translateY(-115%)}
#shop .kh-top{display:flex!important;align-items:center;gap:10px;max-width:none!important;width:100%;padding:0!important;margin:0!important}
#shop .kbrand{display:flex!important;align-items:center;gap:10px;flex:1 1 auto;min-width:0;cursor:pointer}
#shop .kbrand img{height:34px!important;width:auto!important;max-width:84px!important;object-fit:contain}
#shop .khd .kht{flex:1;min-width:0}
#shop .khd b{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khd small{display:block;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .khact{display:none!important}
#shop .kmenu-btn{flex:0 0 auto}
#shop .kh-search{display:flex!important;align-items:center;gap:8px;max-width:none!important;width:100%;padding:8px 0 0!important;margin:0!important}
#shop .kh-search .ksr{flex:1 1 auto;min-width:0}
#shop .kfilter-btn{flex:0 0 auto}
#shop .kh-links{display:none!important}
#shop .kbd b{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;min-height:2.5em}
#shop .kfoot{flex-wrap:nowrap}#shop .kfoot .kp{min-width:0;flex:1 1 auto}#shop .kfoot .kact{flex:0 0 auto}
#shop .kp.q{font-size:12px!important;line-height:1.2}
#shop .kmeta .kfilter-tag{display:none!important}
#shop .kmeta .kmr{display:flex;align-items:center;gap:8px}
#shop .kmeta .ksort{max-width:150px;font-size:13px}
#shop .kwrap{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
#shop #k_fab{left:12px!important;right:12px!important;bottom:calc(70px + env(safe-area-inset-bottom))!important;display:flex;justify-content:center;transition:transform .28s ease,opacity .2s;pointer-events:none}
#shop #k_fab .kfab{pointer-events:auto;width:100%;max-width:480px;justify-content:center;height:46px}
#shop #k_fab.kh-hide{transform:translateY(160%);opacity:0}
#shop .kcat-pill{min-width:0;max-width:84px}
#shop .kcat-pill small{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.15;text-align:center;font-size:11.5px}
#shop .kmeta .ksort{max-width:170px}
#shop .kchip.on{background:var(--p,#1D1D1F)!important;color:var(--pt,#fff)!important}
#shop #k_top{display:none!important}
}

/* ===== Panamá · Mes patrio ===== */
html.panama:not([data-kt=dark]) :is(#shop,#shopm,#ksnack){--p:#005293;--pc:#E3EEF8;--onpc:#00386B}
html.panama #shop .kfab{background:#D21034}
html.panama #shop .kc:hover,html.panama #shop .kdc:hover{border-color:#D21034}
html.panama #shop .khd .kht b::before{content:'';display:inline-block;width:22px;height:15px;margin-right:6px;vertical-align:-2px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2040'%3E%3Crect%20width='60'%20height='40'%20fill='%23fff'/%3E%3Crect%20x='30'%20width='30'%20height='20'%20fill='%23D21034'/%3E%3Crect%20y='20'%20width='30'%20height='20'%20fill='%23005293'/%3E%3Cpolygon%20points='15.00,3.00%2016.65,7.73%2021.66,7.84%2017.66,10.87%2019.11,15.66%2015.00,12.80%2010.89,15.66%2012.34,10.87%208.34,7.84%2013.35,7.73'%20fill='%23005293'/%3E%3Cpolygon%20points='45.00,23.00%2046.65,27.73%2051.66,27.84%2047.66,30.87%2049.11,35.66%2045.00,32.80%2040.89,35.66%2042.34,30.87%2038.34,27.84%2043.35,27.73'%20fill='%23D21034'/%3E%3Crect%20x='.5'%20y='.5'%20width='59'%20height='39'%20fill='none'%20stroke='%23cfd6df'/%3E%3C/svg%3E") center/cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
html.panama #shop .knav::before{content:'';position:absolute;left:0;right:0;top:-7px;height:7px;background:linear-gradient(90deg,#D21034 0 33.3%,#fff 33.3% 66.6%,#005293 66.6%);box-shadow:0 -1px 0 rgba(0,0,0,.06)}
html.panama #shop .kc::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;z-index:3;background:linear-gradient(90deg,#D21034 0 33.3%,#fff 33.3% 66.6%,#005293 66.6%)}
html.panama #shopm .ksheet{background:linear-gradient(90deg,#D21034 0 33.3%,#fff 33.3% 66.6%,#005293 66.6%) top/100% 6px no-repeat,var(--bg)}
html.panama #shopm .ksheet::before{content:'★ ★ ★ ★ ★ ★ ★';display:block;text-align:center;font-size:15px;letter-spacing:6px;margin:2px 0 4px;background:linear-gradient(90deg,#D21034,#005293);-webkit-background-clip:text;background-clip:text;color:transparent}
html.panama #shopm h2::after{content:' ★';color:#D21034}
#k_pg{position:fixed;top:0;left:0;right:0;height:26px;z-index:3003;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='26'%20viewBox='0%200%2096%2026'%3E%3Crect%20width='96'%20height='2'%20fill='%237a869a'/%3E%3Cpolygon%20points='0,2%2032,2%2016,24'%20fill='%23D21034'/%3E%3Cpolygon%20points='32,2%2064,2%2048,24'%20fill='%23fff'%20stroke='%23c3ccd9'%20stroke-width='1'/%3E%3Cpolygon%20points='64,2%2096,2%2080,24'%20fill='%23005293'/%3E%3C/svg%3E") repeat-x 0 0/96px 26px;transform-origin:50% 0;animation:kpg 6s ease-in-out infinite alternate}
@keyframes kpg{from{transform:skewX(-1.2deg)}to{transform:skewX(1.2deg)}}
#k_pcf{position:fixed;inset:0;width:100%;height:100%;z-index:3002;pointer-events:none}
#shop .kxb.kpa{background:linear-gradient(100deg,#003E7A,#005293 42%,#D21034);box-shadow:0 10px 24px -14px rgba(0,82,147,.75)}
#shop .kxb .kfl{display:inline-block;width:22px;height:15px;vertical-align:-3px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2040'%3E%3Crect%20width='60'%20height='40'%20fill='%23fff'/%3E%3Crect%20x='30'%20width='30'%20height='20'%20fill='%23D21034'/%3E%3Crect%20y='20'%20width='30'%20height='20'%20fill='%23005293'/%3E%3Cpolygon%20points='15.00,3.00%2016.65,7.73%2021.66,7.84%2017.66,10.87%2019.11,15.66%2015.00,12.80%2010.89,15.66%2012.34,10.87%208.34,7.84%2013.35,7.73'%20fill='%23005293'/%3E%3Cpolygon%20points='45.00,23.00%2046.65,27.73%2051.66,27.84%2047.66,30.87%2049.11,35.66%2045.00,32.80%2040.89,35.66%2042.34,30.87%2038.34,27.84%2043.35,27.73'%20fill='%23D21034'/%3E%3Crect%20x='.5'%20y='.5'%20width='59'%20height='39'%20fill='none'%20stroke='%23cfd6df'/%3E%3C/svg%3E") center/cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.75)}
#shop .kgd.kpa .kcane{background:linear-gradient(90deg,#D21034 0 33.3%,#fff 33.3% 66.6%,#005293 66.6%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
#shop .kgd.kpa .kgdr i{font-style:normal;margin:0 7px;font-size:18px;color:#D21034}#shop .kgd.kpa .kgdr i:nth-child(even){color:#005293}
@media(prefers-reduced-motion:reduce){#k_pg{animation:none!important}}
#shop .kdel,#shopm .kdel{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:5px 11px 5px 9px;border-radius:99px;background:#FDECEA;color:#B3261E;font-size:12.5px;font-weight:700;border:0;cursor:pointer}
#shopm .kdel:active{transform:scale(.96)}
#shopm .sbtn.kdelb{display:flex;align-items:center;justify-content:center;gap:8px;background:#FDECEA;color:#B3261E;box-shadow:none}
#shopm .kxg .kfl{display:inline-block;width:22px;height:15px;vertical-align:-3px;margin-right:6px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2060%2040'%3E%3Crect%20width='60'%20height='40'%20fill='%23fff'/%3E%3Crect%20x='30'%20width='30'%20height='20'%20fill='%23D21034'/%3E%3Crect%20y='20'%20width='30'%20height='20'%20fill='%23005293'/%3E%3Cpolygon%20points='15.00,3.00%2016.65,7.73%2021.66,7.84%2017.66,10.87%2019.11,15.66%2015.00,12.80%2010.89,15.66%2012.34,10.87%208.34,7.84%2013.35,7.73'%20fill='%23005293'/%3E%3Cpolygon%20points='45.00,23.00%2046.65,27.73%2051.66,27.84%2047.66,30.87%2049.11,35.66%2045.00,32.80%2040.89,35.66%2042.34,30.87%2038.34,27.84%2043.35,27.73'%20fill='%23D21034'/%3E%3Crect%20x='.5'%20y='.5'%20width='59'%20height='39'%20fill='none'%20stroke='%23cfd6df'/%3E%3C/svg%3E") center/cover;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.75)}
#shopm .kxg.kpa2,.kxg.kpa2{background:linear-gradient(100deg,#003E7A,#005293 42%,#D21034);color:#fff}

/* ===== bloque 2 (#promoCss) ===== */
#shop .khero:has(.khero-promo){min-height:0!important}#shop .khero-promo{min-height:0!important;aspect-ratio:auto}#shop .khero-promo::after{display:none}#shop .khero-promo picture{display:block}#shop .khero-promo img{position:static!important;display:block;width:100%;height:auto;transform:none}
/* ===== bloque 3 (#shopStyle) ===== */
/* ===== Tienda: estilo "Shop" (lienzo claro, tarjetas muy redondeadas, un solo acento violeta) =====
   Solo cambia colores, formas, sombras y tipografía de #shop/#shopm. Los temas de temporada (html.xmas, html.summer…)
   siguen mandando sobre estas variables. Referencia: DESIGN.md "Shop — Style Reference". */
html.shopmode,html.shopmode body{background:#f2f4f5}
#shop,#shopm,#ksnack{--p:#5433eb;--pc:#f2f4f5;--onpc:#000;--bg:#f2f4f5;--sf:#fff;--sf2:#f2f4f5;--tx:#000;--tx2:#787574;--ol:#ebebeb;
 --sh:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shs:0 2px 8px rgba(0,0,0,.06);--shl:0 4px 24px rgba(0,0,0,.12);--shv:0 4px 24px rgba(69,36,219,.34);
 font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;letter-spacing:-.025em}
/* Oscuro: solo cuando el interruptor de tema de la tienda lo activa (data-kt=dark), NO por el modo del sistema.
   Antes usaba prefers-color-scheme y dejaba texto blanco sobre tarjetas blancas en equipos con Windows oscuro. */
html[data-kt=dark] #shop,html[data-kt=dark] #shopm,html[data-kt=dark] #ksnack{--p:#7c66ff;--pc:#26262a;--onpc:#fff;--bg:#0c0c0e;--sf:#18181b;--sf2:#232327;--tx:#fff;--tx2:#a8a5a3;--ol:#2e2e33;
 --sh:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -2px rgba(0,0,0,.5);--shs:0 2px 8px rgba(0,0,0,.4);--shl:0 4px 24px rgba(0,0,0,.5);--shv:0 4px 24px rgba(124,102,255,.35);color-scheme:dark}
html[data-kt=dark].shopmode,html[data-kt=dark].shopmode body{background:#0c0c0e}
#shop .kht b,#shop .kdest h3,#shop .kcats h3,#shopm h2{font-weight:600;letter-spacing:-.045em}
/* Cabecera blanca y limpia */
#shop .khd{background:var(--sf);box-shadow:var(--shs);border-radius:0 0 28px 28px}
#shop .khd .kbrand>img{border-radius:20px;box-shadow:var(--shs)}
#shop .khd .kht small{color:var(--tx2);letter-spacing:-.014em}
#shop .kmenu-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--ol);box-shadow:var(--shs)}
#shop .kha{border-radius:9999px;border:1px solid var(--ol);box-shadow:var(--shs);font-weight:500}
#shop .kha.pri{background:var(--p);box-shadow:var(--shv)}
#shop .kha.on{color:var(--tx);background:var(--sf2)}
#shop .kmobile-menu button{border-radius:9999px;font-weight:500}
/* Buscador en píldora con botón circular violeta */
#shop .ksr,#shop .kh-search .ksr{height:52px;border-radius:9999px;border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);background:var(--sf);box-shadow:none;padding:0 6px 0 20px}
#shop .ksr:focus-within,#shop .kh-search .ksr:focus-within{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent)}
#shop .ksr input{font-size:16px;letter-spacing:-.031em}#shop .ksr input::placeholder{color:var(--tx2)}
#shop .kfilter-btn{width:52px;height:52px;border:0;border-radius:50%;background:var(--p);color:#fff;box-shadow:var(--shv)}
#shop .kfilter-btn:active{transform:scale(.94)}
/* Categorías: píldoras blancas con icono pequeño */
#shop .kchips{gap:8px}
#shop .kchip{height:38px;padding:0 16px;border-radius:9999px;border:1px solid var(--ol);background:var(--sf);box-shadow:var(--shs);font-weight:500;font-size:14px}
#shop .kchip.on{background:var(--tx);color:var(--bg);border-color:var(--tx);font-weight:500}
#shop .kcat-row{gap:8px;padding:4px 2px 10px}
#shop .kcat-pill{flex-direction:row;width:auto;gap:8px;padding:6px 16px 6px 6px;border-radius:9999px;background:var(--sf);border:1px solid var(--ol);box-shadow:var(--shs)}
#shop .kcat-ic{width:30px;height:30px;font-size:16px;background:var(--sf2);box-shadow:none}
#shop .kcat-pill small{font-size:14px;font-weight:500;color:var(--tx);max-width:140px;letter-spacing:-.025em}
#shop .kcat-pill.on{background:var(--tx);border-color:var(--tx)}#shop .kcat-pill.on small{color:var(--bg);font-weight:500}#shop .kcat-pill.on .kcat-ic{background:var(--bg);box-shadow:none}
#shop .ktm .kte{border-radius:20px}
/* Portada y banners */
#shop .khero,#shop .kbanner{border-radius:28px;box-shadow:var(--sh)}
#shop .khero-dots button{background:rgba(255,255,255,.55)}
/* Tarjetas de producto: 28px, sombra doble, sin borde, imagen interior de 22px */
#shop .kc,#shop .kdc{border:0;border-radius:28px;background:var(--sf);box-shadow:var(--sh);padding:6px}
#shop .kc:hover,#shop .kdc:hover{transform:translateY(-3px);box-shadow:var(--shl)}
#shop .kimg,#shop .kdc .ki{border-radius:22px;background:var(--sf2)}
#shop .kbd,#shop .kdc .kb{padding:10px 8px 8px}
#shop .kbd b,#shop .kdc b{font-weight:600;font-size:14px;letter-spacing:-.014em}
#shop .kcat{background:var(--sf2);color:var(--tx2);font-weight:500;letter-spacing:-.01em}
#shop .kp,#shop .kdc .kpr{color:var(--tx);font-weight:600;letter-spacing:-.03em}
#shop .kfav{background:var(--sf);color:var(--tx);box-shadow:var(--shs)}#shop .kfav.on{color:var(--p)}
#shop .kadd{width:40px;height:40px;border-radius:50%;background:var(--sf2);color:var(--tx);box-shadow:none;border:1px solid var(--ol)}
#shop .kst,#shopm .kst{background:var(--sf2);color:var(--tx);border-radius:9999px}
#shop .kst .kqn,#shopm .kst .kqn{border-radius:9999px}
#shop .kdc-buy{border-radius:9999px}
/* Barra inferior flotante en píldora */
#shop .knav{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:8px 10px;background:var(--sf);border-radius:9999px;box-shadow:var(--shl)}
#shop .kpill{width:56px;height:36px;border-radius:20px}
#shop .knav .on .kpill{background:var(--sf2);color:var(--tx)}#shop .knav small{font-size:11px}
#shop .kbdg{background:var(--p);font-family:inherit;font-weight:600}
@media(min-width:900px){
 #shop .kdnav{border-bottom:0;gap:8px;padding-bottom:10px}
 #shop .kdnav button{padding:8px 16px;border-radius:9999px;background:var(--sf);border:1px solid var(--ol);box-shadow:var(--shs);font-weight:500;color:var(--tx)}
 #shop .kside{border-radius:28px;box-shadow:var(--sh)}
 #shop .ksd{border-radius:20px}
 #shop .kc:hover,#shop .kdc:hover{box-shadow:var(--shl)}
}
#shop .ksd.on{background:var(--sf2);color:var(--tx);font-weight:500}
#shop .ksd input{accent-color:var(--p)}
#shop .ksort,#shop .kmeta button{border-radius:9999px}
/* Formularios, botones y hojas (detalle, carrito, registro) */
#shop .kreg{border-radius:28px;background:var(--sf)}#shop .kreg-w{background:var(--bg)}
#shop .kf input,#shopm textarea,#shopm select,#shop select,#shopm .kqm input{font-family:inherit}
#shop .kf input,#shopm .kf input,#shopm select{border:1px solid var(--ol);border-radius:9999px;padding:13px 18px;background:var(--sf)}
#shopm textarea{border:1px solid var(--ol);border-radius:22px;padding:14px 18px;background:var(--sf)}
#shop .kf input:focus,#shopm textarea:focus,#shopm .kf input:focus,#shopm select:focus{border-color:var(--p);box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent)}
#shop .sbtn,#shopm .sbtn{border-radius:9999px;font-weight:600;letter-spacing:-.02em;background:var(--p);box-shadow:var(--shv)}
#shopm .sbtn.g{background:var(--sf);color:var(--tx);border:1px solid var(--ol);box-shadow:var(--shs)}
#shopm .ksheet{background:var(--sf);border-radius:28px 28px 0 0}#shopm .kact2{background:var(--sf)}
#shopm .kdi{border-radius:22px}#shopm .kln img,#shopm .kpk img{border-radius:16px}
#shopm .kcat{color:var(--tx2);letter-spacing:.04em;font-weight:500}
#shopm .kdp{font-weight:600;letter-spacing:-.05em}
#shopm .ktg button,#shopm .ktg span{border-radius:9999px;font-weight:500;background:var(--sf2);color:var(--tx)}
#shopm .kqb{border-radius:22px;border:1px solid var(--ol);box-shadow:var(--shs)}#shopm .kqb.on{background:var(--sf2);border-color:var(--tx);color:var(--tx)}
#shopm .kfav{background:var(--sf);color:var(--tx)}
#ksnack .ksn{border-radius:9999px;background:#000;color:#fff;font-family:inherit;padding:12px 10px 12px 20px}#ksnack .ksn button{color:#c0b5f3;font-family:inherit}
#shop .kwa{box-shadow:var(--shl)}
/* Datos del envío (transportistas) en el mismo estilo */
#k_fle select{border:1px solid var(--ol);border-radius:9999px;background:var(--sf);padding:13px 16px;font-family:inherit}
#sh_fle_p>div,#sh_env{border-radius:22px}

/* Claro: iguala la paleta Shop sobre las capas anteriores (blanco puro / Apple) que tienen mayor especificidad */
html.shopmode:not([data-kt=dark]),html.shopmode:not([data-kt=dark]) body{background:#f2f4f5}
html.shopmode:not([data-kt=dark]) :is(#shop,#shopm,#ksnack){--bg:#f2f4f5;--sf:#fff;--sf2:#f2f4f5;--tx:#000;--tx2:#787574;--ol:#ebebeb;--sh:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);color-scheme:light}
html.shopmode:not([data-kt=dark]) #shop .kc,html.shopmode:not([data-kt=dark]) #shop .kdc{border:0;background:var(--sf)}
html.shopmode:not([data-kt=dark]) #shop .ksr{background:var(--sf);box-shadow:none}
html.shopmode:not([data-kt=dark]) #shop .ksr:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--p) 18%,transparent)}
html.shopmode:not([data-kt=dark]) #shop .kchip{background:var(--sf);border-color:var(--ol)}
html.shopmode:not([data-kt=dark]) #shop .kchip.on{background:var(--tx);border-color:var(--tx)}
html.shopmode:not([data-kt=dark]) #shop .knav{background:var(--sf);box-shadow:var(--shl)}
html.shopmode:not([data-kt=dark]) #shop .kreg-w{background:var(--bg)}
html.shopmode:not([data-kt=dark]) #shop .kimg{background:var(--sf2)}

/* ===== Estructura Shop: Riel lateral, portada flotante y buscador violeta ===== */
#shop .krail{display:none}
@media(min-width:900px){
 #shop .krail{display:flex;position:fixed;left:0;top:0;bottom:0;width:64px;background:var(--sf);border-right:1px solid var(--ol);z-index:100;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 0 20px;box-shadow:var(--shs)}
 #shop .krail-top{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
 #shop .krail-logo{width:48px;height:48px;display:grid;place-items:center;cursor:pointer;margin-bottom:6px}
 #shop .krail-dot{width:16px;height:16px;border-radius:50%;background:var(--p);box-shadow:var(--shv);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
 #shop .krail-logo:hover .krail-dot{transform:scale(1.3)}
 #shop .krail-item{position:relative;width:48px;height:48px;border:0;border-radius:20px;background:transparent;color:var(--tx);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,transform .12s cubic-bezier(.2,.8,.2,1)}
 #shop .krail-item:hover{background:var(--sf2)}
 #shop .krail-item:active{transform:scale(.92)}
 #shop .krail-item.on{background:var(--sf2);color:var(--p)}
 #shop .krail-item svg{width:24px;height:24px;fill:currentColor}
 #shop .krail-item .kbdg{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--p);color:#fff;font:700 11px/18px Roboto,sans-serif;text-align:center}
 #shop .krail-bottom{display:flex;flex-direction:column;align-items:center;gap:12px}
 #shop .krail-avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--ol);background:var(--sf2);color:var(--tx);font:700 13px Inter,system-ui,sans-serif;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shs);transition:transform .15s,border-color .15s;padding:0}
 #shop .krail-avatar:hover{border-color:var(--p);transform:scale(1.08)}
 #shop .kwrap{padding-left:80px}
}
/* Portada con tarjetas flotantes sobre la palabra "shop" */
#shop .khero{position:relative;min-height:460px;margin:14px 0 24px;padding:36px 16px 32px;border-radius:28px;background:var(--sf);box-shadow:var(--sh);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}
#shop .khero-bg-wordmark{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(86px,18vw,200px);font-weight:800;letter-spacing:-.06em;line-height:.82;color:var(--p);opacity:.12;user-select:none;pointer-events:none;z-index:1;white-space:nowrap}
#shop .khero-wordmark-wrap{position:relative;z-index:2;margin-bottom:18px;pointer-events:auto}
#shop .khero-title{margin:0;font-size:clamp(24px,5vw,42px);font-weight:700;letter-spacing:-.04em;color:var(--tx);line-height:1.15}
#shop .khero-wordmark-sub{font-size:15px;color:var(--tx2);letter-spacing:-.015em;margin:8px auto 0;max-width:480px;line-height:1.45;font-weight:500}
#shop .khero-constellation{position:relative;z-index:3;width:100%;max-width:1060px;min-height:230px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
@media(min-width:900px){
 #shop .khero{min-height:500px;padding:44px 24px 36px}
 #shop .khero-constellation{height:250px}
 #shop .kfloat-card{position:absolute}
 #shop .kfloat-0{left:2%;top:10px;transform:rotate(-5deg);animation:kfltA 6s ease-in-out infinite alternate}
 #shop .kfloat-1{right:2%;top:16px;transform:rotate(4deg);animation:kfltB 6.5s ease-in-out infinite alternate}
 #shop .kfloat-2{left:23%;bottom:5px;transform:rotate(2.5deg);animation:kfltC 7s ease-in-out infinite alternate}
 #shop .kfloat-3{right:22%;bottom:8px;transform:rotate(-3deg);animation:kfltD 5.8s ease-in-out infinite alternate}
}
@media(max-width:899px){
 #shop .khero{min-height:0;padding:26px 12px 22px}
 #shop .khero-constellation{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 4px 16px;scrollbar-width:none;justify-content:flex-start}
 #shop .khero-constellation::-webkit-scrollbar{display:none}
 #shop .kfloat-card{flex:0 0 160px;scroll-snap-align:center}
}
#shop .kfloat-card{width:176px;background:var(--sf);border-radius:28px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);padding:6px;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;text-align:left}
#shop .kfloat-card:hover{transform:translateY(-8px) scale(1.04) rotate(0deg)!important;box-shadow:var(--shl)!important;z-index:10}

/* Logo de portada personalizado */
#shop .khero-brand-logo{margin-bottom:12px;display:flex;justify-content:center}
#shop .khero-brand-logo img{max-height:68px;max-width:260px;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08))}

/* Paletas y Contraste de Watermark */
#shop .khero{--wm-op:0.14}
#shop .khero-bg-wordmark{opacity:var(--wm-op,0.14)!important;transition:opacity .3s ease,color .3s ease,text-shadow .3s ease,transform .4s ease}
#shop .khero.wm_violeta .khero-bg-wordmark{color:#6366f1;text-shadow:0 0 40px rgba(99,102,241,.28)}
#shop .khero.wm_dorado .khero-bg-wordmark{color:#d97706;text-shadow:0 0 35px rgba(217,119,6,.28)}
#shop .khero.wm_cian .khero-bg-wordmark{color:#0891b2;text-shadow:0 0 35px rgba(8,145,178,.32)}
#shop .khero.wm_rosa .khero-bg-wordmark{color:#db2777;text-shadow:0 0 35px rgba(219,39,119,.3)}
#shop .khero.wm_esmeralda .khero-bg-wordmark{color:#059669;text-shadow:0 0 35px rgba(5,150,105,.3)}
#shop .khero.wm_plata .khero-bg-wordmark{color:#64748b;text-shadow:0 2px 20px rgba(0,0,0,.15)}
#shop .khero.wm_coral .khero-bg-wordmark{color:#ea580c;text-shadow:0 0 35px rgba(234,88,12,.28)}
#shop .khero.wm_neon .khero-bg-wordmark{background:linear-gradient(135deg,#a855f7 0%,#06b6d4 50%,#f43f5e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(168,85,247,.35))}
#shop .khero.wm_blanco .khero-bg-wordmark{color:#ffffff;text-shadow:0 4px 24px rgba(0,0,0,.22)}

html[data-kt=dark] #shop .khero.wm_violeta .khero-bg-wordmark{color:#818cf8;text-shadow:0 0 50px rgba(129,140,248,.45)}
html[data-kt=dark] #shop .khero.wm_dorado .khero-bg-wordmark{color:#fbbf24;text-shadow:0 0 45px rgba(251,191,36,.4)}
html[data-kt=dark] #shop .khero.wm_cian .khero-bg-wordmark{color:#22d3ee;text-shadow:0 0 50px rgba(34,211,238,.45)}
html[data-kt=dark] #shop .khero.wm_rosa .khero-bg-wordmark{color:#f472b6;text-shadow:0 0 50px rgba(244,114,182,.4)}
html[data-kt=dark] #shop .khero.wm_esmeralda .khero-bg-wordmark{color:#34d399;text-shadow:0 0 50px rgba(52,211,153,.4)}
html[data-kt=dark] #shop .khero.wm_plata .khero-bg-wordmark{color:#cbd5e1;text-shadow:0 0 40px rgba(255,255,255,.25)}
html[data-kt=dark] #shop .khero.wm_coral .khero-bg-wordmark{color:#fb923c;text-shadow:0 0 45px rgba(251,146,60,.4)}
html[data-kt=dark] #shop .khero.wm_blanco .khero-bg-wordmark{color:#ffffff;text-shadow:0 0 45px rgba(255,255,255,.45)}

/* Graphic Motion: Shimmer (Brillo Cósmico) */
#shop .khero.motion-shimmer .kfloat-card{position:relative;overflow:hidden;animation:kfltShimmerPulse 5s ease-in-out infinite alternate}
#shop .khero.motion-shimmer .kfloat-card::after{content:'';position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(25deg);animation:kfltBeam 4s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none}
@keyframes kfltBeam{0%{left:-100%}40%,100%{left:200%}}
@keyframes kfltShimmerPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}

/* Graphic Motion: Waves (Ondas Cinéticas) */
#shop .khero.motion-waves .kfloat-0{animation:kfltWave 4s ease-in-out infinite 0s}
#shop .khero.motion-waves .kfloat-1{animation:kfltWave 4s ease-in-out infinite 1s}
#shop .khero.motion-waves .kfloat-2{animation:kfltWave 4s ease-in-out infinite 2s}
#shop .khero.motion-waves .kfloat-3{animation:kfltWave 4s ease-in-out infinite 3s}
@keyframes kfltWave{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(2deg)}}

/* Graphic Motion: Neon Pulse (Pulso Neón Cyber) */
#shop .khero.motion-neon .kfloat-card{box-shadow:0 0 15px rgba(124,102,255,.35),0 4px 12px rgba(0,0,0,.1);border:1px solid rgba(124,102,255,.4);animation:kfltNeon 3.5s ease-in-out infinite alternate}
@keyframes kfltNeon{0%,100%{box-shadow:0 0 14px rgba(124,102,255,.35);border-color:rgba(124,102,255,.4)}50%{box-shadow:0 0 28px rgba(6,182,212,.55);border-color:rgba(6,182,212,.65);transform:translateY(-7px)}}

/* Graphic Motion: Clean Minimal */
#shop .khero.motion-clean .kfloat-card{animation:none!important}


/* Portada con Video de fondo */
#shop .khero-bg-video-wrap{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
#shop .khero-bg-video{width:100%;height:100%;object-fit:cover;opacity:0.38;filter:blur(0.5px)}
#shop .khero-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,rgba(255,255,255,.7) 70%,var(--sf) 100%);pointer-events:none}
html[data-kt=dark] #shop .khero-bg-overlay{background:linear-gradient(180deg,rgba(12,12,14,.3) 0%,rgba(12,12,14,.75) 70%,var(--sf) 100%)}

/* Portada con Foto de fondo */
#shop .khero-bg-photo-wrap{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
#shop .khero-bg-photo{width:100%;height:100%;object-fit:cover;opacity:0.32;filter:blur(0.5px)}

/* Portada con Colores / Gradientes de movimiento */
#shop .khero.hero-bg-aurora{background:linear-gradient(135deg,#0c1022 0%,#182a46 35%,#0f4c5c 70%,#092327 100%)}
#shop .khero.hero-bg-sunset{background:linear-gradient(135deg,#fff1eb 0%,#ace0f9 100%)}
#shop .khero.hero-bg-cosmic{background:linear-gradient(135deg,#090919 0%,#1a103c 45%,#2d124d 75%,#0b0416 100%)}
#shop .khero.hero-bg-cyber{background:linear-gradient(135deg,#0f0c1b 0%,#1f1435 50%,#0c192c 100%)}
#shop .khero.hero-bg-ocean{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 40%,#7dd3fc 100%)}
#shop .khero.hero-bg-pastel{background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 40%,#ede9fe 100%)}

html[data-kt=dark] #shop .khero.hero-bg-sunset{background:linear-gradient(135deg,#3c1a2e 0%,#241b35 100%)}
html[data-kt=dark] #shop .khero.hero-bg-ocean{background:linear-gradient(135deg,#082f49 0%,#0c4a6e 60%,#075985 100%)}
html[data-kt=dark] #shop .khero.hero-bg-pastel{background:linear-gradient(135deg,#23162b 0%,#1a1329 100%)}

/* Botón TikTok con logo oficial */
.ni[data-k="tiktoklive"] .ic svg{display:inline-block;vertical-align:-3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}

/* Botón selector de tema Día / Noche / Auto */
.kha.ktheme-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:980px;font-size:13px;font-weight:600;border:1px solid var(--ol);background:var(--sf);color:var(--tx);cursor:pointer;transition:all .18s cubic-bezier(.2,.8,.2,1)}
.kha.ktheme-btn:hover{background:var(--sf2);transform:scale(1.03);border-color:var(--p)}
.kha.ktheme-btn:active{transform:scale(.96)}
.ktheme-ico{font-size:14px;display:inline-flex;align-items:center;justify-content:center}
.krail-theme{background:none;border:0;color:var(--tx);cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;margin-bottom:8px;font-size:17px;transition:background .15s,transform .15s}
.krail-theme:hover{background:var(--sf2);transform:scale(1.08)}

/* Mobile Menu Theme Segmented Control */
.km-theme-box{margin:14px 8px 8px;padding:12px;background:var(--sf2);border-radius:16px;border:1px solid var(--ol)}
.km-theme-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx2);font-weight:700;margin-bottom:8px}
.km-theme-seg{display:flex;gap:6px}
.km-theme-seg button{flex:1;padding:8px 4px;font-size:12.5px;font-weight:600;border-radius:10px;border:1px solid var(--ol);background:var(--sf);color:var(--tx);cursor:pointer;transition:all .15s}
.km-theme-seg button.on{background:var(--p);color:#fff;border-color:var(--p);box-shadow:0 2px 8px rgba(124,102,255,.3)}

#shop .kfloat-img{aspect-ratio:1;width:100%;border-radius:20px;overflow:hidden;background:var(--sf2)}
#shop .kfloat-img img{width:100%;height:100%;object-fit:cover;display:block}
#shop .kfloat-body{padding:8px 6px 6px}
#shop .kfloat-title{display:block;font-size:13.5px;font-weight:600;letter-spacing:-.014em;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#shop .kfloat-meta{display:flex;justify-content:space-between;align-items:center;margin-top:3px;font-size:11.5px}
#shop .kfloat-stars{color:#ff9f0a;letter-spacing:1px;font-size:10px}
#shop .kfloat-price{font-weight:700;color:var(--tx);font-size:13px}
@keyframes kfltA{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(-2deg)}}
@keyframes kfltB{0%,100%{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-11px) rotate(6deg)}}
@keyframes kfltC{0%,100%{transform:translateY(0) rotate(2.5deg)}50%{transform:translateY(-8px) rotate(.5deg)}}
@keyframes kfltD{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){#shop .kfloat-card{animation:none!important}}
/* Buscador en píldora con botón circular violeta */
#shop .khero-search-wrap{position:relative;z-index:4;width:100%;max-width:580px;margin:4px auto 0}
#shop .ksr-hero{height:56px;border-radius:9999px;background:var(--sf);box-shadow:var(--shs);border:1px solid color-mix(in srgb,var(--tx) 12%,transparent);padding:4px 6px 4px 22px;display:flex;align-items:center;gap:10px;width:100%;transition:border-color .15s,box-shadow .15s}
#shop .ksr-hero:focus-within{border-color:var(--p);box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 18%,transparent)}
#shop .ksr-hero input{font-size:16px;letter-spacing:-.031em;color:var(--tx);border:0;background:none;outline:none;flex:1;min-width:0;padding:0}
#shop .ksr-hero input::placeholder{color:var(--tx2)}
#shop .ksr-btn-go{width:42px;height:42px;border-radius:50%;border:0;background:var(--p);color:#fff;display:grid;place-items:center;box-shadow:var(--shv);cursor:pointer;flex:none;transition:transform .14s,filter .15s;padding:0;margin-left:4px}
#shop .ksr-btn-go:hover{filter:brightness(1.08)}
#shop .ksr-btn-go:active{transform:scale(.92)}
#shop .ksr-btn-go svg{width:18px;height:18px;stroke:#fff;fill:none}

/* ===== PALETAS DE COMBINACIÓN PRO (FONDO DE PÁGINA + SUPERFICIES + ACENTOS) ===== */
/* 1. Shop Original (Canvas Mist & Violeta) */
html.shopmode[data-paleta=shop], html.shopmode[data-paleta=shop] body, html.shopmode:not([data-paleta]), html.shopmode:not([data-paleta]) body {
  background: #f2f4f5 !important;
}
html[data-paleta=shop] :is(#shop,#shopm,#ksnack), html:not([data-paleta]) :is(#shop,#shopm,#ksnack) {
  --bg: #f2f4f5; --sf: #ffffff; --sf2: #e8ebed; --tx: #000000; --tx2: #787574; --ol: #ebebeb;
  --p: #5433eb; --pt: #ffffff; --pc: #f2f4f5; --onpc: #000000; --shv: 0 4px 24px rgba(69,36,219,.34);
}

/* 2. Lino Cálido & Ámbar (Lino nórdico) */
html.shopmode[data-paleta=lino], html.shopmode[data-paleta=lino] body, html.shopmode[data-paleta=dorado], html.shopmode[data-paleta=dorado] body {
  background: #f7f4ed !important;
}
html[data-paleta=lino] :is(#shop,#shopm,#ksnack), html[data-paleta=dorado] :is(#shop,#shopm,#ksnack) {
  --bg: #f7f4ed; --sf: #ffffff; --sf2: #ede8dc; --tx: #201b14; --tx2: #7c7467; --ol: #e2dcd0;
  --p: #8a5a12; --pt: #ffffff; --pc: #f7f1e4; --onpc: #4e330a; --shv: 0 4px 24px rgba(138,90,18,.30);
}

/* 3. Rosa Blush (Porcelana & Frambuesa) */
html.shopmode[data-paleta=rosa], html.shopmode[data-paleta=rosa] body {
  background: #faf1f4 !important;
}
html[data-paleta=rosa] :is(#shop,#shopm,#ksnack) {
  --bg: #faf1f4; --sf: #ffffff; --sf2: #f2e2e8; --tx: #241419; --tx2: #7d666e; --ol: #edd6df;
  --p: #c8183c; --pt: #ffffff; --pc: #fae4eb; --onpc: #75091f; --shv: 0 4px 24px rgba(200,24,60,.30);
}

/* 4. Eucalipto Salvia & Esmeralda */
html.shopmode[data-paleta=esmeralda], html.shopmode[data-paleta=esmeralda] body {
  background: #f0f5f2 !important;
}
html[data-paleta=esmeralda] :is(#shop,#shopm,#ksnack) {
  --bg: #f0f5f2; --sf: #ffffff; --sf2: #e0ece5; --tx: #101f19; --tx2: #5a7266; --ol: #d1e2d7;
  --p: #0e3c30; --pt: #ffffff; --pc: #e1ede6; --onpc: #07261e; --shv: 0 4px 24px rgba(14,60,48,.30);
}

/* 5. Lavanda & Púrpura Imperial */
html.shopmode[data-paleta=violeta], html.shopmode[data-paleta=violeta] body {
  background: #f4f0fa !important;
}
html[data-paleta=violeta] :is(#shop,#shopm,#ksnack) {
  --bg: #f4f0fa; --sf: #ffffff; --sf2: #e7def5; --tx: #191126; --tx2: #6c5f7d; --ol: #dbd0ee;
  --p: #6b32b8; --pt: #ffffff; --pc: #ece4f8; --onpc: #3f1975; --shv: 0 4px 24px rgba(107,50,184,.32);
}

/* 6. Hielo Nórdico & Océano */
html.shopmode[data-paleta=oceano], html.shopmode[data-paleta=oceano] body {
  background: #eef4f7 !important;
}
html[data-paleta=oceano] :is(#shop,#shopm,#ksnack) {
  --bg: #eef4f7; --sf: #ffffff; --sf2: #d9e8ee; --tx: #0f1f24; --tx2: #536d75; --ol: #cce0e8;
  --p: #0e6b78; --pt: #ffffff; --pc: #dbf0f3; --onpc: #064047; --shv: 0 4px 24px rgba(14,107,120,.30);
}

/* 7. Marino & Oro (Borgona) */
html.shopmode[data-paleta=borgona], html.shopmode[data-paleta=borgona] body {
  background: #f0f2f7 !important;
}
html[data-paleta=borgona] :is(#shop,#shopm,#ksnack) {
  --bg: #f0f2f7; --sf: #ffffff; --sf2: #dee4f1; --tx: #0b1122; --tx2: #56617a; --ol: #d0d7e6;
  --p: #121e42; --pt: #ffffff; --pc: #e2e7f4; --onpc: #0c152e; --shv: 0 4px 24px rgba(18,30,66,.32);
}

/* 8. Clásico Blanco Puro */
html.shopmode[data-paleta=clasico], html.shopmode[data-paleta=clasico] body {
  background: #ffffff !important;
}
html[data-paleta=clasico] :is(#shop,#shopm,#ksnack) {
  --bg: #ffffff; --sf: #ffffff; --sf2: #f4f4f6; --tx: #1D1D1F; --tx2: #6E6E73; --ol: #e5e5ea;
  --p: #1D1D1F; --pt: #ffffff; --pc: #ececee; --onpc: #1D1D1F; --shv: 0 4px 24px rgba(0,0,0,.22);
}

/* 9. Carbón & Piedra */
html.shopmode[data-paleta=carbon], html.shopmode[data-paleta=carbon] body {
  background: #f0f1f3 !important;
}
html[data-paleta=carbon] :is(#shop,#shopm,#ksnack) {
  --bg: #f0f1f3; --sf: #ffffff; --sf2: #e5e7ea; --tx: #1e2226; --tx2: #606870; --ol: #d8dce1;
  --p: #30363D; --pt: #ffffff; --pc: #e4e7eb; --onpc: #1e2226; --shv: 0 4px 24px rgba(48,54,61,.28);
}

/* 10. Dark Obsidian Pro */
html.shopmode[data-paleta=dark], html.shopmode[data-paleta=dark] body, html[data-kt=dark].shopmode, html[data-kt=dark].shopmode body {
  background: #0c0c0e !important;
}
html[data-paleta=dark] :is(#shop,#shopm,#ksnack), html[data-kt=dark] :is(#shop,#shopm,#ksnack) {
  --bg: #0c0c0e; --sf: #18181b; --sf2: #232327; --tx: #ffffff; --tx2: #a8a5a3; --ol: #2e2e33;
  --p: #7c66ff; --pt: #ffffff; --pc: #26262a; --onpc: #ffffff; --shv: 0 4px 24px rgba(124,102,255,.35);
  color-scheme: dark;
}

/* Banners promocionales sobre 'Explora por ocasión' */
#shop .kpromo-carousel {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  box-shadow: var(--sh);
  margin: 18px 0 24px;
  background: var(--sf);
}
#shop .kpromo-carousel[hidden] { display: none; }
#shop .kpromo-track {
  display: flex;
  transition: transform .48s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}
#shop .kpromo-track .khero-slide {
  flex: 0 0 100%;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  min-height: 0;
}
#shop .kpromo-track picture {
  display: block;
}
#shop .kpromo-track img {
  width: 100%;
  height: auto;
  display: block;
}

/* ===== TEMÁTICAS DE TEMPORADA CON FONDO DE PÁGINA COORDINADO ===== */

/* 1. Día de las Madres (Rosa Porcelana Floral & Magenta Vivo) */
html.madres:not([data-kt=dark]), html.madres:not([data-kt=dark]) body {
  background: #fff0f5 !important;
}
html.madres :is(#shop,#shopm,#ksnack) {
  --bg: #fff0f5; --sf: #ffffff; --sf2: #fce4ec; --tx: #24121a; --tx2: #7d596a; --ol: #ebd4de;
  --p: #d81b60; --pt: #ffffff; --pc: #fce4ec; --onpc: #880e4f; --shv: 0 4px 24px rgba(216,27,96,.35);
}
#shop .kxb.kmad {
  background: linear-gradient(100deg, #d81b60, #ec4899 45%, #f472b6);
  box-shadow: 0 10px 24px -14px rgba(216,27,96,.75);
}
#shop .kgd.kmad .kcane {
  background: repeating-linear-gradient(90deg, #d81b60 0 14px, #fbcfe8 14px 28px, #f43f5e 28px 42px);
}
#k_petals {
  position: fixed; inset: 0; width: 100%; height: 100%; z-index: 3002; pointer-events: none;
}

/* 2. Día del Padre (Royal Midnight Sapphire & Acero Distinguido) */
html.padres:not([data-kt=dark]), html.padres:not([data-kt=dark]) body {
  background: #eef2f7 !important;
}
html.padres :is(#shop,#shopm,#ksnack) {
  --bg: #eef2f7; --sf: #ffffff; --sf2: #e2eaf5; --tx: #0d1a2d; --tx2: #54657d; --ol: #d1dde8;
  --p: #0f3460; --pt: #ffffff; --pc: #e2eaf5; --onpc: #081d38; --shv: 0 4px 24px rgba(15,52,96,.35);
}
#shop .kxb.kpad {
  background: linear-gradient(100deg, #0f3460, #1e3a8a 45%, #0284c7);
  box-shadow: 0 10px 24px -14px rgba(15,52,96,.75);
}
#shop .kgd.kpad .kcane {
  background: repeating-linear-gradient(90deg, #0f3460 0 14px, #e2eaf5 14px 28px, #0284c7 28px 42px);
}

/* 3. Día del Trabajador (Miel Ámbar Cálido & Azul Industrial) */
html.trabajador:not([data-kt=dark]), html.trabajador:not([data-kt=dark]) body {
  background: #fdf6ec !important;
}
html.trabajador :is(#shop,#shopm,#ksnack) {
  --bg: #fdf6ec; --sf: #ffffff; --sf2: #fef3c7; --tx: #241a0b; --tx2: #7a6649; --ol: #e8d9c2;
  --p: #d97706; --pt: #ffffff; --pc: #fef3c7; --onpc: #78350f; --shv: 0 4px 24px rgba(217,119,6,.35);
}
#shop .kxb.ktra {
  background: linear-gradient(100deg, #b45309, #d97706 45%, #1e40af);
  box-shadow: 0 10px 24px -14px rgba(217,119,6,.75);
}
#shop .kgd.ktra .kcane {
  background: repeating-linear-gradient(90deg, #d97706 0 14px, #fef3c7 14px 28px, #1e40af 28px 42px);
}

/* 4. Tema de la Galaxia / Cyber Cosmic (Espacio Cósmico & Violeta Neón) */
html.galaxia, html.galaxia body {
  background: #080816 !important;
}
html.galaxia :is(#shop,#shopm,#ksnack) {
  --bg: #080816; --sf: #121128; --sf2: #1e1b3c; --tx: #ffffff; --tx2: #a5a1cc; --ol: #2e2a57;
  --p: #9333ea; --pt: #ffffff; --pc: #2e1065; --onpc: #f3e8ff; --shv: 0 4px 24px rgba(147,51,234,.45);
  color-scheme: dark;
}
#shop .kxb.kgal {
  background: linear-gradient(100deg, #4c1d95, #7c3aed 45%, #06b6d4);
  box-shadow: 0 10px 24px -14px rgba(147,51,234,.85);
}
#shop .kgd.kgal .kcane {
  background: repeating-linear-gradient(90deg, #7c3aed 0 14px, #06b6d4 14px 28px, #f43f5e 28px 42px);
}
#k_stars {
  position: fixed; inset: 0; width: 100%; height: 100%; z-index: 3002; pointer-events: none;
}

/* 5. Día del Amor y la Amistad (Ruby Velvet & Corazones Flotantes) */
html.amor:not([data-kt=dark]), html.amor:not([data-kt=dark]) body {
  background: #fff0f3 !important;
}
html.amor :is(#shop,#shopm,#ksnack) {
  --bg: #fff0f3; --sf: #ffffff; --sf2: #ffe4e6; --tx: #261118; --tx2: #7c5866; --ol: #edd3db;
  --p: #e11d48; --pt: #ffffff; --pc: #ffe4e6; --onpc: #881337; --shv: 0 4px 24px rgba(225,29,72,.35);
}
#shop .kxb.kamo {
  background: linear-gradient(100deg, #be123c, #e11d48 45%, #fb7185);
  box-shadow: 0 10px 24px -14px rgba(225,29,72,.75);
}
#shop .kgd.kamo .kcane {
  background: repeating-linear-gradient(90deg, #e11d48 0 14px, #ffe4e6 14px 28px, #be123c 28px 42px);
}
#k_hearts {
  position: fixed; inset: 0; width: 100%; height: 100%; z-index: 3002; pointer-events: none;
}

/* ===== bloque 4 (#kwaGlow) ===== */
/* Botón flotante de la tienda: vibración y destello de luz llamativo */
.kwa{position:relative;animation:kwaVibrateGlow 3.5s ease-in-out infinite!important}
.kwa::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,rgba(37,211,102,.5) 0%,rgba(37,211,102,0) 70%);animation:kwaRadarPulse 2s ease-out infinite;pointer-events:none}
@keyframes kwaRadarPulse{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.7);opacity:0}}
@keyframes kwaVibrateGlow{
  0%,100%{transform:scale(1) rotate(0deg);box-shadow:0 8px 20px -6px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,.6)}
  12%{transform:scale(1.12) rotate(-10deg);box-shadow:0 10px 25px -4px rgba(37,211,102,.6),0 0 25px 6px rgba(37,211,102,.6)}
  16%{transform:scale(1.12) rotate(10deg)}
  20%{transform:scale(1.1) rotate(-8deg)}
  24%{transform:scale(1.1) rotate(8deg)}
  28%{transform:scale(1.08) rotate(-4deg)}
  32%{transform:scale(1.08) rotate(4deg)}
  36%{transform:scale(1) rotate(0deg);box-shadow:0 12px 30px -4px rgba(37,211,102,.7),0 0 35px 12px rgba(255,255,255,.75)}
  48%{box-shadow:0 8px 20px -6px rgba(0,0,0,.45),0 0 0 0 rgba(37,211,102,0)}
}