*,*::before,*::after{box-sizing:border-box}
body{margin:0}
.t-dark{--bg:#26292E;--head:#202327;--side:#202327;--sheet:#23262B;--card:#2F3238;--line:#3A3E45;--text:#F1F2F4;--muted:#B3B8C1;--track:#24272C;--shadow:rgba(0,0,0,.35);--swBg:#3A3E45;--tile:#34383F;--photo:#E9EBEE;--hover:rgba(255,255,255,.06);--activeBg:rgba(255,199,44,.12);--activeT:#FFC72C;--mktT:#FFC107;--acaT:#A78BFA;--empT:#8DA6F7;--labT:#38BDF8;--comT:#34C98A}
.t-light{--bg:#F6F7F8;--head:#FFFFFF;--side:#FFFFFF;--sheet:#FFFFFF;--card:#FFFFFF;--line:#E3E6EA;--text:#1D2025;--muted:#5C6370;--track:#E7EAEE;--shadow:rgba(20,30,45,.10);--swBg:#E1E4E9;--tile:#F1F3F5;--photo:#F4F5F7;--hover:rgba(29,32,37,.05);--activeBg:rgba(52,201,138,.14);--activeT:#13804F;--mktT:#8A6400;--acaT:#6D4FD8;--empT:#3D5FD9;--labT:#0A73A6;--comT:#13804F}
.cat-mkt{--c:var(--mktT);--cf:#FFC107;--cb:rgba(255,193,7,.15)}
.cat-aca{--c:var(--acaT);--cf:#A78BFA;--cb:rgba(167,139,250,.15)}
.cat-emp{--c:var(--empT);--cf:#6C8EF5;--cb:rgba(108,142,245,.15)}
.cat-lab{--c:var(--labT);--cf:#38BDF8;--cb:rgba(56,189,248,.15)}
.cat-com{--c:var(--comT);--cf:#34C98A;--cb:rgba(52,201,138,.15)}

.root{background:var(--bg);color:var(--text);font-family:'Montserrat',system-ui,sans-serif;transition:background-color .25s,color .25s}
.root a{color:var(--text);text-decoration:none}
.root button{font-family:inherit}
.shell{display:flex;align-items:flex-start;min-height:100vh}
.side{flex:0 0 272px;width:272px;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;scrollbar-width:thin}
.content{flex:1 1 auto;min-width:0}
.s-closed .side{display:none}
.burger{display:none}.s-closed .burger{display:flex}
.hlogo{display:none}.s-closed .hlogo{display:flex}
.ovl{display:none}.bnav{display:none}.fab{display:none}

.logo-g{border-radius:9px;background:#FFC72C;color:#202327;display:flex;align-items:center;justify-content:center;font-weight:800}
.wordmark{font-weight:800;letter-spacing:-.5px}.wordmark span{color:#FFC72C}
.icon-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:8px;cursor:pointer}
.btn-teal{display:flex;align-items:center;gap:10px;background:#34C98A;color:#0B1F16 !important;border-radius:10px;font-weight:700}

.sec{padding:8px 0 6px;border-bottom:1px solid var(--line)}
.sec-label{padding:10px 18px 6px;font-size:11px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--c,var(--muted))}
.ni{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);margin:1px 8px;min-height:42px;padding:0 12px;border:none;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;background:transparent;color:var(--muted);transition:background-color .14s,color .14s;text-align:left}
.ni.sub{gap:10px;min-height:38px;margin:0 8px;padding:0 12px 0 42px;border-radius:8px;font-size:13.5px;font-weight:500}
.ni:hover{background:var(--hover);color:var(--c,var(--text))}
.ni.on{background:var(--cb,var(--activeBg));color:var(--c,var(--activeT))}
.ni .ic{flex:none;color:var(--c,currentColor)}
.ni .lbl{flex:1}
.ni .chev{flex:none;opacity:.6;transition:transform .22s}
.ni.open .chev{transform:rotate(90deg)}
.ni .dot{width:5px;height:5px;flex:none;border-radius:50%;background:currentColor;opacity:.6}
.badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:999px;background:var(--cb,var(--track));color:var(--c,var(--muted))}
.avatar-j{width:22px;height:22px;flex:none;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.conv{display:flex;align-items:center;gap:10px;margin:0 8px;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--muted) !important}
.conv:hover{background:var(--hover);color:var(--text) !important}

header.top{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--line);background:var(--head)}
.top-in{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.topnav{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:14px;font-weight:600;flex:1 1 auto}
.topnav a{color:var(--muted) !important;padding:6px 0}
.switch{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px;background:transparent;border:none;cursor:pointer;color:var(--muted)}
.track{position:relative;width:46px;height:26px;border-radius:999px;background:var(--swBg);border:1px solid var(--line)}
.knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#FFC72C;transition:transform .22s}
.t-dark .knob{transform:translateX(20px)}

main{max-width:1200px;margin:0 auto;padding:24px 20px 40px;display:flex;flex-direction:column;gap:44px}
.search{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 18px;min-height:56px;box-shadow:0 2px 10px var(--shadow)}
.search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:16px;padding:16px 0}
section.blk{display:flex;flex-direction:column;gap:16px}
.blk-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.blk-title{display:flex;align-items:center;gap:12px}
.blk-title h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.4px}
.chip-ic{width:36px;height:36px;border-radius:10px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.seeall{font-size:15px;font-weight:600;color:var(--c) !important;text-decoration:underline !important;text-underline-offset:4px}
.rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.card{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px var(--shadow);transition:transform .18s,border-color .18s}
.card:hover{transform:translateY(-3px);border-color:var(--cf,rgba(255,199,44,.65))}
.ph{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--track)}
.ph.contain{object-fit:contain;background:var(--photo);padding:10px}
.cb{padding:14px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}
.cb h3{margin:0;font-size:15px;line-height:1.4;font-weight:600}
.row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.muted{color:var(--muted)}
.sm{font-size:12px;font-weight:600}
.clamp1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ava{width:34px;height:34px;flex:none;border-radius:50%;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;object-fit:cover}
.tag{position:absolute;top:10px;left:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.8px;padding:4px 8px;border-radius:6px;background:rgba(32,35,39,.85);color:var(--cf)}
.gia{display:flex;flex-wrap:wrap;align-items:center;gap:18px;background:#34C98A;border-radius:14px;padding:24px 26px}
.mono{font-family:'IBM Plex Mono',monospace}

.fab{position:fixed;right:18px;bottom:98px;z-index:30;flex-direction:column;align-items:center;gap:5px;animation:gia-float 3.8s ease-in-out infinite}
.fab-ring{position:relative;width:50px;height:50px;border-radius:50%;background:#34C98A;border:1px solid rgba(255,199,44,.45);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px rgba(255,199,44,.08),0 8px 24px rgba(0,0,0,.35)}
.fab-pulse{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(255,199,44,.3);animation:gia-pulse 3.8s ease-in-out infinite}
@keyframes gia-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes gia-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.38)}}
@keyframes sheet-up{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sheet-wrap{display:none}.sheet-wrap.open{display:block}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:45;max-height:82vh;overflow-y:auto;background:var(--sheet);border-top:2px solid #FFC72C;border-radius:20px 20px 0 0;padding:0 16px 100px;animation:sheet-up .32s cubic-bezier(.32,0,.16,1)}
.si{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;text-align:left;transition:background-color .14s,transform .11s}
.si:hover{background:var(--hover)}.si:active{transform:scale(.97)}
.bnav{position:fixed;left:0;right:0;bottom:0;z-index:50;height:78px;background:var(--head);border-top:1px solid var(--line);align-items:flex-start;justify-content:space-around;padding:10px 4px 0}
.bn{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;border:none;background:transparent;padding:0;cursor:pointer}
.ring{position:relative;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--hover);border:1px solid var(--line);color:var(--muted)}
.bn .bl{font-size:11px;font-weight:600;white-space:nowrap;color:var(--muted)}
.bn.on .ring{background:var(--cb,var(--activeBg));border-color:var(--cf,var(--activeT));color:var(--c,var(--activeT))}
.bn.on .bl{color:var(--c,var(--activeT))}
.bn.center .ring{width:46px;height:46px;margin-top:-4px;background:#FFC72C;border:none;color:#202327;box-shadow:0 0 0 4px rgba(255,199,44,.14),0 0 0 8px rgba(255,199,44,.06)}
.bn.center .bl{color:var(--text)}
.bn.center svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}
.bn.center.open svg{transform:rotate(45deg)}

@media (max-width:767px){
  .side{position:fixed;left:0;top:0;bottom:0;height:auto;z-index:40;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex !important;box-shadow:0 0 40px rgba(0,0,0,.35)}
  .m-open .side{transform:none}
  .burger,.hlogo{display:flex !important}
  .topnav,.hide-sm{display:none !important}
  .m-open .ovl{display:block}
  .bnav,.fab{display:flex}
  .content{padding-bottom:86px}
}
.mk-hero{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;min-width:96px;display:flex;flex-direction:column}
.stat strong{font-size:24px;font-weight:800}
.stat span{font-size:12px;font-weight:600;color:var(--muted)}
.chips .pill{flex:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .14s,border-color .14s}
.chips .pill:hover{border-color:var(--cf)}
.chips .pill .n{font-size:11px;font-weight:700;color:var(--muted)}
.chips .pill.on{background:#FFC107;border-color:#FFC107;color:#1D1A10}
.chips .pill.on .n{color:#5A4500}
.store{flex:0 0 230px;scroll-snap-align:start;display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;text-align:left;box-shadow:0 2px 10px var(--shadow);transition:border-color .14s,transform .14s}
.store:hover{transform:translateY(-2px);border-color:var(--cf)}
.store.on{border:2px solid #FFC107;padding:13px}
.store .sa{width:46px;height:46px;flex:none;border-radius:12px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}
.toolbar h2{margin:0;font-size:24px;font-weight:800;letter-spacing:-.4px}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.sel{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.sel select{min-height:44px;min-width:150px;padding:0 36px 0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}
.ftag{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 6px 0 12px;border-radius:999px;background:var(--cb);color:var(--c);font-size:13px;font-weight:700;border:none;cursor:pointer}
.ftag span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}
.pcard{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px var(--shadow);transition:transform .18s,border-color .18s}
.pcard:hover{transform:translateY(-3px);border-color:var(--cf)}
.pcard > a{display:flex;flex-direction:column;flex:1}
.pimg{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#FFFFFF}
.fav{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.92);color:#5C6370;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.fav.on{color:#E5484D}
.fav.on svg{fill:currentColor}
.multi{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px;background:rgba(32,35,39,.85);color:#FFC107}
.pc-b{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc-b h3{margin:0;font-size:14.5px;line-height:1.4;font-weight:600}
.btn-outline{min-height:46px;padding:0 22px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.btn-outline:hover{border-color:#FFC107}
.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:var(--muted)}
.empty strong{color:var(--text)}
.topnav a.cur{color:var(--text) !important;border-bottom:2px solid #FFC107}
@media (max-width:767px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .pc-b{padding:10px 12px 12px}
  .pc-b h3{font-size:13.5px}
  .filters{width:100%}
  .sel{flex:1 1 140px}
  .sel select{min-width:0;width:100%}
}
.logo-pill{flex:none;display:flex;flex-direction:column;align-items:center;gap:8px;width:92px;color:var(--text) !important;text-align:center}
.logo-pill .lc{width:72px;height:72px;border-radius:50%;background:#FFFFFF;border:2px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .15s,transform .15s}
.logo-pill:hover .lc{border-color:#FFC107;transform:translateY(-2px)}
.logo-pill .lc img{width:100%;height:100%;object-fit:cover}
.logo-pill span.nm{font-size:12px;font-weight:600;line-height:1.3}
.slogo{width:77px;height:77px;min-width:77px;aspect-ratio:1/1;flex:none;border-radius:50%;background:#FFFFFF;border:1px solid var(--line);overflow:hidden;display:flex;align-items:center;justify-content:center}
.slogo img{width:100%;height:100%;object-fit:cover}
.init{font-weight:800;color:#5A4500;background:#FFE7A3;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.srow{display:flex;flex-direction:column;gap:14px;scroll-margin-top:90px}
.shead{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.shead .meta{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px}
.shead h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px}
.sinfo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:13px;font-weight:600;color:var(--muted)}
.star{display:flex;align-items:center;gap:4px;color:var(--text)}
.star svg{color:#FFC107;fill:#FFC107}
.new{padding:2px 8px;border-radius:999px;background:var(--cb);color:var(--c);font-size:11px;font-weight:700}
.sacts{display:flex;align-items:center;gap:8px}
.btn-green{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:10px;background:#34C98A;color:#0B1F16 !important;font-size:14px;font-weight:700}
.arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.arrow:hover{border-color:#FFC107}
.srail .pcard{flex:0 0 210px;scroll-snap-align:start}
.srail .pcard:hover{transform:translateY(-3px)}
@media (max-width:767px){.arrow{display:none}.srail .pcard{flex:0 0 160px}.slogo{width:65px;height:65px;min-width:65px;border-radius:50%}.shead h2{font-size:18px}}
.banner{position:relative;display:flex;flex-direction:column;gap:10px}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:18px;scrollbar-width:none;box-shadow:0 4px 18px var(--shadow)}
.slides::-webkit-scrollbar{display:none}
.slide{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);height:clamp(250px,26vw,330px);background-color:#FFFFFF;background-image:linear-gradient(rgba(29,32,37,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,32,37,.045) 1px,transparent 1px);background-size:26px 26px;color:#1D2025 !important;overflow:hidden}
.slide .txt{padding:26px 10px 26px 30px;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.slide .brand{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1D2025}
.slide .kick{font-size:15px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#1D2025}
.slide .ttl{margin:0;font-size:clamp(24px,3.6vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.8px;color:#1D2025}
.slide .ttl mark{background:#FFC72C;color:#1D2025;padding:0 .18em;border-radius:6px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.slide .dsc{margin:0;font-size:14.5px;line-height:1.5;color:#3E444D;max-width:420px}
.slide .cta{align-self:flex-start;margin-top:6px;display:flex;align-items:center;min-height:44px;padding:0 22px;border-radius:10px;background:#FFC72C;color:#1D2025 !important;font-size:15px;font-weight:800;box-shadow:0 4px 12px rgba(255,199,44,.35)}
.slide .pic{position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}
.slide .pic.photo{background:#FFC72C}
.slide .pic.photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.slide .pic.ill{padding:22px 22px 22px 0;align-items:center}
.slide .pic.ill img{width:100%;height:100%;object-fit:cover;border-radius:16px}
.dots{display:flex;justify-content:center;gap:8px}
.dots button{width:28px;height:28px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.dots button span{width:8px;height:8px;border-radius:999px;background:var(--line);transition:width .2s,background-color .2s}
.dots button.on span{width:22px;background:#FFC107}
.tiles{gap:12px;padding:4px 2px 10px}
.tile{flex:0 0 124px;scroll-snap-align:start;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px 8px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:13px;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .14s,transform .14s,background-color .14s}
.tile:hover{transform:translateY(-2px);border-color:var(--ic)}
.tile .ti{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--ic);background:color-mix(in srgb,var(--ic) 14%,transparent)}
.tile.on{border:2px solid #FFC107;background:rgba(255,193,7,.12);padding:11px 7px}
@media (max-width:767px){
  .slide{height:270px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .slide .txt{padding:18px 6px 18px 18px;gap:7px}
  .slide .kick{font-size:12px}.slide .brand{font-size:13px}
  .slide .dsc{font-size:12.5px}
  .slide .cta{min-height:40px;padding:0 16px;font-size:14px}
  .slide .pic.ill{padding:14px 14px 14px 0}
  .tile{flex:0 0 106px;min-height:100px;font-size:12px}
}

.slogo img,.slogo .init{border-radius:50%}
.feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 4px 18px var(--shadow);color:var(--text) !important;transition:border-color .18s,transform .18s}
.feat:hover{border-color:var(--cf);transform:translateY(-2px)}
.feat-img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;background:var(--track)}
.feat-b{padding:28px 30px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.feat-tag{align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--cb);color:var(--c);font-size:12px;font-weight:800;letter-spacing:.3px}
.feat h2{margin:0;font-size:clamp(22px,2.4vw,30px);line-height:1.15;font-weight:800;letter-spacing:-.5px}
.feat-meta{display:flex;flex-wrap:wrap;gap:8px}
.feat-meta span{padding:5px 10px;border-radius:8px;background:var(--track);font-size:12.5px;font-weight:700;color:var(--muted)}
.feat-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}
.feat-price{font-size:28px;font-weight:800;color:var(--c)}
.tile.ac.on{border-color:#A78BFA;background:rgba(167,139,250,.14)}
.acgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ccard{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 10px var(--shadow);color:var(--text) !important;transition:transform .18s,border-color .18s}
.ccard:hover{transform:translateY(-3px);border-color:var(--cf)}
.ccard .im{position:relative}
.ccard .im img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--track)}
.ccard .pr{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:999px;background:rgba(32,35,39,.88);color:#FFFFFF;font-size:12px;font-weight:800}
.ccard .pr.free{background:#34C98A;color:#0B1F16}
.ccard .lk{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(32,35,39,.88);color:#E4DBFF;font-size:11.5px;font-weight:700}
.ccard .eq{position:absolute;left:10px;bottom:10px;font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.8px;padding:4px 8px;border-radius:6px;background:rgba(32,35,39,.85);color:#C9B8FF}
.ccard .cb2{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.ccard h3{margin:0;font-size:15px;line-height:1.35;font-weight:700}
.prog{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:8px}
.prog .bar{flex:1;height:6px;border-radius:999px;background:var(--track);overflow:hidden}
.prog .bar i{display:block;height:100%;width:0;background:#A78BFA;border-radius:999px}
.prog .pct{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:600;color:var(--muted)}
.colc{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;border:1px dashed var(--line);background:var(--card)}
.colc .li{width:46px;height:46px;flex:none;border-radius:12px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
@media (max-width:767px){
  .feat{grid-template-columns:1fr}
  .feat-img{min-height:0;aspect-ratio:16/9}
  .feat-b{padding:18px}
  .acgrid{grid-template-columns:1fr;gap:14px}
}
/* Tarjetas más compactas con imagen cuadrada */
.acgrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.ccard .im img{aspect-ratio:1/1}
.ccard .pr{top:8px;left:8px;padding:4px 9px;font-size:11.5px}
.ccard .lk{top:8px;right:8px;padding:4px 8px;font-size:11px}
.ccard .eq{left:8px;bottom:8px;font-size:10.5px;padding:3px 7px}
.ccard .cb2{padding:11px 12px 12px;gap:6px}
.ccard h3{font-size:14px}
.ccard .cb2 > .muted{font-size:12.5px !important}
.feat{grid-template-columns:minmax(0,340px) minmax(0,1fr)}
.feat-img{aspect-ratio:1/1;min-height:0;height:auto}
@media (max-width:767px){
  .acgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .ccard .lk span,.ccard .lk{font-size:0;gap:0;padding:5px}
  .ccard .cb2 > .muted{display:none !important}
  .ccard h3{font-size:13px}
  .prog .muted{display:none}
  .feat{grid-template-columns:minmax(0,1fr)}
  .feat-img{aspect-ratio:1/1}
}
.segs{display:flex;flex-wrap:wrap;gap:8px}
.segs a{display:flex;align-items:center;min-height:42px;padding:0 18px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text) !important;font-size:14px;font-weight:700}
.segs a:hover{border-color:#6C8EF5;text-decoration:none}
.segs a.on{background:#6C8EF5;border-color:#6C8EF5;color:#0B1530 !important}
.tile.fb.on{border-color:#6C8EF5;background:rgba(108,142,245,.14)}
.fbadge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--cb);color:var(--c);font-size:11.5px;font-weight:800}
.ord{position:absolute;left:10px;top:10px;font-size:11px;font-weight:800;padding:4px 9px;border-radius:999px;background:rgba(32,35,39,.88);color:#B9C8FF}
.segs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.segs::-webkit-scrollbar{display:none}
.segs a{flex:none;white-space:nowrap}
@media (max-width:767px){.segs a{min-height:40px;padding:0 14px;font-size:13px}}
.cm-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.cm-feed{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:680px;width:100%}
.cm-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:86px}
.composer{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 10px var(--shadow);display:flex;flex-direction:column;gap:12px}
.composer .cr{display:flex;gap:12px;align-items:flex-start}
.composer textarea{flex:1;min-height:52px;resize:vertical;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);font-family:inherit;font-size:15px;padding:13px 14px;outline:none}
.composer textarea:focus{border-color:#34C98A;box-shadow:0 0 0 4px rgba(52,201,138,.16)}
.composer .fake{flex:1;display:flex;align-items:center;min-height:48px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--muted) !important;font-size:15px;font-weight:500}
.composer .fake:hover{border-color:#34C98A;text-decoration:none}
.composer .tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.tool{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border-radius:10px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.tool:hover{background:var(--hover);color:var(--text)}
.tool svg{color:var(--c)}
.pub{margin-left:auto;min-height:42px;padding:0 20px;border-radius:10px;border:none;background:#34C98A;color:#0B1F16;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}
.pub[disabled]{opacity:.45;cursor:not-allowed}
.cava{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px}
.cm-tabs a,.cm-tabs button{display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;flex:none}
.cm-tabs button:hover{border-color:#34C98A}
.cm-tabs button.on{background:#34C98A;border-color:#34C98A;color:#0B1F16}
.post{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px var(--shadow);overflow:hidden}
.post.new{animation:fade .35s ease}
@keyframes fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.ph-head{display:flex;align-items:center;gap:12px;padding:16px 18px 0}
.ph-head .who{display:flex;flex-direction:column;min-width:0;flex:1}
.ph-head .who strong{font-size:15px}
.ph-head .who span{font-size:12.5px;color:var(--muted);font-weight:600}
.more{width:40px;height:40px;border:none;background:transparent;color:var(--muted);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.more:hover{background:var(--hover)}
.p-body{padding:12px 18px 14px;display:flex;flex-direction:column;gap:6px}
.p-body h3{margin:0;font-size:17px;font-weight:800;letter-spacing:-.2px}
.p-body p{margin:0;font-size:15px;line-height:1.55;white-space:pre-line}
.p-media{display:block;width:100%;max-height:560px;object-fit:cover;background:var(--track)}
.p-video{position:relative;display:block;aspect-ratio:16/9;background:#111316 center/cover no-repeat}
.p-video .play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center}
.p-video .src{position:absolute;left:12px;bottom:12px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;font-weight:700}
video.p-media{max-height:520px;background:#000;object-fit:contain}
.p-stats{display:flex;justify-content:space-between;padding:10px 18px;font-size:13px;color:var(--muted);font-weight:600}
.p-stats .lk{display:flex;align-items:center;gap:6px}
.p-stats .lk i{width:20px;height:20px;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-style:normal}
.p-acts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding:4px 6px}
.pa{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:700;border-radius:10px;cursor:pointer}
.pa:hover{background:var(--hover);color:var(--text)}
.pa.on{color:var(--comT)}
.pa.on svg{fill:currentColor}
.p-comments{border-top:1px solid var(--line);padding:12px 18px 16px;display:flex;flex-direction:column;gap:10px}
.cmt{display:flex;gap:10px}
.cmt .bub{background:var(--bg);border-radius:12px;padding:8px 12px;font-size:14px;line-height:1.45}
.cmt .bub strong{display:block;font-size:13px}
.cform{display:flex;gap:8px}
.cform input{flex:1;min-width:0;min-height:42px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;padding:0 14px;outline:none}
.cform input:focus{border-color:#34C98A}
.cform button{min-height:42px;padding:0 16px;border-radius:999px;border:none;background:#34C98A;color:#0B1F16;font-family:inherit;font-weight:800;cursor:pointer}
.side-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 10px var(--shadow)}
.side-card h2{margin:0;font-size:16px;font-weight:800}
.sc-head{display:flex;align-items:center;gap:10px}
.sc-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding:14px 8px;border:1px dashed var(--line);border-radius:12px;font-size:13.5px}
.sc-btn{display:flex;align-items:center;justify-content:center;text-decoration:none !important}
.mem{display:flex;align-items:center;gap:10px}
.mem .cava{width:38px;height:38px;font-size:15px}
.mem .who{flex:1;min-width:0;display:flex;flex-direction:column}
.mem .who strong{font-size:14px}
.mem .who span{font-size:12px;color:var(--muted)}
.follow{min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:transparent;color:var(--text);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.follow.on{background:#34C98A;border-color:#34C98A;color:#0B1F16}
.side-card.help{background:#34C98A;border-color:#34C98A}
.sc-dark{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;background:#0B1F16;color:#FFFFFF !important;font-size:14px;font-weight:800}
.sc-dark.ghost{background:transparent;color:#0B1F16 !important;min-height:36px}
.cm-more{display:flex;align-items:center;justify-content:center;align-self:center;text-decoration:none !important}
.toast{position:fixed;left:50%;bottom:100px;transform:translateX(-50%);z-index:120;background:#1D2025;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.3)}
@media (max-width:1100px){.cm-layout{grid-template-columns:minmax(0,1fr)}.cm-feed{max-width:none}.cm-side{position:static;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}
@media (max-width:767px){
  .ph-head{padding:14px 14px 0}.p-body{padding:10px 14px 12px}.p-stats{padding:8px 14px}
  .pa span{display:none}
  .composer .tools .tool span{display:none}
  .cm-side{grid-template-columns:1fr}
}
.chip-ic{flex:none}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}
.crumbs a{color:var(--muted) !important}
.crumbs a:hover{color:var(--text) !important}
.crumbs [aria-current]{color:var(--text)}
.pd-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.pd-gal{display:flex;flex-direction:column;gap:12px;position:sticky;top:86px}
.pd-main{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#FFFFFF;box-shadow:0 4px 18px var(--shadow)}
.pd-main img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#FFFFFF}
.pd-flag{position:absolute;left:14px;top:14px;padding:6px 12px;border-radius:999px;background:rgba(32,35,39,.88);color:#FFC107;font-size:12.5px;font-weight:800}
.pd-thumbs{display:flex;gap:10px}
.pd-thumbs button{width:72px;height:72px;border-radius:12px;border:2px solid var(--line);background:#fff;padding:0;overflow:hidden;cursor:pointer}
.pd-thumbs button.on{border-color:#FFC107}
.pd-thumbs img{width:100%;height:100%;object-fit:cover}
.pd-info{display:flex;flex-direction:column;gap:16px;min-width:0}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px}
.pd-tags span{padding:5px 11px;border-radius:999px;background:var(--cb);color:var(--c);font-size:12.5px;font-weight:800}
.pd-tags span.alt{background:var(--track);color:var(--muted)}
.pd-info h1{margin:0;font-size:clamp(26px,3.2vw,38px);line-height:1.12;font-weight:800;letter-spacing:-.8px}
.pd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:14px;font-weight:600;color:var(--muted)}
.pd-meta .st{display:flex;align-items:center;gap:4px;color:var(--text)}
.pd-meta .st svg{color:#FFC107}
.pd-price{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.pd-price .lbl{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.pd-price .val{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:26px;font-weight:800}
.pd-price .lock{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;background:#FFC107;color:#1D1A10 !important;font-size:14px;font-weight:800}
.pd-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.pd-perks li{display:flex;align-items:center;gap:10px}
.pd-perks .pk{width:22px;height:22px;flex:none;border-radius:50%;background:rgba(52,201,138,.16);color:var(--comT);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}
.pd-ctas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn-big{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px;border-radius:12px;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;border:none;text-align:center}
.btn-big:hover{text-decoration:none}
.btn-big.green{background:#34C98A;color:#0B1F16 !important;box-shadow:0 6px 18px rgba(52,201,138,.28)}
.btn-big.outline{background:var(--card);border:1.5px solid var(--line);color:var(--text) !important}
.btn-big.outline:hover{border-color:#FFC107}
.pd-mini{display:flex;flex-wrap:wrap;gap:8px}
.mini{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text) !important;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.mini:hover{border-color:#FFC107;text-decoration:none}
.mini.on{color:#E5484D !important;border-color:rgba(229,72,77,.4)}
.mini.on svg{fill:currentColor}
.pd-seller{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text) !important}
.pd-seller:hover{border-color:var(--cf);text-decoration:none}
.pd-seller .slogo{width:48px !important;height:48px !important;min-width:48px !important}
.pd-html{display:flex;flex-direction:column;gap:12px}
.ph-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.ph-acts{display:flex;gap:8px}
.ph-frame{position:relative;height:880px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#FFFFFF;box-shadow:0 4px 18px var(--shadow);transition:height .3s ease}
.ph-frame.tall{height:2400px}
.ph-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#FFFFFF}
.ph-frame.full{position:fixed;inset:0;z-index:150;height:auto !important;border-radius:0;border:0}
.ph-close{position:fixed;top:14px;right:14px;z-index:151;display:none}
.ph-frame.full + .ph-close{display:inline-flex}
.ph-skel{position:absolute;inset:0;padding:28px;display:flex;flex-direction:column;gap:16px;background:#FFFFFF;z-index:1}
.ph-skel span{display:block;height:22px;border-radius:8px;background:linear-gradient(90deg,#EEF0F3 0%,#F7F8FA 50%,#EEF0F3 100%);background-size:200% 100%;animation:sk 1.2s linear infinite}
.ph-skel span:first-child{height:240px}
.ph-skel .w60{width:60%}
@keyframes sk{to{background-position:-200% 0}}
.ph-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:#5C6370;background:var(--card);padding:20px}
.ph-empty strong{color:var(--text);font-size:17px}
.ph-expand{align-self:center;min-height:44px;padding:0 22px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}
.ph-expand:hover{border-color:#FFC107}
.pd-bottom{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}
.pd-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 10px var(--shadow)}
.pd-card h2{margin:0;font-size:20px;font-weight:800}
.offer{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.offer li{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--bg)}
.offer .oi{width:40px;height:40px;border-radius:12px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.offer strong{display:block;font-size:14px}
.offer span{font-size:12.5px;color:var(--muted)}
.paylist{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.paylist span{padding:6px 12px;border-radius:8px;border:1px solid var(--line);font-size:13px;font-weight:700}
.quote{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--line)}
.qrow{display:flex;gap:10px;flex-wrap:wrap}
.quote input{min-height:46px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;outline:none;width:100%}
.quote input:focus{border-color:#34C98A}
.store{padding:0;overflow:hidden}
.st-cover{height:120px;background:var(--track) center/cover no-repeat}
.st-body{padding:0 22px 22px;display:flex;flex-direction:column;gap:14px;margin-top:-38px}
.st-body .slogo{border:3px solid var(--card);box-shadow:0 4px 12px var(--shadow)}
.st-row{display:flex;flex-wrap:wrap;gap:8px}
.also{display:flex;flex-direction:column;gap:8px}
.also a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--line);color:var(--text) !important;font-size:13.5px;font-weight:700}
.also a:hover{border-color:var(--cf);text-decoration:none}
.also .slogo{width:34px !important;height:34px !important;min-width:34px !important}
@media (max-width:1100px){.offer{grid-template-columns:1fr}}
@media (max-width:900px){
  .pd-top,.pd-bottom{grid-template-columns:minmax(0,1fr);gap:20px}
  .pd-gal{position:static}
  .ph-frame{height:75vh}
  .ph-frame.tall{height:1800px}
}
@media (max-width:520px){.pd-ctas{grid-template-columns:1fr}.mini span{display:none}.mini{padding:0 12px}.ph-acts .mini span{display:none}}

.ph-close{position:fixed}
.st-row .btn-big{white-space:nowrap}

/* ── Card flotante del producto ── */
.page[data-page=producto]{--hh:69px}
.pd-bar{position:sticky;top:calc(var(--hh) + 10px);z-index:6;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"thumb main price ctas";align-items:center;gap:10px 18px;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px var(--shadow);transition:padding .2s,box-shadow .2s}
.pd-bar.stuck{box-shadow:0 12px 32px rgba(0,0,0,.18);border-color:var(--cf)}
.pb-thumb{grid-area:thumb;width:56px;height:56px;border-radius:12px;object-fit:cover;background:#fff;border:1px solid var(--line)}
.pb-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:3px}
.pd-bar h1{margin:0;font-size:clamp(17px,1.7vw,22px);line-height:1.2;font-weight:800;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-bar .pd-meta{gap:2px 12px;font-size:12.5px}
.pd-bar .pd-meta .st svg{width:14px;height:14px}
.pb-perks{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;font-weight:600;color:var(--muted)}
.pb-perks li{display:flex;align-items:center;gap:5px}
.pb-perks svg{color:var(--comT)}
.pb-price{grid-area:price;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.pb-price .lbl{font-size:10.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.pb-price .pv{font-size:20px;font-weight:800;line-height:1}
.pb-price .lock{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:8px;background:#FFC107;color:#1D1A10 !important;font-size:12.5px;font-weight:800;white-space:nowrap}
.pb-price .lock:hover{text-decoration:none}
.pb-ctas{grid-area:ctas;display:flex;gap:8px}
.pb-ctas .btn-big{min-height:46px;font-size:14px;padding:0 16px;white-space:nowrap}
.pb-ctas .s{display:none}
.pd-bar.stuck .pb-perks{display:none}
.pd-top{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:24px}
.pd-gal{position:static}
@media (max-width:1100px){
  .pd-bar{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"thumb main price" "ctas ctas ctas"}
  .pb-ctas .btn-big{flex:1}
}
@media (max-width:767px){
  .pd-bar{top:calc(var(--hh) + 6px);grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumb main" "price ctas";gap:8px 10px;padding:10px 12px;border-radius:14px;margin:0 -8px}
  .pb-thumb{width:44px;height:44px;border-radius:10px}
  .pd-bar h1{font-size:15.5px}
  .pd-bar .pd-meta{font-size:11.5px}
  .pb-perks{display:none}
  .pb-price{flex-direction:row;align-items:center;gap:8px;min-width:0}
  .pb-price .lbl{display:none}
  .pb-price .pv{font-size:16px}
  .pb-price .lock{min-height:36px;padding:0 9px;font-size:12px}
  .pb-ctas{justify-content:flex-end;gap:6px}
  .pb-ctas .btn-big{flex:none;min-height:40px;padding:0 12px;font-size:13px;border-radius:10px}
  .pb-ctas .l{display:none}.pb-ctas .s{display:inline}
  .pb-chat span{display:none}
  .pb-chat{width:40px;padding:0 !important}
  .pd-top{grid-template-columns:minmax(0,1fr)}
  /* Visor HTML a todo el ancho de la pantalla */
  .pd-html .ph-bar{padding:0}
  .pd-html .ph-frame{margin:0 -20px;border-radius:0;border-left:0;border-right:0;box-shadow:none;height:calc(100vh - var(--hh) - 190px);min-height:520px}
  .pd-html .ph-frame.tall{height:1800px}
}
@media (max-width:767px){
  .pd-bar{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"thumb main main" "price price ctas"}
  .pd-bar.stuck .pd-meta .st{display:none}
}
main.page[data-page=producto]{gap:24px}
.hbadge{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;background:rgba(32,35,39,.86);color:#7DD3FC;font-size:11px;font-weight:800;letter-spacing:.2px;pointer-events:none}
.pd-tags .hchip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid rgba(56,189,248,.5);background:rgba(56,189,248,.12);color:var(--labT);font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer}
.pd-tags .hchip:hover{background:rgba(56,189,248,.2)}
.ph-ext{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#15171B;overflow:hidden}
.ph-ext-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.45);transform:scale(1.15)}
.ph-ext-in{position:relative;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center;color:#E9EBEE}
.ph-ext-in strong{font-size:20px;font-weight:800;color:#fff}
.ph-ext-in > span{font-size:14.5px;line-height:1.55;opacity:.9}
.ph-ext-in small{font-size:12px;line-height:1.5;opacity:.65;margin-top:6px}
.ph-ext-ic{width:58px;height:58px;border-radius:16px;background:rgba(56,189,248,.18);color:#7DD3FC;display:flex;align-items:center;justify-content:center}
.ph-ext-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}
.ph-ext-acts .btn-big{min-height:48px}
.ph-ext-acts .mini{min-height:48px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff !important}
@media (max-width:520px){.ph-ext-acts .mini span,.ph-ext-acts .mini{font-size:13.5px}}
.ph-frame [hidden]{display:none !important}
main.page[data-page=chat]{padding-top:16px;padding-bottom:16px;gap:0}
.chat-gate{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:60px 20px;border:1px dashed var(--line);border-radius:18px;background:var(--card)}
.chat-wrap{--hh:69px;display:grid;grid-template-columns:330px minmax(0,1fr) 290px;height:calc(100dvh - var(--hh) - 32px);min-height:520px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:0 4px 18px var(--shadow)}
.chat-wrap.no-info{grid-template-columns:330px minmax(0,1fr)}
.chat-wrap.no-info .ch-info{display:none}
.ch-list{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line)}
.ch-lh{padding:16px 16px 10px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--line)}
.ch-lh h1{margin:0;font-size:22px;font-weight:800}
.ch-search{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--muted)}
.ch-search input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--text);font-family:inherit;font-size:14px}
.ch-tabs button{display:flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;flex:none}
.ch-tabs button.on{background:#34C98A;border-color:#34C98A;color:#0B1F16}
.ch-tabs .n{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#E5484D;color:#fff;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center}
.ch-items{flex:1;overflow-y:auto}
.ci{display:flex;gap:12px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;position:relative}
.ci:hover{background:var(--hover)}
.ci.on{background:rgba(52,201,138,.10)}
.ci.on::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#34C98A}
.cav{position:relative;width:46px;height:46px;flex:none}
.cav .a{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--cb,#34C98A);color:var(--c,#0B1F16);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:17px;overflow:hidden;border:1px solid var(--line)}
.cav .a.store{background:#fff}
.cav .p{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:7px;border:2px solid var(--card);object-fit:cover;background:#fff}
.cav .on-dot{position:absolute;right:0;top:0;width:11px;height:11px;border-radius:50%;background:#34C98A;border:2px solid var(--card)}
.ci .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ci .r1{display:flex;align-items:baseline;gap:8px}
.ci .nm{flex:1;min-width:0;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci .tm{font-size:11.5px;color:var(--muted);flex:none}
.ci .pd{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci .r3{display:flex;align-items:center;gap:8px}
.ci .last{flex:1;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ci.unread .last{color:var(--text);font-weight:700}
.ci .badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#34C98A;color:#0B1F16;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.ci .kind{font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:2px 7px;border-radius:999px;flex:none}
.ci .kind.cli{background:rgba(255,193,7,.16);color:var(--mktT)}
.ci .kind.sto{background:rgba(108,142,245,.16);color:var(--empT)}
.ch-thread{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--bg);position:relative}
.ch-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted);padding:20px}
.ch-empty strong{color:var(--text);font-size:17px}
.ch-th{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--card)}
.ch-th .who{flex:1;min-width:0;display:flex;flex-direction:column}
.ch-th .who strong{font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-th .who span{font-size:12.5px;color:var(--muted);font-weight:600}
.ch-th .who .live{color:var(--comT)}
.ch-ic{display:flex;align-items:center;justify-content:center;gap:6px;min-width:42px;height:42px;padding:0 10px;border:none;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;flex:none}
.ch-ic:hover{background:var(--hover);color:var(--text)}
.ch-back{display:none}
.ch-ctx{display:flex;align-items:center;gap:12px;margin:10px 14px 0;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.ch-ctx img{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#fff;flex:none}
.ch-ctx .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ch-ctx .t strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-ctx .t span{font-size:12px;color:var(--muted);font-weight:600}
.ch-ctx a.mini{min-height:36px;font-size:12.5px;padding:0 12px;flex:none}
.ch-msgs{flex:1;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:6px}
.day{align-self:center;margin:8px 0;padding:4px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--muted)}
.msg{max-width:min(78%,520px);display:flex;flex-direction:column;gap:3px}
.msg.me{align-self:flex-end;align-items:flex-end}
.msg.them{align-self:flex-start}
.bub{padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word}
.msg.them .bub{background:var(--card);border:1px solid var(--line);border-bottom-left-radius:6px}
.msg.me .bub{background:#34C98A;color:#0B1F16;border-bottom-right-radius:6px}
.msg .meta{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:600;padding:0 4px}
.msg .tick.read{color:var(--comT)}
.msg .auto{font-size:10.5px;font-weight:800;letter-spacing:.3px;color:var(--muted)}
.qcard{width:min(320px,100%);border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--card);color:var(--text)}
.qcard .qh{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#FFC107;color:#1D1A10;font-size:13px;font-weight:800}
.qcard .qb{padding:12px;display:flex;flex-direction:column;gap:6px;font-size:13.5px}
.qcard .qr{display:flex;justify-content:space-between;gap:10px}
.qcard .qr span:first-child{color:var(--muted);font-weight:600}
.qcard .qt{margin-top:4px;padding-top:8px;border-top:1px dashed var(--line);font-size:16px;font-weight:800}
.typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line)}
.typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.ch-quick{display:flex;gap:8px;overflow-x:auto;padding:8px 14px 0;scrollbar-width:none}
.ch-quick::-webkit-scrollbar{display:none}
.ch-quick button{flex:none;min-height:36px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.ch-quick button:hover{border-color:#34C98A}
.ch-quote{margin:8px 14px 0;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;gap:10px}
.ch-quote .qrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ch-quote input{min-height:42px;padding:0 10px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-transform:none;letter-spacing:0;width:100%;outline:none}
.ch-quote input:focus{border-color:#34C98A}
.ch-comp{display:flex;align-items:flex-end;gap:6px;padding:10px 12px;margin-top:8px;border-top:1px solid var(--line);background:var(--card)}
.ch-comp textarea{flex:1;min-width:0;min-height:42px;max-height:140px;resize:none;padding:10px 14px;border-radius:21px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.4;outline:none}
.ch-comp textarea:focus{border-color:#34C98A}
.ch-send{width:44px;height:44px;flex:none;border-radius:50%;border:none;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ch-send[disabled]{opacity:.4;cursor:not-allowed}
.quote-btn{color:var(--mktT)}
.ch-info{border-left:1px solid var(--line);overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:16px;background:var(--card)}
.ch-info .big{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.ch-info .big .cav{width:72px;height:72px}
.ch-info .big .cav .a{font-size:26px}
.ch-info h3{margin:0;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.ch-info .row{display:flex;justify-content:space-between;gap:8px;font-size:13.5px}
.ch-info .row span:first-child{color:var(--muted);font-weight:600}
.ch-info .pcard{box-shadow:none}
.ch-info .acts{display:flex;flex-direction:column;gap:8px}
.ch-info .acts .mini{justify-content:center}
.hdr-chat{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;color:var(--muted) !important}
.hdr-chat:hover{background:var(--hover);color:var(--text) !important}
.hdr-chat .dot{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#E5484D;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--head)}
@media (max-width:1250px){
  .chat-wrap{grid-template-columns:300px minmax(0,1fr)}
  .ch-info{position:absolute;right:0;top:0;bottom:0;width:300px;z-index:5;box-shadow:-12px 0 30px var(--shadow);display:none}
  .chat-wrap{position:relative}
  .chat-wrap.show-info .ch-info{display:flex}
}
@media (max-width:767px){
  main.page[data-page=chat]{padding:0}
  .chat-wrap{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--hh) - 78px);min-height:0;border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .chat-wrap .ch-thread{display:none}
  .chat-wrap.thread-open .ch-list{display:none}
  .chat-wrap.thread-open .ch-thread{display:flex}
  .chat-wrap.thread-open{height:calc(100dvh - var(--hh))}
  .ch-back{display:flex}
  .ch-info{width:100%}
  .msg{max-width:86%}
  .ch-quote .qrow{grid-template-columns:1fr 1fr}
  .ch-quote .qrow label:last-child{grid-column:1/-1}
  .quote-btn span{display:none}
  .chat-gate{margin:20px}
  .in-thread .bnav,.in-thread .fab{display:none !important}
  .in-thread .content{padding-bottom:0}
}
main.page[data-page=chat] [hidden]{display:none !important}
@media (max-width:1250px){.chat-wrap.no-info{grid-template-columns:300px minmax(0,1fr)}}
@media (max-width:767px){
  .chat-wrap,.chat-wrap.no-info{grid-template-columns:minmax(0,1fr)}
  .top-in{flex-wrap:nowrap !important;gap:8px !important}
  .top-in .switch > svg{display:none}
  .top-in .switch{padding:0 2px}
  .hdr-chat{width:42px;height:42px}
}
@media (max-width:767px){.on-chat .fab{display:none !important}}
.pf-head{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 4px 18px var(--shadow)}
.pf-cover{height:130px;background-color:#202327;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 85% 30%,rgba(255,199,44,.35),transparent 45%),radial-gradient(circle at 15% 90%,rgba(52,201,138,.3),transparent 40%);background-size:28px 28px,28px 28px,auto,auto}
.pf-hb{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;padding:0 22px 18px;margin-top:-48px}
.pf-ava{width:104px;height:104px;flex:none;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:800;border:4px solid var(--card);box-shadow:0 6px 18px var(--shadow)}
.pf-who{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:52px}
.pf-who h1{margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.6px}
.pf-who > .muted{font-size:14px;font-weight:600}
.pf-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.pf-badges span{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--track);color:var(--muted)}
.pf-badges .plan{background:rgba(255,193,7,.16);color:var(--mktT)}
.pf-badges .ok{background:rgba(52,201,138,.16);color:var(--comT)}
.pf-hacts{display:flex;gap:8px}
.pf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.pf-stats button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border:none;border-right:1px solid var(--line);background:transparent;color:var(--text);font-family:inherit;cursor:pointer}
.pf-stats button:last-child{border-right:0}
.pf-stats button:hover{background:var(--hover)}
.pf-stats strong{font-size:22px;font-weight:800}
.pf-stats span{font-size:12.5px;font-weight:600;color:var(--muted)}
.pf-tabs a,.pf-tabs button{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text) !important;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;flex:none}
.pf-tabs button.on{background:#34C98A;border-color:#34C98A;color:#0B1F16 !important}
.pf-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}
.pf-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 10px var(--shadow)}
.pf-card h2{margin:0;font-size:18px;font-weight:800}
.pf-card .sub{margin:-8px 0 0;font-size:13.5px;color:var(--muted)}
.meter{height:10px;border-radius:999px;background:var(--track);overflow:hidden}
.meter i{display:block;height:100%;background:#34C98A;border-radius:999px;transition:width .4s}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.checks li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.checks .b{width:22px;height:22px;flex:none;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:transparent}
.checks li.done .b{background:#34C98A;border-color:#34C98A;color:#0B1F16}
.checks li.done .t{color:var(--muted);text-decoration:line-through}
.checks a{margin-left:auto;font-size:13px;font-weight:700;color:var(--comT)}
.shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.shortcuts a{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--bg);color:var(--text) !important}
.shortcuts a:hover{border-color:var(--cf);text-decoration:none}
.shortcuts .si2{width:38px;height:38px;border-radius:10px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.shortcuts strong{font-size:14px}
.shortcuts span{font-size:12.5px;color:var(--muted)}
.feed-act{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.feed-act li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.feed-act li:last-child{border-bottom:0}
.feed-act .d{width:34px;height:34px;flex:none;border-radius:10px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.feed-act .m{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.feed-act .m span{font-size:12.5px;color:var(--muted)}
.plan-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:#202327;color:#F1F2F4;border:1px solid #3A3E45}
.plan-card strong{font-size:17px}
.plan-card ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.7;color:#C9CDD3}
.eq-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.eq{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid var(--line);background:var(--card);box-shadow:0 2px 10px var(--shadow)}
.eq .top{display:flex;align-items:center;gap:12px}
.eq .ic{width:46px;height:46px;flex:none;border-radius:12px;background:rgba(56,189,248,.15);color:var(--labT);display:flex;align-items:center;justify-content:center}
.eq .st{align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}
.eq .st.pend{background:rgba(255,193,7,.16);color:var(--mktT)}
.eq .row{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.eq .row span:first-child{color:var(--muted);font-weight:600}
.pf-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.pf-form .full{grid-column:1/-1}
.fld{display:flex;flex-direction:column;gap:6px}
.fld label{font-size:13px;font-weight:700}
.fld input,.fld select{min-height:48px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:15px;outline:none;width:100%}
.fld input:focus,.fld select:focus{border-color:#34C98A;box-shadow:0 0 0 4px rgba(52,201,138,.15)}
.fld input[readonly]{color:var(--muted)}
.tgl{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:600}
.tgl:last-child{border-bottom:0}
.tgl span.d{display:block;font-size:12.5px;color:var(--muted);font-weight:500;margin-top:2px}
.sw2{position:relative;width:48px;height:28px;flex:none;border-radius:999px;border:none;background:var(--swBg);cursor:pointer;transition:background-color .2s}
.sw2::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.sw2[aria-checked=true]{background:#34C98A}
.sw2[aria-checked=true]::after{transform:translateX(20px)}
.danger{color:#C62828 !important;border-color:rgba(198,40,40,.35) !important}
.t-dark .danger{color:#FF8A8A !important}
.pf-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
@media (max-width:900px){.pf-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .pf-cover{height:96px}
  .pf-hb{padding:0 16px 14px;margin-top:-40px;gap:10px}
  .pf-ava{width:84px;height:84px;font-size:34px}
  .pf-who{padding-top:0;flex-basis:100%}
  .pf-hacts{width:100%}.pf-hacts .mini{flex:1;justify-content:center}
  .pf-stats strong{font-size:18px}.pf-stats span{font-size:11px}
  .pf-form{grid-template-columns:minmax(0,1fr)}
  .shortcuts{grid-template-columns:minmax(0,1fr)}
}
main.page[data-page=perfil] [hidden]{display:none !important}
.toast{font-family:'Montserrat',system-ui,sans-serif}
@media (max-width:520px){.pf-hacts .mini span{display:inline}}
.pl-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:12px 0 4px}
.pl-eyebrow{padding:6px 14px;border-radius:999px;background:rgba(255,193,7,.16);color:var(--mktT);font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.pl-hero h1{margin:0;max-width:820px;font-size:clamp(28px,4.4vw,48px);line-height:1.1;font-weight:800;letter-spacing:-1.2px}
.pl-hero h1 mark{background:#FFC72C;color:#1D2025;padding:0 .15em;border-radius:8px}
.pl-hero p{margin:0;max-width:640px;font-size:16px;line-height:1.6}
.bill{display:inline-flex;padding:4px;border-radius:999px;background:var(--card);border:1px solid var(--line);margin-top:6px}
.bill button{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;border:none;background:transparent;color:var(--muted);font-family:inherit;font-size:14px;font-weight:800;cursor:pointer}
.bill button[aria-checked=true]{background:#202327;color:#FFFFFF}
.t-dark .bill button[aria-checked=true]{background:#F1F2F4;color:#1D2025}
.bill .save{padding:3px 8px;border-radius:999px;background:#34C98A;color:#0B1F16;font-size:11px}
.pl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:20px;border:1.5px solid var(--line);background:var(--card);box-shadow:0 4px 18px var(--shadow);transition:transform .18s,border-color .18s}
.plan:hover{transform:translateY(-3px);border-color:var(--cf)}
.plan .top{display:flex;align-items:center;gap:12px}
.plan .pic{width:50px;height:50px;flex:none;border-radius:14px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.plan h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px}
.plan .for{font-size:13px;font-weight:700;color:var(--c)}
.plan .desc{margin:0;font-size:14.5px;line-height:1.55;color:var(--muted)}
.plan .price{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.plan .price .v{font-size:32px;font-weight:800;letter-spacing:-.8px}
.plan .price .v small{font-size:15px;font-weight:700;color:var(--muted);letter-spacing:0}
.plan .price .n{font-size:12.5px;font-weight:600;color:var(--muted)}
.plan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}
.plan li{display:flex;gap:10px;font-size:14px;line-height:1.4;font-weight:600}
.plan li .ck{width:22px;height:22px;flex:none;border-radius:50%;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.plan li.plus{color:var(--muted);font-weight:700}
.plan .cta{display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:12px;background:var(--cf);color:#14161A !important;font-size:15px;font-weight:800}
.plan .cta:hover{text-decoration:none;filter:brightness(.96)}
.plan .cta2{text-align:center;font-size:13px;font-weight:700;color:var(--muted) !important}
.plan.cur{border-color:var(--cf)}
.plan .tag{position:absolute;top:16px;right:16px;padding:4px 10px;border-radius:999px;background:var(--cf);color:#14161A;font-size:11.5px;font-weight:800}
.free-strip{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;border:1px dashed var(--line);background:var(--card)}
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.cmp{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.cmp th,.cmp td{padding:13px 16px;text-align:center;border-bottom:1px solid var(--line)}
.cmp tr:last-child td{border-bottom:0}
.cmp th:first-child,.cmp td:first-child{text-align:left;position:sticky;left:0;background:var(--card);font-weight:600}
.cmp thead th{font-size:14px;font-weight:800;background:var(--card)}
.cmp thead th span{display:block;font-size:11.5px;font-weight:700;color:var(--muted)}
.cmp .grp td{background:var(--bg);font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted);text-align:left}
.cmp .y{display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;background:var(--cb);color:var(--c)}
.cmp .no{color:var(--muted)}
.pl-help{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:24px;border-radius:18px;background:#34C98A}
@media (max-width:1000px){.pl-grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto;width:100%}}
@media (max-width:767px){.plan{padding:20px}.bill button{padding:0 14px}.cmp th,.cmp td{padding:11px 12px}}
main.page[data-page=tienda] [hidden]{display:none !important}
.own-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#202327;color:#F1F2F4}
.ob-ic{width:38px;height:38px;flex:none;border-radius:10px;background:rgba(255,199,44,.16);color:#FFC72C;display:flex;align-items:center;justify-content:center}
.ob-t{flex:1 1 220px;display:flex;flex-direction:column;min-width:0}
.ob-t strong{font-size:15px}.ob-t span{font-size:12.5px;color:#B3B8C1}
.ob-acts{display:flex;flex-wrap:wrap;gap:8px}
.own-bar .mini{background:#2F3238;border-color:#3A3E45;color:#F1F2F4 !important}
.own-bar .mini:first-child{background:#FFC72C;border-color:#FFC72C;color:#1D1A10 !important}
.st-hero{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 4px 18px var(--shadow)}
.st-cover{height:220px;background:#202327 center/cover no-repeat}
.st-hb{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px;padding:0 22px 18px;margin-top:-26px}
.st-logo{width:112px !important;height:112px !important;min-width:112px !important;border:5px solid var(--card) !important;box-shadow:0 6px 18px var(--shadow)}
.st-who{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:34px}
.st-who h1{margin:0;font-size:clamp(20px,2.3vw,27px);font-weight:800;letter-spacing:-.6px;line-height:1.15}
.st-who > .muted{font-size:13.5px;font-weight:600}
.st-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.st-badges span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;background:var(--track);color:var(--muted)}
.st-badges .open{background:rgba(52,201,138,.16);color:var(--comT)}
.st-badges .closed{background:rgba(229,72,77,.12);color:#C62828}
.t-dark .st-badges .closed{color:#FF8A8A}
.st-badges .lab{background:rgba(56,189,248,.15);color:var(--labT)}
.st-badges .mk{background:rgba(255,193,7,.16);color:var(--mktT)}
.st-acts{display:flex;flex-wrap:wrap;gap:8px}
.st-acts .btn-big{min-height:46px;font-size:14px}
.st-acts .mini.on{background:#34C98A;border-color:#34C98A;color:#0B1F16 !important}
.st-nav{position:sticky;top:calc(var(--hh,69px) + 8px);z-index:4;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.st-nav a{display:flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text) !important;font-size:14px;font-weight:700;flex:none}
.st-nav a:hover{text-decoration:none;border-color:#FFC107}
.st-nav a.on{background:#202327;border-color:#202327;color:#fff !important}
.t-dark .st-nav a.on{background:#F1F2F4;color:#1D2025 !important}
#st-productos,#st-servicios,#st-nosotros,#st-contacto{scroll-margin-top:150px}
.srv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.srv{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.srv .si3{width:44px;height:44px;flex:none;border-radius:12px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center}
.srv .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.srv .tx strong{font-size:14px;line-height:1.3}
.srv .tx span{font-size:12px;font-weight:700;color:var(--c)}
.srv .mini{flex:none;min-height:38px;padding:0 12px;font-size:13px}
.st-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.mini-h{margin:6px 0 10px;font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:var(--muted)}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.tm{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.tm .av{width:40px;height:40px;flex:none;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-weight:800}
.tm .tx{min-width:0;display:flex;flex-direction:column}
.tm .tx strong{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tm .tx span{font-size:12px;font-weight:700;color:var(--muted)}
.ct-list{display:flex;flex-direction:column;gap:8px}
.ct{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);color:var(--text) !important;font-size:14px;font-weight:600}
a.ct:hover{border-color:#34C98A;text-decoration:none}
.ct .ci2{width:36px;height:36px;flex:none;border-radius:10px;background:var(--track);display:flex;align-items:center;justify-content:center}
.ct .tx{flex:1;min-width:0;display:flex;flex-direction:column}
.ct .tx span{font-size:12px;color:var(--muted);font-weight:600}
.hours{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hours div{display:flex;justify-content:space-between;padding:9px 12px;font-size:13.5px;border-bottom:1px solid var(--line)}
.hours div:last-child{border-bottom:0}
.hours .today{background:rgba(52,201,138,.12);font-weight:800}
.hours .off{color:var(--muted)}
.map{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/10;background:var(--track)}
.map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.map a{position:absolute;right:10px;bottom:10px;z-index:1}
.drawer{position:fixed;inset:0;z-index:160}
.drawer-bg{position:absolute;inset:0;background:rgba(10,12,15,.55)}
.drawer-p{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:var(--card);padding:22px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;box-shadow:-20px 0 40px rgba(0,0,0,.25);animation:dr .25s ease}
@keyframes dr{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.drawer textarea{min-height:120px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.5;resize:vertical;outline:none}
.drawer textarea:focus{border-color:#34C98A}
@media (max-width:900px){.st-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .st-cover{height:140px}
  .st-hb{padding:0 16px 16px;margin-top:-30px}
  .st-logo{width:80px !important;height:80px !important;min-width:80px !important}
  .st-who{padding-top:0;flex-basis:100%}
  .st-acts{width:100%}.st-acts > *{flex:1;justify-content:center}
  .st-nav{border-radius:0;margin:0 -20px;padding:6px 20px}
  .own-bar .mini span{display:none}
  .srv-grid{grid-template-columns:minmax(0,1fr)}
}
.st-stats strong{white-space:nowrap}@media (max-width:767px){.st-stats strong{font-size:17px}}

/* ───────── Productos y servicios ───────── */
.page[data-page=mis-productos] [hidden]{display:none !important}
.ps-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ps-h1{margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.8px;line-height:1.1}
.ps-cta{display:flex;gap:10px;flex-wrap:wrap}
.ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:12px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;border:1.5px solid transparent;white-space:nowrap}
.ps-btn.y{background:#FFC107;color:#1D2025;box-shadow:0 6px 18px rgba(255,193,7,.25)}
.ps-btn.y:hover{background:#FFCD38}
.ps-btn.o{background:var(--card);border-color:#38BDF8;color:var(--labT)}
.ps-btn.o:hover{background:rgba(56,189,248,.1)}
.ps-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ps-k{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 10px var(--shadow);min-width:0;font-family:inherit;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s}
.ps-k:hover{border-color:var(--kc)}
.ps-k.on{border-color:var(--kc);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 22%,transparent)}
.ps-k .ki{width:40px;height:40px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--kc);background:color-mix(in srgb,var(--kc) 16%,transparent)}
.ps-k b{display:block;font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1;font-variant-numeric:tabular-nums}
.ps-k span.kl{display:block;font-size:12.5px;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-k .kbar{display:block;height:4px;border-radius:9px;background:var(--track);margin-top:7px;overflow:hidden}
.ps-k .kbar i{display:block;height:100%;background:var(--kc);border-radius:9px}
.ps-panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow);overflow:hidden;display:flex;flex-direction:column}
.ps-types{display:flex;gap:4px;padding:8px 10px 0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ps-types::-webkit-scrollbar{display:none}
.ps-types button{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;border:none;border-bottom:3px solid transparent;background:none;color:var(--muted);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}
.ps-types button .n{padding:2px 8px;border-radius:999px;background:var(--track);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.ps-types button.on{color:var(--text);border-bottom-color:#FFC107}
.ps-types button.on .n{background:rgba(255,193,7,.18);color:var(--mktT)}
.ps-types button:disabled{opacity:.5;cursor:default}
.ps-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;padding:14px 16px}
.ps-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--muted)}
.ps-search:focus-within{border-color:#FFC107}
.ps-search input{flex:1;min-width:0;border:none;background:none;outline:none;color:var(--text);font-family:inherit;font-size:14.5px}
.ps-sel{min-height:44px;padding:0 34px 0 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a919c' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;outline:none}
.ps-sel:focus{border-color:#FFC107}
.ps-sel.sm{min-height:38px;font-size:13px}
.ps-bulk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 16px 12px;padding:8px 10px 8px 14px;border-radius:12px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.45)}
.ps-bulk strong{font-size:13.5px;margin-right:auto}
.ps-bulk .mini{min-height:36px;font-size:13px;padding:0 12px}
.ps-del{color:#E5484D !important}
.ps-del:hover{border-color:#E5484D}
.ps-del.sure{background:#E5484D;border-color:#E5484D;color:#fff !important}
.ps-list{border-top:1px solid var(--line)}
.ps-row{display:grid;grid-template-columns:26px 60px minmax(200px,1fr) 150px 110px 120px 62px 132px;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.ps-row:not(.ps-th):hover{background:var(--hover)}
.ps-row.sel{background:rgba(255,193,7,.07)}
.ps-row.off .ps-img,.ps-row.off .ps-nm{opacity:.55}
.ps-th{padding-top:10px;padding-bottom:10px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.ps-row input[type=checkbox]{width:18px;height:18px;accent-color:#FFC107;cursor:pointer;margin:0}
.ps-img{width:60px;height:60px;border-radius:12px;object-fit:cover;background:var(--photo);display:block}
.ps-img.srv{display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,.14);color:var(--labT)}
.ps-nm{min-width:0;display:flex;flex-direction:column;gap:4px}
.ps-nm a,.ps-nm button.lnk{font-size:14.5px;font-weight:700;color:var(--text);line-height:1.3;text-align:left;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}
.ps-nm a:hover,.ps-nm button.lnk:hover{color:var(--mktT);text-decoration:none}
.ps-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);font-weight:600}
.ps-meta code{font-family:'IBM Plex Mono',monospace;font-size:11.5px}
.ps-tag{padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:800}
.ps-tag.Producto{background:rgba(255,193,7,.16);color:var(--mktT)}
.ps-tag.Servicio{background:rgba(56,189,248,.15);color:var(--labT)}
.ps-tag.Repuesto{background:rgba(108,142,245,.16);color:var(--empT)}
.ps-tag.Curso{background:rgba(167,139,250,.16);color:var(--acaT)}
.ps-star-on{color:#FFC107}
.c-cat{font-size:13.5px;color:var(--muted);font-weight:600}
.c-pr{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.ps-com{display:flex;flex-direction:column;gap:2px;font-size:12.5px;font-weight:700}
.ps-com .y{color:var(--comT)}
.ps-com .n{color:var(--muted);font-weight:600}
.ps-com small{color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.ps-sw{position:relative;width:44px;height:26px;flex:none;border-radius:999px;border:none;background:var(--swBg);cursor:pointer;transition:background .18s;padding:0}
.ps-sw::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s}
.ps-sw[aria-checked=true]{background:#34C98A}
.ps-sw[aria-checked=true]::after{transform:translateX(18px)}
.c-ac{display:flex;gap:6px;justify-content:flex-end}
.ps-ib{width:38px;height:38px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;font-family:inherit}
.ps-ib:hover{color:var(--text);border-color:var(--muted);text-decoration:none}
.ps-ib.st[aria-pressed=true]{color:#FFC107;border-color:rgba(255,193,7,.6);background:rgba(255,193,7,.1)}
.ps-ib.ed:hover{color:#1D2025;background:#FFC107;border-color:#FFC107}
.ps-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 16px;font-size:13px}
.ps-pages{display:flex;gap:4px}
.ps-pages button{min-width:38px;height:38px;padding:0 8px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.ps-pages button.on{background:#FFC107;border-color:#FFC107;color:#1D2025}
.ps-pages button:disabled{opacity:.4;cursor:default}
/* Editor */
.ps-form{width:min(560px,100%) !important;gap:16px !important;padding:0 !important}
.ps-fhead{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 22px 14px;background:var(--card);border-bottom:1px solid var(--line)}
.ps-fs{border:none;margin:0;padding:0 22px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ps-fs legend{padding:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.ps-form > .fld{padding:0 22px}
.ps-form textarea{min-height:96px}
.ps-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border-radius:12px;background:var(--track)}
.ps-seg button{min-height:40px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.ps-seg button[aria-checked=true]{background:var(--card);color:var(--text);box-shadow:0 1px 4px var(--shadow)}
.ps-chk{width:22px;height:22px;accent-color:#34C98A;flex:none}
.ps-comrow{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:end}
.ps-earn{min-height:48px;display:flex;flex-direction:column;justify-content:center;padding:6px 14px;border-radius:12px;background:rgba(52,201,138,.1);font-size:12.5px;color:var(--muted);font-weight:600}
.ps-earn b{font-size:15px;color:var(--comT)}
.ps-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ps-ph{position:relative;aspect-ratio:1/1;border-radius:12px;border:1.5px dashed var(--line);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer;overflow:hidden}
.ps-ph:hover{border-color:#FFC107;color:var(--text)}
.ps-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ps-ph .main{position:absolute;left:6px;bottom:6px;padding:2px 7px;border-radius:6px;background:rgba(32,35,39,.85);color:#fff;font-size:10.5px}
.ps-ph .rm{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:50%;border:none;background:rgba(32,35,39,.85);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ps-html{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.ps-html-ic{width:42px;height:42px;flex:none;border-radius:11px;background:rgba(56,189,248,.14);color:var(--labT);display:flex;align-items:center;justify-content:center}
.ps-html.ok .ps-html-ic{background:rgba(52,201,138,.15);color:var(--comT)}
.ps-factions{position:sticky;bottom:0;display:flex;align-items:center;gap:10px;padding:14px 22px;margin-top:auto;background:var(--card);border-top:1px solid var(--line)}
.fld.bad input{border-color:#E5484D}
@media (max-width:1100px){
  .ps-row{grid-template-columns:26px 56px minmax(0,1fr) 110px 110px 62px 132px}
  .ps-row .c-cat{display:none}
  .ps-img{width:56px;height:56px}
}
@media (max-width:900px){
  .ps-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ps-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ps-search{grid-column:1/-1}
  .ps-th{display:none !important}
  .ps-row{grid-template-columns:22px 64px minmax(0,1fr) auto;grid-template-areas:"ck im nm sw" "ck im pr pr" "ck im ac ac";column-gap:12px;row-gap:6px;align-items:start;padding:14px}
  .ps-row > .c-ck{grid-area:ck;padding-top:3px}
  .ps-row > .c-img{grid-area:im}
  .ps-row > .ps-nm{grid-area:nm}
  .ps-row > .c-st{grid-area:sw}
  .ps-row > .c-pr{grid-area:pr;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .ps-row > .c-com{display:none}
  .ps-row > .c-ac{grid-area:ac;justify-content:flex-start}
  .ps-img{width:64px;height:64px}
  .c-pr .ps-com{flex-direction:row;gap:6px;font-size:12px}
}
@media (max-width:767px){
  .ps-cta{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .ps-btn{padding:0 10px;font-size:13.5px}
  .ps-k{padding:12px;gap:10px}
  .ps-k .ki{width:34px;height:34px}
  .ps-k b{font-size:20px}
  .ps-tools{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}
  .ps-tools #psSort{grid-column:1/-1}
  .ps-sel{font-size:13px;min-width:0;width:100%}
  .ps-foot{flex-direction:column;align-items:stretch}
  .ps-foot > div{justify-content:space-between}
  .ps-photos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ps-comrow{grid-template-columns:1fr}
  .ps-fs,.ps-form > .fld{padding:0 16px}
  .ps-fhead,.ps-factions{padding-left:16px;padding-right:16px}
  .ps-bulk{margin:0 12px 12px}
}
.c-pr > .ps-com{display:none}
@media (max-width:900px){.c-pr > .ps-com{display:flex}}
.ps-th .c-pr{font-size:11.5px;font-weight:800}
@media (max-width:900px){
  .ps-meta code{display:none}
  .ps-row{row-gap:4px}
  .ps-nm{gap:3px}
  .ps-nm button.lnk{font-size:14px}
  .ps-row > .c-ac .ps-ib{width:36px;height:36px}
  .ps-row > .c-pr{font-size:15.5px}
}
.ps-k .kp{font-style:normal}
@media (max-width:767px){.ps-k .kp{display:none}}

/* ───────── Mis trabajadores ───────── */
#emTeam [hidden]{display:none !important}
#emTeam > .ps-head .cat-emp{display:none !important}
#emTeam > .ps-head{justify-content:space-between}
#emTeam > .ps-head::before{content:'Invita a tu equipo y define qué puede hacer cada persona.';font-size:14px;color:var(--muted);font-weight:600}
@media (max-width:767px){#emTeam > .ps-head::before{display:none}}
.tw-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.tw-tools{grid-template-columns:minmax(0,1fr) 220px}
.tw-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tw-row{display:grid;grid-template-columns:52px minmax(180px,1.2fr) minmax(200px,1.3fr) 190px auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}
.tw-row:hover{background:var(--hover)}
.tw-row:last-child{border-bottom:0}
.tw-av{position:relative;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:800;color:#fff;flex:none}
.tw-av::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:2.5px solid var(--ring,transparent)}
.tw-row.del .tw-av{filter:grayscale(1);opacity:.6}
.tw-who{min-width:0;display:flex;flex-direction:column;gap:5px}
.tw-who strong{font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-role{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:7px;font-size:12px;font-weight:800;background:var(--rb);color:var(--rc)}
.tw-ct{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:13.5px;color:var(--muted);font-weight:600}
.tw-ct span{display:flex;align-items:center;gap:7px;min-width:0}
.tw-ct span em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tw-ct svg{flex:none}
.tw-perm{display:flex;flex-wrap:wrap;gap:6px}
.tw-perm span{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line);color:var(--muted)}
.tw-perm span.on{border-color:transparent;background:rgba(52,201,138,.14);color:var(--comT)}
.tw-perm span.on.lab{background:rgba(56,189,248,.14);color:var(--labT)}
.tw-acts{display:flex;gap:6px;justify-content:flex-end}
.tw-acts .ps-ib.wa:hover{color:#fff;background:#25D366;border-color:#25D366}
.tw-acts .ps-ib.rm:hover{color:#fff;background:#E5484D;border-color:#E5484D}
.tw-acts .ps-ib.rm.sure{color:#fff;background:#E5484D;border-color:#E5484D;width:auto;padding:0 10px;font-size:12.5px;font-weight:800}
.tw-acts .ps-ib.ok:hover{color:#0B1F16;background:#34C98A;border-color:#34C98A}
.tw-pend{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--mktT)}
.tw-phone{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.tw-roles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tw-roles button{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.tw-roles button .ri{width:34px;height:34px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--rb);color:var(--rc)}
.tw-roles button b{display:block;font-size:14px}
.tw-roles button small{display:block;font-size:12px;color:var(--muted);font-weight:500;line-height:1.35;margin-top:2px}
.tw-roles button[aria-checked=true]{border-color:#FFC107;box-shadow:0 0 0 3px rgba(255,193,7,.18)}
.tw-link{font-size:13px;font-weight:700;color:var(--empT)}
.fld.bad input{border-color:#E5484D}
@media (max-width:1100px){
  .tw-row{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr) auto}
  .tw-row .tw-perm{display:none}
}
@media (max-width:767px){
  .tw-cta{grid-template-columns:1fr}
  .tw-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tw-tools{grid-template-columns:minmax(0,1fr)}
  .tw-row{grid-template-columns:48px minmax(0,1fr);grid-template-areas:"av who" "av ct" "av pm" "av ac";column-gap:12px;row-gap:8px;align-items:start;padding:14px}
  .tw-row > .tw-av{grid-area:av;width:48px;height:48px;font-size:17px}
  .tw-row > .tw-who{grid-area:who}
  .tw-row > .tw-ct{grid-area:ct;font-size:13px}
  .tw-row .tw-perm{grid-area:pm;display:flex}
  .tw-row > .tw-acts{grid-area:ac;justify-content:flex-start}
  .tw-roles{grid-template-columns:minmax(0,1fr)}
  .tw-phone{grid-template-columns:120px minmax(0,1fr)}
}

/* ───────── Clientes (Mi laboratorio) ───────── */
.page[data-page=clientes] [hidden]{display:none !important}
.cl-tools{grid-template-columns:minmax(0,1fr) 200px 190px}
.cl-list{border-top:1px solid var(--line)}
.cl-row{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(130px,.8fr) 120px 110px 120px 170px;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)}
.cl-row:not(.cl-th):hover{background:var(--hover)}
.cl-th{padding-top:10px;padding-bottom:10px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.cl-who{display:flex;align-items:center;gap:12px;min-width:0}
.cl-av{width:46px;height:46px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:16px}
.cl-av.co{border-radius:12px}
.cl-who .t{min-width:0;display:flex;flex-direction:column;gap:3px}
.cl-who button.lnk{font-family:inherit;font-size:14.5px;font-weight:700;color:var(--text);background:none;border:none;padding:0;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-who button.lnk:hover{color:var(--labT)}
.cl-who .m{font-size:12.5px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-kind{align-self:flex-start;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800}
.cl-kind.p{background:rgba(52,201,138,.14);color:var(--comT)}
.cl-kind.e{background:rgba(108,142,245,.16);color:var(--empT)}
.cl-doc{font-size:13px;color:var(--muted);font-weight:600;min-width:0}
.cl-doc b{display:block;font-size:11px;letter-spacing:.5px;color:var(--muted);opacity:.8}
.cl-doc span{font-family:'IBM Plex Mono',monospace;color:var(--text);font-size:12.5px}
.cl-ct{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}
.flag{width:26px;height:26px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);display:inline-block}
.flag.PE{background:linear-gradient(90deg,#D91023 33.3%,#fff 33.3% 66.6%,#D91023 66.6%)}
.flag.BO{background:linear-gradient(#D52B1E 33.3%,#F9E300 33.3% 66.6%,#007934 66.6%)}
.flag.MX{background:linear-gradient(90deg,#006847 33.3%,#fff 33.3% 66.6%,#CE1126 66.6%)}
.flag.CO{background:linear-gradient(#FCD116 50%,#003893 50% 75%,#CE1126 75%)}
.flag.EC{background:linear-gradient(#FFDD00 50%,#034EA2 50% 75%,#ED1C24 75%)}
.flag.CL{background:linear-gradient(90deg,#0039A6 40%,transparent 40%) top/100% 50% no-repeat,linear-gradient(#fff 50%,#D52B1E 50%)}
.flag.AR{background:linear-gradient(#74ACDF 33.3%,#fff 33.3% 66.6%,#74ACDF 66.6%)}
.cl-date{font-size:13px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.cl-q{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12.5px;font-weight:800;background:var(--track);color:var(--muted);border:none;font-family:inherit;cursor:pointer}
.cl-q.has{background:rgba(255,193,7,.16);color:var(--mktT)}
.cl-q.hot{background:rgba(52,201,138,.15);color:var(--comT)}
.cl-acts{display:flex;gap:6px;justify-content:flex-end}
.cl-acts .mini{min-height:38px;font-size:13px;padding:0 12px}
.cl-acts .mini.res{background:#FFC107;border-color:#FFC107;color:#1D2025 !important}
.cl-acts .mini.res:hover{background:#FFCD38}
/* Resumen */
.cl-sum{gap:0 !important}
.cl-hero{display:flex;align-items:center;gap:14px;padding:4px 22px 18px}
.cl-hero .cl-av{width:60px;height:60px;font-size:21px}
.cl-hero h3{margin:0;font-size:19px;font-weight:800;line-height:1.2}
.cl-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cl-stats div{padding:14px 10px;text-align:center;border-left:1px solid var(--line)}
.cl-stats div:first-child{border-left:0}
.cl-stats b{display:block;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}
.cl-stats span{font-size:12px;color:var(--muted);font-weight:600}
.cl-sec{padding:18px 22px 4px;display:flex;flex-direction:column;gap:10px}
.cl-sec h4{margin:0;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:var(--muted)}
.cl-info{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;font-size:13.5px}
.cl-info dt{color:var(--muted);font-weight:600}
.cl-info dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.cl-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 22px 0}
.cl-quick a,.cl-quick button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--text) !important;font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;text-align:center}
.cl-quick a:hover,.cl-quick button:hover{border-color:var(--labT);text-decoration:none}
.cl-quick .qi{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.cl-qt{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line)}
.cl-qt img{width:46px;height:46px;border-radius:10px;object-fit:cover;background:var(--photo);flex:none}
.cl-qt .b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cl-qt .b strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-qt .b span{font-size:12px;color:var(--muted);font-weight:600}
.cl-qt .r{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums}
.cl-st{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:800}
.cl-st.Enviada{background:rgba(56,189,248,.15);color:var(--labT)}
.cl-st.Vista{background:rgba(255,193,7,.16);color:var(--mktT)}
.cl-st.Aceptada{background:rgba(52,201,138,.15);color:var(--comT)}
.cl-st.Vencida{background:var(--track);color:var(--muted)}
.cl-notes{padding:12px 14px;border-radius:12px;background:var(--bg);border:1px dashed var(--line);font-size:13.5px;line-height:1.5;color:var(--muted)}
.cl-seg{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
@media (max-width:1100px){
  .cl-row{grid-template-columns:minmax(0,1.6fr) 110px 110px 120px 150px}
  .cl-row > .cl-doc{display:none}
  .cl-th > span:nth-child(2){display:none}
}
@media (max-width:767px){
  .cl-cta{grid-template-columns:1fr}
  .cl-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cl-tools .ps-search{grid-column:1/-1}
  .cl-th{display:none !important}
  .cl-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who who" "meta meta" "q ac";row-gap:10px;padding:14px}
  .cl-row > .cl-who{grid-area:who}
  .cl-row > .cl-doc,.cl-row > .cl-ct,.cl-row > .cl-date{display:none}
  .cl-row > .cl-meta{grid-area:meta;display:flex !important}
  .cl-row > .cl-qc{grid-area:q;align-self:center}
  .cl-row > .cl-acts{grid-area:ac}
  .cl-quick{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 16px 0}
  .cl-hero,.cl-sec{padding-left:16px;padding-right:16px}
  .cl-info{grid-template-columns:100px minmax(0,1fr)}
}
.cl-meta{display:none;align-items:center;gap:10px;flex-wrap:wrap;font-size:12.5px;color:var(--muted);font-weight:600;padding-left:58px}
.cl-meta .flag{width:18px;height:18px}
.cl-row{grid-template-columns:minmax(240px,1.6fr) minmax(130px,.8fr) 120px 100px 150px 170px}
.cl-q{white-space:nowrap}
.cl-meta{flex-wrap:nowrap !important;align-items:flex-start}
.cl-meta .flag{margin-top:0}
.cl-meta > span:last-child{min-width:0}
@media (max-width:1100px){.cl-row{grid-template-columns:minmax(0,1.6fr) 110px 100px 150px 150px}}
@media (max-width:767px){.cl-row{grid-template-columns:minmax(0,1fr) auto}}

/* ───────── Detalle del curso ───────── */
.cu-page [hidden]{display:none !important}
.cu-back{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:700;color:var(--muted) !important}
.cu-back:hover{color:var(--acaT) !important;text-decoration:none}
.cu-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.cu-main{min-width:0;display:flex;flex-direction:column;gap:22px}
.cu-player{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#15171B;box-shadow:0 6px 24px var(--shadow)}
.cu-player img.poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.cu-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.cu-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:none;background:linear-gradient(180deg,rgba(15,17,21,.1),rgba(15,17,21,.65));color:#fff;font-family:inherit;cursor:pointer}
.cu-play .pb{width:76px;height:76px;border-radius:50%;background:#A78BFA;color:#140B2E;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(167,139,250,.45);transition:transform .15s}
.cu-play:hover .pb{transform:scale(1.07)}
.cu-play strong{font-size:15px;font-weight:800;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.cu-play small{font-size:12.5px;opacity:.85;font-weight:600}
.cu-lockv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;text-align:center;color:#fff;background:rgba(15,17,21,.72);backdrop-filter:blur(3px)}
.cu-lockv .pb{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}
.cu-now{display:flex;align-items:center;gap:10px;margin-top:-10px;font-size:13.5px;font-weight:700;color:var(--muted)}
.cu-now b{color:var(--text)}
.cu-now:empty{display:none}
.cu-head{display:flex;flex-direction:column;gap:10px}
.cu-head h1{margin:0;font-size:clamp(24px,3.2vw,34px);line-height:1.15;font-weight:800;letter-spacing:-.6px}
.cu-head p{margin:0;font-size:15.5px;line-height:1.6}
.cu-tags{display:flex;flex-wrap:wrap;gap:8px}
.cu-tag{padding:5px 11px;border-radius:999px;font-size:12px;font-weight:800;background:var(--cb);color:var(--c)}
.cu-tag.g{background:rgba(52,201,138,.15);color:var(--comT)}
.cu-tag.k{background:var(--track);color:var(--muted)}
.cu-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;font-size:13.5px;font-weight:600;color:var(--muted)}
.cu-meta span{display:inline-flex;align-items:center;gap:6px}
.cu-meta img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.cu-meta .new{color:var(--acaT);font-weight:800}
.cu-prog{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.cu-prog .bar{flex:1;height:8px;border-radius:9px;background:var(--track);overflow:hidden}
.cu-prog .bar i{display:block;height:100%;background:#A78BFA;border-radius:9px;transition:width .3s}
.cu-prog strong{font-size:14px;white-space:nowrap}
.cu-nav{position:sticky;top:calc(var(--hh,72px) + 0px);z-index:5;background:var(--bg);padding:8px 0;border-bottom:1px solid var(--line)}
.cu-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:700;color:var(--muted) !important;white-space:nowrap}
.cu-nav a:hover,.cu-nav a.on{background:var(--cb);color:var(--c) !important;text-decoration:none}
.cu-sec{display:flex;flex-direction:column;gap:14px;scroll-margin-top:130px}
.cu-sh{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.cu-sh h2{margin:0;font-size:21px;font-weight:800;letter-spacing:-.3px}
.cu-sh .muted{font-size:13.5px;font-weight:600}
.cu-link{margin-left:auto;background:none;border:none;padding:0;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--acaT) !important;cursor:pointer}
.cu-mods{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}
.cu-mod + .cu-mod{border-top:1px solid var(--line)}
.cu-mh{width:100%;display:flex;align-items:center;gap:12px;padding:15px 16px;border:none;background:none;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.cu-mh:hover{background:var(--hover)}
.cu-mh .n{width:30px;height:30px;flex:none;border-radius:9px;background:var(--cb);color:var(--c);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
.cu-mod.done .cu-mh .n{background:#34C98A;color:#0B1F16}
.cu-mh .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cu-mh .t strong{font-size:15px;line-height:1.3}
.cu-mh .t small{font-size:12.5px;color:var(--muted);font-weight:600}
.cu-mh .chev{flex:none;color:var(--muted);transition:transform .2s}
.cu-mod.open .cu-mh .chev{transform:rotate(180deg)}
.cu-free{padding:3px 8px;border-radius:6px;background:rgba(52,201,138,.15);color:var(--comT);font-size:11px;font-weight:800;white-space:nowrap}
.cu-lk{color:var(--muted);flex:none;display:flex}
.cu-ls{display:none;padding:0 16px 12px 58px;flex-direction:column;gap:2px}
.cu-mod.open .cu-ls{display:flex}
.cu-l{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 10px;border-radius:10px;border:none;background:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer;width:100%}
.cu-l:hover{background:var(--hover)}
.cu-l.cur{background:var(--cb);color:var(--c)}
.cu-l .ic{width:26px;height:26px;flex:none;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}
.cu-l.done .ic{background:#34C98A;border-color:#34C98A;color:#0B1F16}
.cu-l .tx{flex:1;min-width:0}
.cu-l .d{font-size:12px;color:var(--muted);font-weight:600}
.cu-ls .cu-hid{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:10px;background:var(--bg);border:1px dashed var(--line);font-size:13px;color:var(--muted);font-weight:600}
.cu-ls .cu-hid button{margin-left:auto;background:none;border:none;font-family:inherit;font-size:13px;font-weight:800;color:var(--acaT);cursor:pointer;white-space:nowrap}
.cu-ins{display:flex;gap:16px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.cu-ins img{width:76px;height:76px;flex:none;border-radius:50%;object-fit:cover;background:var(--track);border:3px solid #A78BFA}
.cu-ins h3{margin:0;font-size:17px;font-weight:800}
.cu-ins p{margin:6px 0 0;font-size:14px;line-height:1.55;color:var(--muted)}
.cu-ins .st{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:12.5px;font-weight:700;color:var(--muted)}
.cu-rev0{display:flex;align-items:center;gap:16px;padding:18px;border-radius:16px;border:1px dashed var(--line);background:var(--card)}
.cu-rev0 .big{font-size:38px;font-weight:800;letter-spacing:-1px;line-height:1}
.cu-stars{display:flex;gap:2px;color:var(--line)}
.cu-stars.on{color:#FFC107}
.cu-stars button{background:none;border:none;padding:2px;cursor:pointer;color:inherit;font-size:24px;line-height:1}
.cu-stars button.on{color:#FFC107}
.cu-myrev{display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.cu-myrev textarea{min-height:80px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14.5px;resize:vertical;outline:none}
.cu-myrev textarea:focus{border-color:#A78BFA}
.cu-review{display:flex;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.cu-review .av{width:40px;height:40px;flex:none;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-weight:800}
/* Tarjeta de inscripción */
.cu-side{position:sticky;top:calc(var(--hh,72px) + 18px)}
.cu-card{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:20px;border:1px solid var(--line);background:var(--card);box-shadow:0 8px 28px var(--shadow)}
.cu-card .thumb{width:100%;aspect-ratio:16/9;border-radius:12px;object-fit:cover;background:var(--track)}
.cu-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 10px}
.cu-price b{font-size:32px;font-weight:800;letter-spacing:-.8px;line-height:1}
.cu-price b.free{color:var(--comT)}
.cu-price s{font-size:16px;color:var(--muted);font-weight:600}
.cu-price .off{padding:4px 9px;border-radius:7px;background:rgba(229,72,77,.14);color:#E5484D;font-size:12px;font-weight:800}
.cu-lock{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--cb);color:var(--c);font-size:13.5px;font-weight:700}
.cu-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:0 18px;border-radius:12px;border:none;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:center;width:100%}
.cu-btn:hover{text-decoration:none}
.cu-btn.p{background:#A78BFA;color:#140B2E !important;box-shadow:0 8px 20px rgba(167,139,250,.32)}
.cu-btn.p:hover{background:#B8A1FB}
.cu-btn.o{background:var(--card);border:1.5px solid var(--line);color:var(--text) !important}
.cu-btn.o:hover{border-color:#A78BFA}
.cu-btn.wa{background:var(--card);border:1.5px solid rgba(37,211,102,.5);color:var(--text) !important}
.cu-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.cu-inc li{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.cu-inc li svg{flex:none;color:var(--acaT)}
.cu-cacts{display:flex;gap:8px}
.cu-cacts .mini{flex:1;justify-content:center}
.cu-cacts .mini[aria-pressed=true]{color:#E5484D !important;border-color:rgba(229,72,77,.5)}
.cu-note{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5}
.cu-mbar{display:none}
@media (max-width:1023px){
  .cu-grid{grid-template-columns:minmax(0,1fr)}
  .cu-side{display:none}
  .cu-mbar{display:flex;position:fixed;left:0;right:0;bottom:calc(var(--bn,76px));z-index:40;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px var(--shadow)}
  .cu-mbar .pr{flex:1;min-width:0;display:flex;flex-direction:column}
  .cu-mbar .pr b{font-size:20px;font-weight:800;line-height:1.1}
  .cu-mbar .pr b.free{color:var(--comT)}
  .cu-mbar .pr span{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cu-mbar .cu-btn{width:auto;min-height:46px;font-size:14px;padding:0 18px}
  .cu-page{padding-bottom:90px}
}
@media (max-width:767px){
  .cu-player{margin:0 -20px;border-radius:0}
  .cu-ls{padding-left:16px}
  .cu-ins{flex-direction:column;align-items:flex-start}
  .cu-nav{top:var(--hh,64px)}
}
@media (min-width:768px) and (max-width:1023px){.cu-mbar{bottom:0}}
.cu-ph{position:relative;width:76px;height:76px;flex:none;border-radius:50%;background:#A78BFA;color:#140B2E;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;border:3px solid #A78BFA;overflow:hidden}
.cu-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0 !important;border-radius:0 !important}
#cuRel{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1280px){#cuRel{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){
  .cu-now{flex-wrap:wrap}
  .cu-now > span{flex:1 1 100% !important}
  .cu-now .mini{flex:1;justify-content:center}
}

.cu-page{gap:14px;--bn:78px}

/* ───────── GIA ───────── */
.gi-page{max-width:900px !important;gap:0 !important;padding-top:0 !important;padding-bottom:0 !important;min-height:calc(100vh - var(--hh,68px));display:flex;flex-direction:column}
.gi-page [hidden]{display:none !important}
.gi-top{position:sticky;top:var(--hh,68px);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;background:var(--bg);border-bottom:1px solid var(--line)}
.gi-scroll{flex:1;display:flex;flex-direction:column;padding:8px 0 20px}
.gi-comp{position:sticky;bottom:0;z-index:6;padding:10px 0 14px;background:linear-gradient(180deg,transparent,var(--bg) 22%)}
.gi-id{display:flex;align-items:center;gap:10px;min-width:0}
.gi-id strong{display:block;font-size:16px;font-weight:800}
.gi-id .muted{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gi-dot{width:8px;height:8px;border-radius:50%;background:#34C98A;flex:none;box-shadow:0 0 0 3px rgba(52,201,138,.2)}
.gi-av{width:34px;height:34px;flex:none;border-radius:11px;background:linear-gradient(135deg,#A78BFA,#7C5CE6);color:#140B2E;display:flex;align-items:center;justify-content:center}
.gi-av.lg{width:42px;height:42px;border-radius:13px}
.gi-av.xl{width:72px;height:72px;border-radius:22px;box-shadow:0 14px 34px rgba(167,139,250,.35)}
.gi-tacts{display:flex;align-items:center;gap:8px}
.gi-modes{display:flex;padding:3px;border-radius:12px;background:var(--track)}
.gi-modes button{min-height:36px;padding:0 12px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.gi-modes button[aria-checked=true]{background:var(--card);color:var(--text);box-shadow:0 1px 4px var(--shadow)}
.gi-hello{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:44px 0 10px}
.gi-hello h1{margin:6px 0 0;font-size:clamp(26px,4vw,36px);font-weight:800;letter-spacing:-.8px;line-height:1.15}
.gi-hello p{margin:0;max-width:560px;font-size:15.5px;line-height:1.6}
.gi-sugs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:14px;text-align:left}
.gi-sg{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--card)}
.gi-sg h3{margin:0 0 4px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.gi-sg h3 i{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-style:normal}
.gi-q{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border:none;border-radius:10px;background:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-align:left;cursor:pointer}
.gi-q:hover{background:var(--hover)}
.gi-q svg{flex:none;color:var(--muted)}
.gi-q span{flex:1}
.gi-can{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;margin-top:6px;text-align:left}
.gi-can div{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;background:var(--track);font-size:12.5px;line-height:1.45;color:var(--muted);font-weight:600}
.gi-can b{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text)}
.gi-thread{display:flex;flex-direction:column;gap:22px;padding-top:18px}
.gi-m{display:flex;gap:12px;align-items:flex-start}
.gi-m.me{justify-content:flex-end}
.gi-bub{max-width:82%;padding:11px 15px;border-radius:18px 18px 4px 18px;background:#A78BFA;color:#140B2E;font-size:15px;line-height:1.5;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}
.gi-bub img{display:block;max-width:220px;border-radius:12px;margin-bottom:8px}
.gi-ans{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.65}
.gi-ans p{margin:0}
.gi-ans h4{margin:4px 0 0;font-size:15px;font-weight:800}
.gi-ans ol,.gi-ans ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.gi-ans li::marker{color:var(--acaT);font-weight:800}
.gi-ans b{font-weight:800}
.gi-note{padding:11px 14px;border-radius:12px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.35);font-size:13.5px;line-height:1.55}
.gi-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.gi-tbl table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:480px}
.gi-tbl th,.gi-tbl td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.gi-tbl th{background:var(--track);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.gi-tbl tr:last-child td{border-bottom:0}
.gi-tbl td:first-child{font-weight:700;color:var(--muted)}
.gi-prods{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.gi-p{position:relative;flex:0 0 200px;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--card);overflow:hidden;color:var(--text) !important}
.gi-p:hover{border-color:#FFC107;text-decoration:none}
.gi-p img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--photo)}
.gi-p span.b{padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.gi-p small{font-size:11.5px;color:var(--muted);font-weight:700}
.gi-p strong{font-size:13.5px;line-height:1.3}
.gi-p em{font-style:normal;font-size:12.5px;font-weight:800;color:var(--mktT)}
.gi-p .hbadge{top:8px;left:8px}
.gi-ctas{display:flex;flex-wrap:wrap;gap:8px}
.gi-cta{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border-radius:11px;border:1.5px solid var(--line);background:var(--card);color:var(--text) !important;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.gi-cta:hover{border-color:#A78BFA;text-decoration:none}
.gi-cta.wa{border-color:rgba(37,211,102,.55)}
.gi-cta.pri{background:#A78BFA;border-color:#A78BFA;color:#140B2E !important}
.gi-chips{display:flex;flex-wrap:wrap;gap:8px}
.gi-chip{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.gi-chip:hover{border-color:#A78BFA;background:rgba(167,139,250,.08)}
.gi-tools{display:flex;gap:4px;margin-top:-4px}
.gi-tools button{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:none;border-radius:9px;background:none;color:var(--muted);cursor:pointer}
.gi-tools button:hover{background:var(--hover);color:var(--text)}
.gi-tools button[aria-pressed=true]{color:var(--acaT)}
.gi-typing{display:flex;gap:5px;padding:12px 0}
.gi-typing i{width:8px;height:8px;border-radius:50%;background:var(--muted);opacity:.4;animation:gtp 1s infinite}
.gi-typing i:nth-child(2){animation-delay:.15s}.gi-typing i:nth-child(3){animation-delay:.3s}
@keyframes gtp{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:.9;transform:translateY(-3px)}}
.gi-att{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:8px;border-radius:12px;background:var(--card);border:1px solid var(--line);width:max-content;max-width:100%}
.gi-att img{width:44px;height:44px;border-radius:8px;object-fit:cover}
.gi-att button{width:28px;height:28px;border:none;border-radius:50%;background:var(--track);color:var(--text);cursor:pointer}
.gi-box{display:flex;align-items:flex-end;gap:8px;padding:8px;border-radius:20px;border:1.5px solid var(--line);background:var(--card);box-shadow:0 8px 28px var(--shadow)}
.gi-box:focus-within{border-color:#A78BFA}
.gi-box textarea{flex:1;min-width:0;max-height:180px;padding:10px 4px;border:none;background:none;outline:none;resize:none;color:var(--text);font-family:inherit;font-size:15.5px;line-height:1.45}
.gi-ib{width:42px;height:42px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--muted);cursor:pointer;background:transparent;border:0;padding:0;box-shadow:none}
.gi-ib:hover{background:var(--hover);color:var(--text)}
.gi-send{width:42px;height:42px;flex:none;border:none;border-radius:12px;background:#A78BFA;color:#140B2E;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gi-send:disabled{background:var(--track);color:var(--muted);cursor:default}
.gi-foot{display:flex;justify-content:space-between;gap:12px;margin-top:8px;font-size:11.5px;color:var(--muted);font-weight:600}

body.on-gia .fab{display:none !important}
@media (max-width:767px){
  .gi-page{min-height:calc(100vh - var(--hh,64px) - 78px)}
  .gi-top{padding:10px 0;flex-wrap:nowrap}
  .gi-id .muted{display:none}
  .gi-id strong{font-size:15px}
  .gi-tacts{margin-left:auto}
  .gi-modes button{padding:0 9px;font-size:12.5px}
  .gi-long{display:none}
  .gi-tacts .mini span{display:none}
  .gi-hello{padding-top:24px}
  .gi-hello p{font-size:14.5px}
  .gi-sugs{grid-template-columns:minmax(0,1fr)}
  .gi-can{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gi-comp{bottom:78px;padding-bottom:10px}
  .gi-kb{display:none}
  .gi-bub{max-width:88%}
  .gi-m .gi-av{display:none}
}
/* respuestas traídas desde GIA rápido */
.gi-ans .gm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gi-ans .gm-btns{display:flex;flex-wrap:wrap;gap:8px}
.gi-tacts .mini{white-space:nowrap}
.gi-id .muted{max-width:340px}

/* ───────── GIA rápido (panel lateral) ───────── */
.gm [hidden]{display:none !important}
.gm-scrim{position:fixed;inset:0;z-index:118;background:rgba(10,12,15,.42);opacity:0;transition:opacity .28s;backdrop-filter:blur(1px)}
.gm-scrim.open{opacity:1}
.gm{position:fixed;top:0;right:0;bottom:0;z-index:120;width:70vw;min-width:380px;display:flex;flex-direction:column;background:var(--bg);box-shadow:-30px 0 70px rgba(0,0,0,.28);border-radius:22px 0 0 22px;overflow:hidden;transform:translateX(104%);visibility:hidden;transition:transform .34s cubic-bezier(.2,.85,.25,1),visibility 0s .34s}
.gm.open{transform:none;visibility:visible;transition:transform .34s cubic-bezier(.2,.85,.25,1)}
.gm-top{flex:none;display:flex;align-items:center;gap:10px;padding:14px 14px 14px 20px;background:var(--head);border-bottom:1px solid var(--line)}
.gm-av{width:38px;height:38px;flex:none;border-radius:12px;background:linear-gradient(135deg,#A78BFA,#7C5CE6);color:#140B2E;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(167,139,250,.3)}
.gm-id{flex:1;min-width:0;display:flex;flex-direction:column}
.gm-id strong{font-size:16px;font-weight:800;line-height:1.2}
.gm-id span{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);font-weight:600}
.gm-id i{width:7px;height:7px;border-radius:50%;background:#34C98A;box-shadow:0 0 0 3px rgba(52,201,138,.2)}
.gm-full{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.gm-full:hover{border-color:#A78BFA;color:var(--acaT)}
.gm-x{width:40px;height:40px;flex:none;display:flex;align-items:center;justify-content:center;border:none;border-radius:11px;background:none;color:var(--muted);cursor:pointer}
.gm-x:hover{background:var(--hover);color:var(--text)}
.gm-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px clamp(16px,4vw,48px) 12px;display:flex;flex-direction:column;gap:16px}
.gm-body > *{width:100%;max-width:760px;margin-left:auto;margin-right:auto}
.gm-hi{display:flex;flex-direction:column;gap:6px;padding:6px 0 4px}
.gm-hi h2{margin:0;font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.5px}
.gm-hi p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.gm-topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.gm-topic{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}
.gm-topic:hover{border-color:var(--tc);transform:translateY(-1px)}
.gm-topic i{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-style:normal;background:color-mix(in srgb,var(--tc) 16%,transparent);color:var(--tc)}
.gm-topic small{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:2px}
.gm-me{align-self:flex-end;max-width:min(80%,560px) !important;margin-right:0 !important;padding:10px 14px;border-radius:16px 16px 4px 16px;background:#A78BFA;color:#140B2E;font-size:14.5px;font-weight:600;line-height:1.45}
.gm-me-wrap{display:flex;justify-content:flex-end}
.gm-a{display:flex;gap:10px;align-items:flex-start}
.gm-a .gm-av{width:28px;height:28px;border-radius:9px;box-shadow:none}
.gm-a .c{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;font-size:14.5px;line-height:1.6}
.gm-a p{margin:0}
.gm-a ol,.gm-a ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.gm-a li::marker{color:var(--acaT);font-weight:800}
.gm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.gm-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-size:13px;line-height:1.45;color:var(--muted)}
.gm-card strong{font-size:14.5px;color:var(--text)}
.gm-card .k{align-self:flex-start;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;background:var(--cb);color:var(--c)}
.gm-card ul{padding-left:16px;gap:3px}
.gm-card a{margin-top:auto;font-weight:800;font-size:13px;color:var(--acaT)}
.gm-cmp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gm-pc{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--card);overflow:hidden;color:var(--text) !important;position:relative}
.gm-pc:hover{border-color:#FFC107;text-decoration:none}
.gm-pc img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--photo)}
.gm-pc .b{padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.gm-pc .b strong{font-size:13.5px;line-height:1.3}
.gm-pc dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:12.5px}
.gm-pc dt{color:var(--muted);font-weight:600}
.gm-pc dd{margin:0;font-weight:700}
.gm-pc .hbadge{top:8px;left:8px}
.gm-labs{display:flex;flex-direction:column;gap:8px}
.gm-lab{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card)}
.gm-lab img,.gm-lab .ph{width:44px;height:44px;flex:none;border-radius:50%;object-fit:cover;background:#38BDF8;color:#06283A;display:flex;align-items:center;justify-content:center;font-weight:800}
.gm-lab .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gm-lab .t strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-lab .t span{font-size:12.5px;color:var(--muted);font-weight:600}
.gm-lab .on{color:var(--comT)}
.gm-lab .off{color:#E5484D}
.gm-lab .acts{display:flex;gap:6px}
.gm-lab .acts a{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border-radius:10px;border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--text) !important;white-space:nowrap}
.gm-lab .acts a:hover{border-color:#38BDF8;text-decoration:none}
.gm-btns{display:flex;flex-wrap:wrap;gap:8px}
.gm-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:11px;border:1.5px solid var(--line);background:var(--card);color:var(--text) !important;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer}
.gm-btn:hover{border-color:#A78BFA;text-decoration:none}
.gm-btn.pri{background:#A78BFA;border-color:#A78BFA;color:#140B2E !important}
.gm-btn.wa{border-color:rgba(37,211,102,.55)}
.gm-chips{display:flex;flex-wrap:wrap;gap:8px}
.gm-chip{min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.gm-chip:hover{border-color:#A78BFA;background:rgba(167,139,250,.08)}
.gm-typing{display:flex;gap:5px;padding:8px 0}
.gm-typing i{width:7px;height:7px;border-radius:50%;background:var(--muted);animation:gtp 1s infinite}
.gm-typing i:nth-child(2){animation-delay:.15s}.gm-typing i:nth-child(3){animation-delay:.3s}
.gm-more{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:rgba(167,139,250,.1);border:1px dashed rgba(167,139,250,.5);font-size:13.5px;line-height:1.45}
.gm-more span{flex:1}
.gm-comp{flex:none;display:flex;gap:8px;padding:12px clamp(14px,4vw,48px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--head)}
.gm-comp input{flex:1;min-width:0;max-width:704px;margin-left:auto;min-height:48px;padding:0 16px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:15px;outline:none}
.gm-comp input:focus{border-color:#A78BFA}
.gm-send{width:48px;height:48px;flex:none;margin-right:auto;border:none;border-radius:14px;background:#A78BFA;color:#140B2E;display:flex;align-items:center;justify-content:center;cursor:pointer}
body.gm-open .fab{opacity:0;pointer-events:none}
@media (max-width:767px){
  .gm{width:92vw;min-width:0;border-radius:18px 0 0 18px}
  .gm-full span{display:none}
  .gm-full{padding:0 11px}
  .gm-cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
  .gm-pc dl{grid-template-columns:minmax(0,1fr)}
  .gm-pc dd{margin-bottom:2px}
  .gm-lab{flex-wrap:wrap}
  .gm-lab .acts{width:100%;padding-left:56px}
  .gm-topics{grid-template-columns:minmax(0,1fr)}
}

/* ───────── Dashboard (Mi empresa) ───────── */
.db-page{gap:22px !important}
.db-page [hidden]{display:none !important}
.db-range{display:flex;padding:3px;border-radius:12px;background:var(--track)}
.db-range button{min-height:38px;padding:0 13px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.db-range button[aria-checked=true]{background:var(--card);color:var(--text);box-shadow:0 1px 4px var(--shadow)}
.db-todo h2,.db-h2{margin:0 0 10px;font-size:15px;font-weight:800}
.db-todos{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.db-t{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text) !important;box-shadow:0 2px 10px var(--shadow)}
.db-t:hover{border-color:var(--tc);text-decoration:none}
.db-t .ic{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc) 16%,transparent);color:var(--tc)}
.db-t .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.db-t strong{font-size:14px;line-height:1.3}
.db-t span.s{font-size:12.5px;color:var(--muted);font-weight:600}
.db-t .ar{color:var(--muted);flex:none}
.db-kpis .ps-k{cursor:default}
.db-kpis a.ps-k{cursor:pointer;text-decoration:none}
.db-kpis .delta{display:inline-flex;align-items:center;gap:3px;margin-left:6px;font-size:12px;font-weight:800;color:var(--comT)}
.db-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.db-card{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--line);background:var(--card);box-shadow:0 2px 10px var(--shadow);min-width:0}
.db-wide{grid-column:span 2}
.db-ch{display:flex;align-items:flex-start;gap:10px}
.db-ch > div{flex:1;min-width:0}
.db-ch h2{margin:0;font-size:16px;font-weight:800}
.db-ch .muted{font-size:12.5px;font-weight:600}
.db-ex{flex:none;padding:3px 8px;border-radius:6px;background:var(--track);color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.3px}
.db-link{align-self:flex-start;background:none;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:700;color:var(--empT) !important;cursor:pointer;white-space:nowrap}
.db-ch .db-link{align-self:center}
.db-hero{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.db-hero b{font-size:34px;font-weight:800;letter-spacing:-1px;line-height:1;font-variant-numeric:tabular-nums}
.db-hero span{font-size:13px;font-weight:700;color:var(--muted)}
.db-hero .up{color:var(--comT)}
.db-chart{position:relative}
.db-chart svg{display:block;width:100%;height:auto;overflow:visible}
.db-chart .grid line{stroke:var(--line);stroke-width:1}
.db-chart .ax text{fill:var(--muted);font-size:11px;font-weight:600;font-family:inherit}
.db-chart .ln{fill:none;stroke:#6C8EF5;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.db-chart .ar{fill:url(#dbGrad)}
.db-chart .xh{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.db-chart .dot{fill:#6C8EF5;stroke:var(--card);stroke-width:2}
.db-chart .hit{fill:transparent;cursor:crosshair}
.db-tip{position:fixed;z-index:200;pointer-events:none;padding:8px 11px;border-radius:10px;background:#202327;color:#F1F2F4;font-size:12.5px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.25);white-space:nowrap;transform:translate(-50%,-110%)}
.db-tip b{display:block;font-size:15px;font-weight:800}
.db-tbl{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.db-tbl table{width:100%;border-collapse:collapse;font-size:13px}
.db-tbl th,.db-tbl td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--line)}
.db-tbl th{position:sticky;top:0;background:var(--track);font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}
.db-tbl td:last-child,.db-tbl th:last-child{text-align:right;font-variant-numeric:tabular-nums}
.db-bars{display:flex;flex-direction:column;gap:12px}
.db-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;font-size:13px;color:var(--text) !important}
.db-bar:hover{text-decoration:none}
.db-bar:hover .nm{color:var(--empT)}
.db-bar .nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-bar .v{font-weight:800;font-variant-numeric:tabular-nums}
.db-bar .tr{grid-column:1/-1;height:8px;border-radius:4px;background:var(--track);overflow:hidden}
.db-bar .tr i{display:block;height:100%;border-radius:0 4px 4px 0;background:#6C8EF5}
.db-meter{display:flex;height:12px;border-radius:6px;overflow:hidden;gap:2px;background:var(--card)}
.db-meter i{display:block;height:100%}
.db-meter i:first-child{border-radius:4px 0 0 4px}.db-meter i:last-child{border-radius:0 4px 4px 0}
.db-leg{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.db-leg div{display:flex;align-items:center;gap:8px;font-size:13px}
.db-leg i{width:10px;height:10px;border-radius:3px;flex:none}
.db-leg span{flex:1;color:var(--muted);font-weight:600}
.db-leg b{font-variant-numeric:tabular-nums}
.db-list{display:flex;flex-direction:column}
.db-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text) !important}
.db-row:last-child{border-bottom:0}
.db-row:hover{text-decoration:none}
.db-row:hover strong{color:var(--empT)}
.db-row .av{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}
.db-row .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.db-row strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-row .t span{font-size:12px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.db-row .n{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#E5484D;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.db-row .d{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}
.db-team{display:flex;align-items:center;margin-bottom:12px}
.db-team span{width:38px;height:38px;border-radius:50%;margin-left:-8px;border:2px solid var(--card);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:800}
.db-team span:first-child{margin-left:0}
.db-quick{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.db-q{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text) !important;font-size:13.5px;font-weight:700}
.db-q:hover{border-color:var(--tc);text-decoration:none}
.db-q i{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tc) 16%,transparent);color:var(--tc)}
@media (max-width:1100px){.db-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.db-wide{grid-column:1/-1}}
@media (max-width:767px){
  .db-grid{grid-template-columns:minmax(0,1fr)}
  .db-range{width:100%}
  .db-range button{flex:1;padding:0 6px;font-size:12.5px}
  .db-todos{grid-template-columns:minmax(0,1fr)}
  .db-hero b{font-size:28px}
  .db-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.db-kpis .kl{white-space:normal;overflow:visible}
.db-quick{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.db-chart{min-height:190px}
.db-kpis .ps-k span.kl{white-space:normal;text-overflow:clip;line-height:1.35}
@media (min-width:1100px){.db-wide .db-quick{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ───────── Configuración de la empresa ───────── */
.em-page{gap:20px !important}
.em-page [hidden]{display:none !important}
.em-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.em-tabs::-webkit-scrollbar{display:none}
.em-tabs button{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;border:none;border-bottom:3px solid transparent;background:none;color:var(--muted);font-family:inherit;font-size:14.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.em-tabs button[aria-selected=true]{color:var(--text);border-bottom-color:#6C8EF5}
.em-tabs button svg{flex:none}
.em-pane{display:flex;flex-direction:column;gap:16px}
.em-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow)}
.em-brand{overflow:hidden}
.em-cover{position:relative;aspect-ratio:4/1;min-height:150px;background:linear-gradient(120deg,#2B3550,#1C2333 60%,#3A2F12);background-size:cover;background-position:center}
.em-cover.drag{outline:3px dashed #6C8EF5;outline-offset:-10px}
.em-cover-acts{position:absolute;right:14px;bottom:14px;display:flex;gap:8px}
.em-up{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:none;border-radius:11px;background:rgba(20,22,26,.78);color:#fff;font-family:inherit;font-size:13.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px)}
.em-up:hover{background:rgba(20,22,26,.92)}
.em-up.ghost{background:rgba(20,22,26,.5)}
.em-brand-b{display:flex;align-items:flex-end;gap:16px;padding:0 22px 16px;margin-top:-46px;position:relative}
.em-logo-wrap{position:relative;flex:none}
.em-logo{width:104px;height:104px;border-radius:50%;border:4px solid var(--card);background:#FFC107 center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#1D2025;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.em-logo-up{position:absolute;right:2px;bottom:2px;width:36px;height:36px;border-radius:50%;background:#6C8EF5;color:#fff;border:3px solid var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer}
.em-brand-t{min-width:0;padding-bottom:6px;display:flex;flex-direction:column;gap:2px}
.em-brand-t strong{font-size:20px;font-weight:800}
.em-brand-t .muted{font-size:13px;font-weight:600}
.em-hints{display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 22px 16px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.em-form{display:flex;flex-direction:column;gap:14px;padding:20px 22px}
.em-form h2{margin:6px 0 0;font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.em-form h2:first-child{margin-top:0}
.em-form textarea{min-height:84px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14.5px;line-height:1.5;resize:vertical;outline:none}
.em-form textarea:focus{border-color:#6C8EF5}
.em-count{align-self:flex-end;font-size:12px;color:var(--muted);font-weight:600}
.em-save{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:6px;border-top:1px solid var(--line)}
.em-save .muted{font-size:13px;font-weight:600}
.em-num{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}
.em-sign{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px dashed var(--line);background:var(--bg)}
.em-sign-img{width:96px;height:52px;flex:none;border-radius:8px;background:#fff center/contain no-repeat;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;color:#8A919C;font-weight:600}
.em-cot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:16px;align-items:start}
.em-prev-wrap{position:sticky;top:calc(var(--hh,72px) + 16px);display:flex;flex-direction:column;gap:10px}
.em-prev-h{display:flex;align-items:baseline;gap:10px}
.em-prev-h strong{font-size:15px}
.em-prev-h .muted{font-size:12.5px;font-weight:600}
.em-doc{background:#fff;color:#1D2025;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);padding:22px;font-size:11.5px;line-height:1.45;border:1px solid #E3E6EA}
.em-doc .dh{display:flex;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:2px solid #FFC107}
.em-doc .dl{width:46px;height:46px;flex:none;border-radius:50%;background:#FFC107 center/cover;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px}
.em-doc .dn{flex:1;min-width:0}
.em-doc .dn strong{display:block;font-size:13.5px}
.em-doc .dn span{display:block;color:#5C6370}
.em-doc .dq{text-align:right;flex:none}
.em-doc .dq b{display:block;font-size:13px;letter-spacing:.5px}
.em-doc .dq span{color:#5C6370}
.em-doc .dc{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:10px;border-radius:8px;background:#F6F7F8}
.em-doc .dc span{display:block;color:#5C6370;font-size:10.5px;text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.em-doc table{width:100%;border-collapse:collapse;margin:6px 0}
.em-doc th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#5C6370;border-bottom:1px solid #E3E6EA;padding:6px 4px}
.em-doc td{padding:7px 4px;border-bottom:1px solid #EEF0F3;vertical-align:top}
.em-doc th:last-child,.em-doc td:last-child{text-align:right;white-space:nowrap}
.em-doc .dt{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:8px 0 12px}
.em-doc .dt div{display:flex;gap:18px;justify-content:flex-end;min-width:200px}
.em-doc .dt div span{flex:1;text-align:right;color:#5C6370}
.em-doc .dt .tot{font-size:14px;font-weight:800;padding-top:4px;border-top:1px solid #E3E6EA;margin-top:2px}
.em-doc .dk{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;padding:10px 0;border-top:1px solid #E3E6EA}
.em-doc .dk dt{color:#5C6370;font-weight:700}
.em-doc .dk dd{margin:0}
.em-doc .dnotes{color:#5C6370;white-space:pre-line;margin-top:6px}
.em-doc .dsig{display:flex;justify-content:flex-end;margin-top:12px}
.em-doc .dsig span{width:120px;height:52px;background:center/contain no-repeat;border-bottom:1px solid #8A919C}
/* roles */
.em-roles{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.em-rlist{padding:16px;display:flex;flex-direction:column;gap:6px}
.em-rl-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.em-rl-h h2{margin:0;font-size:16px;font-weight:800}
.em-rl-h .mini{min-height:36px;font-size:13px;padding:0 12px}
.em-role{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:12px;border:1.5px solid transparent;background:none;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.em-role:hover{background:var(--hover)}
.em-role[aria-selected=true]{border-color:var(--rc);background:color-mix(in srgb,var(--rc) 10%,transparent)}
.em-role .ri{width:36px;height:36px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--rc) 18%,transparent);color:var(--rc)}
.em-role .rt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.em-role .rt strong{font-size:14px}
.em-role .rt span{font-size:12px;color:var(--muted);font-weight:600}
.em-perms{padding:18px 20px;display:flex;flex-direction:column;gap:16px}
.em-ph{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
.em-ph > div{flex:1;min-width:0}
.em-ph h2{margin:0;font-size:19px;font-weight:800}
.em-ph p{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.em-ph input.rn{font-family:inherit;font-size:19px;font-weight:800;color:var(--text);background:var(--bg);border:1.5px solid var(--line);border-radius:10px;padding:6px 10px;width:100%;max-width:320px;outline:none}
.em-lock{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,193,7,.12);font-size:13px;font-weight:600}
.em-pg{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.em-pg-h{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--track);font-size:13px;font-weight:800}
.em-pg-h span{flex:1}
.em-pg-h small{font-weight:700;color:var(--muted)}
.em-pg-h button{background:none;border:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--empT);cursor:pointer}
.em-p{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line);font-size:14px;cursor:pointer}
.em-p span{flex:1;min-width:0}
.em-p small{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-top:1px}
.em-p .ps-sw[disabled]{opacity:.6;cursor:not-allowed}
.em-pfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.em-pfoot .grow{flex:1}
@media (max-width:1100px){.em-cot{grid-template-columns:minmax(0,1fr)}.em-prev-wrap{position:static}}
@media (max-width:860px){.em-roles{grid-template-columns:minmax(0,1fr)}#emRoleList{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}#emRoleList .em-role{flex:0 0 auto;width:auto;border-color:var(--line)}#emRoleList .em-role .rt span{display:none}}
@media (max-width:767px){
  .em-cover{aspect-ratio:2.6/1;min-height:120px}
  .em-up:not(.ghost) span{display:none}.em-up{padding:0 11px}
  .em-brand-b{padding:0 16px 14px;margin-top:-38px}
  .em-logo{width:84px;height:84px;font-size:32px}
  .em-brand-t strong{font-size:17px}
  .em-form{padding:16px}
  .em-doc{padding:16px}
  .em-perms{padding:16px}
}
@media (max-width:767px){.em-brand-b{flex-direction:column;align-items:flex-start;gap:8px}.em-brand-t{padding-bottom:0}}

/* ───────── Cotizaciones ───────── */
.page[data-page=cotizaciones] [hidden]{display:none !important}
.co-tools{grid-template-columns:minmax(0,1fr) 190px}
.co-list{border-top:1px solid var(--line)}
.co-row{display:grid;grid-template-columns:110px 100px minmax(200px,1.4fr) 110px 120px 80px 110px 150px;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
.co-row:not(.co-th):hover{background:var(--hover)}
.co-th{padding-top:10px;padding-bottom:10px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.co-row .r{text-align:right;justify-content:flex-end}
.co-num{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:600}
.co-num button{font:inherit;color:var(--text);background:none;border:none;padding:0;cursor:pointer}
.co-num button:hover{color:var(--empT)}
.co-date{font-size:13px;color:var(--muted);font-weight:600;font-variant-numeric:tabular-nums}
.co-cli{display:flex;align-items:center;gap:10px;min-width:0}
.co-av{width:38px;height:38px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13.5px;font-weight:800}
.co-cli .t{min-width:0;display:flex;flex-direction:column;gap:1px}
.co-cli strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-cli span{font-size:12px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-org{justify-self:start;padding:4px 10px;border-radius:999px;background:rgba(255,193,7,.16);color:var(--mktT);font-size:12px;font-weight:800}
.co-total{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.co-seller{width:34px;height:34px;border-radius:50%;background:center/cover #34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid var(--card);box-shadow:0 0 0 1px var(--line)}
.co-st{justify-self:start;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.co-st::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}
.co-st.Borrador{background:var(--track);color:var(--muted)}
.co-st.Enviada{background:rgba(56,189,248,.15);color:var(--labT)}
.co-st.Aceptada{background:rgba(52,201,138,.15);color:var(--comT)}
.co-st.Vencida{background:rgba(229,72,77,.12);color:#E5484D}
.co-acts{display:flex;gap:6px;justify-content:flex-end}
.co-acts .mini{min-height:36px;font-size:13px;padding:0 12px;border-color:rgba(255,193,7,.6);color:var(--mktT) !important}
.co-acts .mini:hover{background:rgba(255,193,7,.1)}
.co-acts .ps-ib{width:36px;height:36px}
.co-meta{display:none}
/* formulario */
.co-form{width:min(720px,100%) !important}
.co-pick{position:relative}
.co-sug{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;max-height:280px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px var(--shadow);padding:6px}
.co-sug button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:10px;background:none;color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.co-sug button:hover,.co-sug button.on{background:var(--hover)}
.co-sug img{width:38px;height:38px;border-radius:8px;object-fit:cover;background:var(--photo);flex:none}
.co-sug .t{flex:1;min-width:0;display:flex;flex-direction:column}
.co-sug strong{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.co-sug span.s{font-size:12px;color:var(--muted);font-weight:600}
.co-sug .p{font-size:13px;font-weight:800;white-space:nowrap}
.co-sug .none{padding:12px;font-size:13px;color:var(--muted)}
.co-chosen{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px solid #6C8EF5;background:rgba(108,142,245,.08)}
.co-chosen .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.co-chosen strong{font-size:14.5px}
.co-chosen span{font-size:12.5px;color:var(--muted);font-weight:600}
.co-lines{display:flex;flex-direction:column;gap:8px}
.co-line{display:grid;grid-template-columns:minmax(0,1fr) 70px 110px 70px 100px 34px;gap:8px;align-items:center;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--bg)}
.co-line .nm{min-width:0;font-size:13.5px;font-weight:700;line-height:1.3}
.co-line .nm small{display:block;font-size:11.5px;color:var(--muted);font-weight:600}
.co-line input{min-height:38px;width:100%;padding:0 8px;border-radius:9px;border:1.5px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:13.5px;text-align:right;outline:none}
.co-line input:focus{border-color:#6C8EF5}
.co-line .sub{font-size:13.5px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.co-line .rm{width:34px;height:34px;border:none;border-radius:9px;background:none;color:var(--muted);cursor:pointer;font-size:14px}
.co-line .rm:hover{background:rgba(229,72,77,.12);color:#E5484D}
.co-lh{display:grid;grid-template-columns:minmax(0,1fr) 70px 110px 70px 100px 34px;gap:8px;padding:0 10px;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
.co-lh span:not(:first-child){text-align:right}
.co-empty{padding:16px;border-radius:12px;border:1px dashed var(--line);text-align:center;font-size:13px;color:var(--muted)}
.co-tot{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:13.5px}
.co-tot div{display:flex;gap:24px;min-width:240px;justify-content:space-between}
.co-tot span{color:var(--muted);font-weight:600}
.co-tot b{font-variant-numeric:tabular-nums}
.co-tot .big{font-size:18px;font-weight:800;padding-top:6px;margin-top:2px;border-top:1px solid var(--line)}
.co-tot .big span{color:var(--text)}
/* pdf */
.co-pdf .co-pdf-p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 24px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.co-pdf-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.co-pdf-h strong{font-family:'IBM Plex Mono',monospace;font-size:15px}
.co-pdf-b{flex:1;min-height:0;overflow:auto;padding:18px;background:var(--track)}
.co-pdf-b .em-doc{max-width:600px;margin:0 auto}
.co-pdf-f{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.co-pdf-f .grow{flex:1}
@media (max-width:1180px){
  .co-row{grid-template-columns:100px 90px minmax(0,1.4fr) 110px 110px 140px}
  .co-row > :nth-child(4),.co-row > :nth-child(6){display:none}
}
@media (max-width:767px){
  .co-cta{grid-template-columns:1fr}
  .co-tools{grid-template-columns:minmax(0,1fr)}
  .co-th{display:none !important}
  .co-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cli tot" "meta meta" "st ac";row-gap:10px;padding:14px}
  .co-row > .co-num,.co-row > .co-date,.co-row > .co-org,.co-row > .co-sellerc{display:none !important}
  .co-row > .co-cli{grid-area:cli}
  .co-row > .co-total{grid-area:tot}
  .co-row > .co-meta{grid-area:meta;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12.5px;color:var(--muted);font-weight:600;padding-left:48px}
  .co-row > .co-stc{grid-area:st;align-self:center;padding-left:48px}
  .co-row > .co-acts{grid-area:ac}
  .co-meta .co-num{font-size:12px;color:var(--text)}
  .co-lh{display:none}
  .co-line{grid-template-columns:minmax(0,1fr) 34px;grid-template-areas:"nm rm" "q p" "d s"}
  .co-line .nm{grid-area:nm}.co-line .rm{grid-area:rm}
  .co-line .q{grid-area:q}.co-line .pr{grid-column:1/-1}
  .co-line{grid-template-columns:repeat(3,minmax(0,1fr)) 34px;grid-template-areas:"nm nm nm rm" "q pr d d" "s s s s"}
  .co-line .q{grid-area:q}.co-line .pr{grid-area:pr}.co-line .d{grid-area:d}.co-line .sub{grid-area:s}
  .co-line input{text-align:left}
  .co-tot div{min-width:0;width:100%}
  .co-pdf .co-pdf-p{top:auto;bottom:0;left:0;transform:none;width:100%;max-height:92vh;border-radius:18px 18px 0 0}
  .co-pdf-b{padding:10px}
}
.page[data-page=cotizaciones] .ps-k span.kl{white-space:normal;line-height:1.3}
.co-pdf-f .ps-btn{white-space:nowrap}
@media (max-width:767px){.co-pdf-f .mini span{display:none}.co-pdf-f .grow{flex-basis:100%;height:0}.co-pdf-f .ps-btn,.co-pdf-f .mini:not(:has(svg)){flex:1}}

.co-st.Venta-exitosa{background:rgba(52,201,138,.18);color:var(--comT)}

/* ───────── Venta rápida ───────── */
.vr-page{gap:18px !important}
.vr-page [hidden]{display:none !important}
.vr-sub{display:block;font-size:14px;font-weight:600;line-height:1.45;max-width:640px}
.vr-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.vr-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.vr-card{display:flex;flex-direction:column;gap:14px;padding:20px 22px}
.vr-h{display:flex;align-items:center;gap:12px}
.vr-h h2{flex:1;margin:0;font-size:18px;font-weight:800}
.vr-h h2 small{font-size:13px;font-weight:600;color:var(--muted)}
.vr-n{width:30px;height:30px;flex:none;border-radius:9px;background:rgba(108,142,245,.16);color:var(--empT);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}
.vr-cur{min-width:180px}
.req{color:#E5484D;font-weight:800}
.fld input[readonly]{background:var(--track)}
.vr-info{display:flex;gap:8px;margin:0;font-size:13px;line-height:1.5;color:var(--muted);font-weight:500}
.vr-info svg{flex:none;margin-top:2px}
.vr-exist{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px solid #6C8EF5;background:rgba(108,142,245,.08)}
.vr-exist .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vr-exist strong{font-size:14.5px}
.vr-exist span{font-size:12.5px;color:var(--muted);font-weight:600}
.vr-dup{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.4);font-size:13px;line-height:1.45}
.vr-dup button{margin-left:auto;flex:none}
.vr-find{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px;position:relative}
.vr-find .co-sug{grid-column:1/-1}
.vr-items{border:1px solid var(--line);border-radius:14px;overflow:hidden}
.vr-ih,.vr-line{display:grid;grid-template-columns:minmax(0,1fr) 120px 84px 120px 36px;gap:10px;align-items:center;padding:10px 14px}
.vr-ih{background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.vr-ih span:nth-child(n+2){text-align:right}
.vr-line{border-top:1px solid var(--line)}
.vr-line .nm{display:flex;align-items:center;gap:10px;min-width:0}
.vr-line .nm img,.vr-line .nm .ps-img{width:40px;height:40px;border-radius:9px;flex:none}
.vr-line .nm span{min-width:0;display:flex;flex-direction:column}
.vr-line .nm strong{font-size:13.5px;line-height:1.3}
.vr-line .nm small{font-size:11.5px;color:var(--muted);font-weight:700}
.vr-line input{min-height:38px;width:100%;padding:0 8px;border-radius:9px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:13.5px;text-align:right;outline:none}
.vr-line input:focus{border-color:#6C8EF5}
.vr-line .sub{text-align:right;font-weight:800;font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vr-line .rm{width:34px;height:34px;border:none;border-radius:9px;background:none;color:var(--muted);cursor:pointer}
.vr-line .rm:hover{background:rgba(229,72,77,.12);color:#E5484D}
.vr-empty{padding:22px 14px;text-align:center;font-size:13.5px;color:var(--muted);border-top:1px solid var(--line)}
.vr-total{display:flex;justify-content:flex-end;align-items:baseline;gap:24px;padding:14px;border-top:1px solid var(--line);font-size:15px;font-weight:700}
.vr-total b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.vr-help{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.vr-help b{color:var(--comT)}
.vr-file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px dashed var(--line);background:var(--bg);cursor:pointer}
.vr-file:hover{border-color:#6C8EF5}
.vr-file.ok{border-style:solid;border-color:#34C98A;background:rgba(52,201,138,.08)}
.vr-file-ic{width:46px;height:46px;flex:none;border-radius:11px;background:rgba(108,142,245,.14);color:var(--empT);display:flex;align-items:center;justify-content:center;overflow:hidden}
.vr-file-ic img{width:100%;height:100%;object-fit:cover}
.vr-file-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.vr-file-t strong{font-size:14px}
.vr-file-t span{font-size:12.5px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* resumen */
.vr-side{position:sticky;top:calc(var(--hh,72px) + 16px)}
.vr-sum{padding:18px;display:flex;flex-direction:column;gap:14px}
.vr-sum h3{margin:0;font-size:15px;font-weight:800}
.vr-srow{display:flex;align-items:center;gap:10px;font-size:13.5px}
.vr-srow .ic{width:30px;height:30px;flex:none;border-radius:9px;display:flex;align-items:center;justify-content:center;background:var(--track);color:var(--muted)}
.vr-srow.ok .ic{background:rgba(52,201,138,.15);color:var(--comT)}
.vr-srow .t{flex:1;min-width:0;display:flex;flex-direction:column}
.vr-srow .t span{font-size:12px;color:var(--muted);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vr-stot{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px solid var(--line)}
.vr-stot b{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums}
.vr-result{padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.45;font-weight:600}
.vr-result.q{background:rgba(108,142,245,.1);color:var(--empT)}
.vr-result.s{background:rgba(52,201,138,.12);color:var(--comT)}
.vr-save{width:100%;justify-content:center;min-height:50px !important;font-size:15px !important}
.vr-mbar{display:none}
/* éxito */
.vr-done{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100% - 24px));background:var(--card);border-radius:20px;padding:26px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.vr-done .big{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.vr-done h2{margin:0;font-size:21px;font-weight:800}
.vr-done p{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}
.vr-done dl{width:100%;margin:6px 0;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;text-align:left;font-size:13.5px;padding:12px 14px;border-radius:12px;background:var(--bg)}
.vr-done dt{color:var(--muted);font-weight:600}
.vr-done dd{margin:0;font-weight:700;text-align:right}
.vr-done .acts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}
.vr-done .acts > *{flex:1;justify-content:center}
@media (max-width:1100px){.vr-grid{grid-template-columns:minmax(0,1fr)}.vr-side{display:none}.vr-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -6px 20px var(--shadow)}.vr-mbar .t{flex:1;min-width:0;display:flex;flex-direction:column}.vr-mbar b{font-size:19px;font-weight:800}.vr-mbar span{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vr-page{padding-bottom:100px}}
@media (max-width:767px){
  .vr-mbar{bottom:78px}
  .vr-card{padding:16px}
  .vr-h{flex-wrap:wrap}
  .vr-cur{min-width:0;width:100%;order:3}
  .vr-find{grid-template-columns:minmax(0,1fr)}
  .vr-ih{display:none}
  .vr-line{grid-template-columns:repeat(2,minmax(0,1fr)) 36px;grid-template-areas:"nm nm rm" "pr q q" "s s s"}
  .vr-line .nm{grid-area:nm}.vr-line .rm{grid-area:rm}.vr-line .pr{grid-area:pr}.vr-line .q{grid-area:q}.vr-line .sub{grid-area:s}
  .vr-line input{text-align:left}
}

.vr-line label small{display:none}
@media (max-width:767px){.vr-line label{display:flex;flex-direction:column;gap:3px}.vr-line label small{display:block;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}}

/* ───────── Expedientes ───────── */
.page[data-page=expedientes] [hidden]{display:none !important}
.page[data-page=expedientes] .ps-k span.kl{white-space:normal;line-height:1.3}
.ex-tools{grid-template-columns:minmax(0,1fr) 210px}
.ex-list{border-top:1px solid var(--line)}
.ex-row{display:grid;grid-template-columns:40px 100px minmax(200px,1.3fr) 130px minmax(150px,1fr) 90px 90px 140px;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.ex-row:not(.ex-th):hover{background:var(--hover)}
.ex-th{padding-top:10px;padding-bottom:10px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.ex-row .r{text-align:right}
.ex-n{font-size:13px;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}
.ex-date{font-size:13px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.ex-stack{display:flex;align-items:center}
.ex-stack span{width:34px;height:34px;border-radius:50%;margin-left:-10px;border:2px solid var(--card);background:center/cover;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:800}
.ex-stack span:first-child{margin-left:0}
.ex-chips{display:flex;flex-wrap:wrap;gap:5px}
.ex-chip{padding:3px 9px;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap}
.ex-chip.ini{background:rgba(56,189,248,.15);color:var(--labT)}
.ex-chip.pro{background:rgba(255,193,7,.16);color:var(--mktT)}
.ex-chip.fin{background:rgba(52,201,138,.15);color:var(--comT)}
.ex-num{font-size:15px;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.ex-acts{display:flex;justify-content:flex-end}
.ex-acts .ps-btn{min-height:38px;padding:0 14px;font-size:13px}
.ex-meta{display:none}
/* detalle */
.ex-detail{width:min(560px,100%) !important}
.ex-hero{display:flex;align-items:center;gap:14px;padding:4px 22px 0}
.ex-hero .co-av{width:56px;height:56px;font-size:19px}
.ex-hero h3{margin:0;font-size:19px;font-weight:800}
.ex-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 22px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ex-stats div{padding:12px;text-align:center;border-left:1px solid var(--line)}
.ex-stats div:first-child{border-left:0}
.ex-stats b{display:block;font-size:20px;font-weight:800}
.ex-stats span{font-size:12px;color:var(--muted);font-weight:600}
.ex-files{display:flex;flex-direction:column;gap:8px;padding:0 22px}
.ex-file{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--line)}
.ex-file .ic{width:38px;height:38px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center}
.ex-file .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ex-file strong{font-size:14px}
.ex-file .t span{font-size:12px;color:var(--muted);font-weight:600}
.ex-soon{margin:0 22px;padding:14px;border-radius:12px;border:1px dashed var(--line);font-size:13px;line-height:1.5;color:var(--muted);text-align:center}
.ex-sec{margin:0;padding:0 22px;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
@media (max-width:1180px){.ex-row{grid-template-columns:36px 92px minmax(0,1.3fr) minmax(140px,1fr) 80px 130px}.ex-row > :nth-child(4),.ex-row > :nth-child(6){display:none}}
@media (max-width:767px){
  .ex-tools{grid-template-columns:minmax(0,1fr)}
  .ex-th{display:none !important}
  .ex-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cli ac" "meta meta" "chips chips";row-gap:10px;padding:14px}
  .ex-row > .ex-n,.ex-row > .ex-date,.ex-row > .ex-stackc,.ex-row > .ex-num{display:none !important}
  .ex-row > .co-cli{grid-area:cli}
  .ex-row > .ex-acts{grid-area:ac;align-self:center}
  .ex-row > .ex-meta{grid-area:meta;display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12.5px;color:var(--muted);font-weight:600;padding-left:48px;align-items:center}
  .ex-row > .ex-chipsc{grid-area:chips;padding-left:48px}
  .ex-meta .ex-stack span{width:26px;height:26px;font-size:10px;margin-left:-8px}
  .ex-acts .ps-btn span{display:none}
  .ex-acts .ps-btn{padding:0 11px}
  .ex-hero,.ex-files,.ex-sec{padding-left:16px;padding-right:16px}
  .ex-stats,.ex-soon{margin-left:16px;margin-right:16px}
}

/* página del cliente */
.ex-wrap{display:flex;flex-direction:column;gap:20px;min-width:0}
.ex-back{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;font-size:14px;font-weight:700;color:var(--muted);text-decoration:none;padding:6px 10px 6px 4px;border-radius:10px}
.ex-back:hover{color:var(--text);background:var(--hover)}
.ex-card{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:26px 28px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#6C8EF5 0%,#7C6CE0 55%,#8B5CC4 100%);box-shadow:0 18px 40px rgba(108,110,230,.28)}
.ex-card::after{content:"";position:absolute;right:-60px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.ex-big{width:96px;height:96px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff;border:4px solid rgba(255,255,255,.35)}
.ex-id{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.ex-id h1{margin:0;font-size:28px;font-weight:800;line-height:1.15}
.ex-lines{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;font-weight:600;opacity:.95}
.ex-lines span{display:inline-flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}
.ex-sellers{display:flex;align-items:center;gap:10px;font-size:12.5px}
.ex-sellers .muted{color:rgba(255,255,255,.8) !important;font-weight:700}
.ex-sellers .ex-stack span{width:30px;height:30px;font-size:11px;border-color:rgba(255,255,255,.6)}
.ex-new{position:relative;z-index:1;flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border:none;border-radius:14px;background:linear-gradient(90deg,#22B455,#1FC88E);color:#fff;font-family:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(20,140,80,.35)}
.ex-new:hover{filter:brightness(1.06)}
.ex-kpis .kv{font-variant-numeric:tabular-nums}
.ex-ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:18px 20px 14px}
.ex-ph h2{margin:0;font-size:18px;font-weight:800}
.ex-ph .muted{font-size:13px;font-weight:600;white-space:nowrap}
.ex-frow{display:grid;grid-template-columns:40px minmax(140px,1fr) 170px 130px 110px 90px 130px;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line)}
.ex-frow:not(.ex-th):hover{background:var(--hover)}
.ex-frow .r{text-align:right}
.ex-fnum b{font-size:14.5px;font-weight:800;font-variant-numeric:tabular-nums}
.ex-date small{font-size:12px;opacity:.8}
.ex-badge{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 8px;border-radius:8px;font-size:13.5px;font-weight:800;font-variant-numeric:tabular-nums}
.ex-badge.cot{background:rgba(255,193,7,.18);color:var(--mktT)}
.ex-badge.ev{background:rgba(56,189,248,.16);color:var(--labT)}
.ex-see{min-height:36px !important;padding:0 14px !important;font-size:13px !important}
.ex-fmeta{display:none}
a.ex-file{text-decoration:none;color:inherit}
a.ex-file:hover{background:var(--hover)}
@media (max-width:900px){.ex-card{flex-wrap:wrap}.ex-new{width:100%;justify-content:center}}
@media (max-width:767px){
  .ex-card{padding:20px;gap:16px;border-radius:18px}
  .ex-big{width:68px;height:68px;font-size:24px}
  .ex-id h1{font-size:22px}
  .ex-lines{font-size:13px}
  .ex-frow{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"num st" "meta meta" "ac ac";row-gap:8px;padding:14px 16px}
  .ex-frow > .ex-n,.ex-frow > .ex-date,.ex-frow > .ex-c,.ex-frow > .ex-e{display:none !important}
  .ex-frow > .ex-fnum{grid-area:num}.ex-frow > .ex-fst{grid-area:st}
  .ex-frow > .ex-fmeta{grid-area:meta;display:block;font-size:12.5px;color:var(--muted);font-weight:600}
  .ex-frow > .ex-acts{grid-area:ac;justify-content:stretch}
  .ex-frow > .ex-acts .btn-outline{width:100%;justify-content:center}
}

/* detalle de expediente */
.ef-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ef-back{width:42px;height:42px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text)}
.ef-back:hover{background:var(--hover)}
.ef-title{flex:1;min-width:200px;display:flex;flex-direction:column}
.ef-title .muted{font-size:13px;font-weight:700}
.ef-title h1{margin:0;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}
.ef-steps{list-style:none;margin:0;padding:6px;display:flex;gap:0;background:var(--card);border:1px solid var(--line);border-radius:16px}
.ef-steps li{position:relative;display:flex}
.ef-steps li + li::before{content:"";align-self:center;width:22px;height:2px;background:var(--line)}
.ef-steps li.done + li::before,.ef-steps li.done::before{background:#34C98A}
.ef-steps button{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:none;border-radius:11px;background:none;font-family:inherit;font-size:13.5px;font-weight:700;color:var(--muted);cursor:pointer}
.ef-steps button:hover{background:var(--hover)}
.ef-steps i{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;color:#fff}
.ef-steps .done i{background:#34C98A;border-color:#34C98A}
.ef-steps .done button{color:var(--text)}
.ef-steps .on button{color:var(--text);background:var(--track)}
.ef-steps .on.ini i{background:#38BDF8;border-color:#38BDF8;box-shadow:0 0 0 4px rgba(56,189,248,.22)}
.ef-steps .on.pro i{background:#F2A900;border-color:#F2A900;box-shadow:0 0 0 4px rgba(242,169,0,.22)}
.ef-steps .on.fin i{background:#34C98A;border-color:#34C98A;box-shadow:0 0 0 4px rgba(52,201,138,.22)}
.ef-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}
.ef-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.ef-side{position:sticky;top:calc(var(--hh,72px) + 16px)}
.ef-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow);overflow:hidden}
.ef-ch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}
.ef-ch h2{margin:0;font-size:16.5px;font-weight:800}
.ef-ch h2 small{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:6px}
.ef-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px !important;padding:0 14px !important;font-size:13px !important;white-space:nowrap}
.ef-client{display:flex;align-items:center;gap:14px;padding:18px 20px}
.ef-client .co-av{width:52px;height:52px;font-size:18px;flex:none}
.ef-client > div{display:flex;flex-direction:column;gap:5px;min-width:0}
.ef-client strong{font-size:17px}
.ef-client span{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--muted);overflow-wrap:anywhere}
.ef-client span b{color:var(--text);font-weight:700}
.ef-table{display:flex;flex-direction:column}
.ef-tr{display:grid;grid-template-columns:130px minmax(0,1fr) 150px;gap:12px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);font-size:14px}
.ef-tr:last-child{border-bottom:0}
.ef-th{padding-top:9px;padding-bottom:9px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.ef-tr .r{text-align:right}
.ef-tr a{color:var(--empT);font-weight:800;text-decoration:none}
.ef-tr a:hover{text-decoration:underline}
.ef-amt{font-weight:800;font-variant-numeric:tabular-nums}
.ef-sum{background:var(--bg);font-weight:800}
.ef-empty{margin:0;padding:22px 20px;font-size:13.5px;color:var(--muted);text-align:center}
.ef-tl{list-style:none;margin:0;padding:8px 20px 14px}
.ef-tl li{position:relative;display:flex;gap:14px;padding:12px 0}
.ef-tl li:not(:last-child)::before{content:"";position:absolute;left:18px;top:52px;bottom:-12px;width:2px;background:var(--line)}
.ef-ti{width:38px;height:38px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.ef-tb{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.ef-tt{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.ef-tt b{font-size:14px}
.ef-tb p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text);opacity:.88}
.ef-ta{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--muted)}
.ex-av{flex:none;border-radius:50%;background:center/cover;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:10px}
.ef-sv{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 20px;text-align:center}
.ef-sv .ex-av{margin-bottom:8px;border:4px solid var(--track);font-size:34px}
.ef-sv strong{font-size:18px}
.ef-sv span{font-size:13px;color:var(--muted);font-weight:600}
.ef-sv a{margin-top:8px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;background:var(--track);color:var(--text);font-size:13.5px;font-weight:700;text-decoration:none}
.ef-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ef-mini div{padding:14px 8px;text-align:center;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.ef-mini div:first-child{border-left:0}
.ef-mini b{font-size:17px;font-weight:800;font-variant-numeric:tabular-nums}
.ef-mini div:last-child b{font-size:13.5px}
.ef-mini span{font-size:11.5px;color:var(--muted);font-weight:600}
.ef-mbody{display:flex;flex-direction:column;gap:14px;padding:4px 22px 18px}
.ef-mbody textarea{width:100%;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;resize:vertical;outline:none}
.ef-mbody textarea:focus{border-color:#6C8EF5}
.ef-pick{display:flex;flex-direction:column;gap:8px}
.ef-opt{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);cursor:pointer}
.ef-opt:has(input:checked){border-color:#6C8EF5;background:rgba(108,142,245,.08)}
.ef-opt input{accent-color:#6C8EF5;width:18px;height:18px;flex:none}
.ef-opt > span:not(.ex-av):not(.ic):not(.co-st){flex:1;min-width:0;display:flex;flex-direction:column}
.ef-opt strong{font-size:14px}
.ef-opt small{font-size:12px;color:var(--muted);font-weight:600}
.ef-opt .ic{width:36px;height:36px;flex:none;border-radius:10px;background:rgba(255,193,7,.16);color:var(--mktT);display:flex;align-items:center;justify-content:center}
#exDetail .ps-factions{padding:14px 22px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end}
@media (max-width:1100px){.ef-grid{grid-template-columns:minmax(0,1fr)}.ef-side{position:static}.ef-seller .ef-sv{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start;gap:4px 12px}.ef-seller .ex-av{width:56px !important;height:56px !important;font-size:20px;margin:0}}
@media (max-width:767px){
  .ef-title h1{font-size:21px}
  .ef-steps{width:100%;justify-content:space-between}
  .ef-steps li{flex:1}.ef-steps li + li::before{width:10px;flex:none}
  .ef-steps button{flex:1;flex-direction:column;gap:4px;padding:6px 4px;font-size:12px;justify-content:center}
  .ef-ch{padding:14px 16px;flex-wrap:wrap}
  .ef-client,.ef-tl{padding-left:16px;padding-right:16px}
  .ef-tr{grid-template-columns:96px minmax(0,1fr) auto;padding:12px 16px;font-size:13.5px}
  .ef-btn{flex:none}
}

/* nuevo evento */
.ef-mbody .fld > span{font-weight:700}
.ef-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ef-sub{margin:4px 0 -4px;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.ef-hint{font-size:12px;color:var(--muted);font-weight:600}
.ef-qs{display:flex;flex-direction:column;gap:8px}
.ef-qc{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.ef-qc:hover{border-color:#F2A900}
.ef-qc.on{border-color:#F2A900;box-shadow:0 0 0 3px rgba(242,169,0,.18);background:rgba(242,169,0,.06)}
.ef-qc .h{display:flex;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.ef-qc .h b{font-size:16px;color:var(--mktT)}
.ef-qc .amt{padding:3px 9px;border-radius:8px;background:rgba(34,180,85,.14);color:var(--comT);font-weight:800;font-size:13.5px;font-variant-numeric:tabular-nums}
.ef-qc .dt{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}
.ef-qc .pr{font-size:12.5px;color:var(--muted);font-weight:700}
.ef-qc .th{display:flex;gap:8px}
.ef-qc .th img{width:46px;height:46px;border-radius:10px;object-fit:cover;border:1px solid var(--line);background:var(--card)}
.ef-eqs{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-height:300px;overflow-y:auto}
.ef-eq{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}
.ef-eq:last-child{border-bottom:0}
.ef-eq.on{background:rgba(108,142,245,.08)}
.ef-eq .ic{width:36px;height:36px;flex:none;border-radius:10px;background:rgba(56,189,248,.15);color:var(--labT);display:flex;align-items:center;justify-content:center}
.ef-eq .t{flex:1;min-width:0;display:flex;flex-direction:column}
.ef-eq strong{font-size:14px}
.ef-eq small{font-size:12px;color:var(--muted);font-weight:600}
.ef-eq .mini{min-height:34px;font-size:12.5px;padding:0 10px;flex:none}
.ef-eq .mini.sel{background:#6C8EF5;border-color:#6C8EF5;color:#fff}
.ef-eqb{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ef-eqb .btn-outline{justify-content:center;gap:6px;font-size:13px}
.ef-eqb .btn-outline.ok{color:var(--comT);border-color:rgba(52,201,138,.5)}
.ef-warn{padding:10px 12px;border-radius:12px;background:rgba(242,169,0,.12);color:var(--mktT);font-size:13px;font-weight:700}
.ef-info{padding:12px 14px;border-radius:12px;background:rgba(56,189,248,.12);color:var(--labT);font-size:13.5px;line-height:1.5;font-weight:600}
.ef-wide{width:100%;justify-content:center;min-height:46px}
.ef-svc{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.ef-svc label{display:flex;align-items:center;gap:10px;padding:11px 14px;border-bottom:1px solid var(--line);font-size:14px;cursor:pointer}
.ef-svc label:last-child{border-bottom:0}
.ef-svc label:has(input:checked){background:rgba(108,142,245,.08);font-weight:700}
.ef-svc input{width:18px;height:18px;accent-color:#6C8EF5;flex:none}
.ef-wz{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ef-wz li{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-align:center}
.ef-wz i{width:28px;height:28px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12.5px;font-weight:800}
.ef-wz .on{color:var(--text)}.ef-wz .on i{border-color:#F2A900;background:#F2A900;color:#1a1a1a}
.ef-wz .done i{border-color:#34C98A;background:#34C98A;color:#fff}
.ef-sumdl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:14px;border-radius:12px;background:var(--bg);font-size:14px}
.ef-sumdl dt{color:var(--muted);font-weight:600}
.ef-sumdl dd{margin:0;font-weight:700;text-align:right}
@media (max-width:520px){.ef-2,.ef-eqb{grid-template-columns:minmax(0,1fr)}.ef-eq{flex-wrap:wrap}.ef-eq .t{flex-basis:calc(100% - 46px)}.ef-eq .mini{flex:1;justify-content:center}}
.ef-eq .mini{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-direction:row;text-transform:none;letter-spacing:0}
.ef-eqb .btn-outline{display:inline-flex;align-items:center}

/* menú de tipo de evento */
.ef-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;outline:none}
.ef-type,.ef-tsel{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;text-align:left}
.ef-type{cursor:pointer;transition:border-color .15s,transform .15s}
.ef-type:hover,.ef-type:focus-visible{border-color:#F2A900;outline:none;transform:translateY(-1px)}
.ef-type > svg{flex:none;color:var(--muted);opacity:.6}
.ef-type .ic,.ef-tsel .ic{width:40px;height:40px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center}
.ef-type .t,.ef-tsel .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ef-type strong,.ef-tsel strong{font-size:14px}
.ef-type small,.ef-tsel small{font-size:12px;color:var(--muted);font-weight:600;line-height:1.35}
.ef-type.fin,.ef-type.ok{grid-column:span 1}
.ef-tsel{border-color:#F2A900;background:rgba(242,169,0,.07)}
.ef-tsel .mini{flex:none;min-height:34px;font-size:12.5px;padding:0 12px}
@media (max-width:520px){.ef-types{grid-template-columns:minmax(0,1fr)}}

/* registrar equipo */
.eq-head{align-items:flex-start;gap:12px}
.eq-head > div{flex:1;min-width:0}
.eq-head h3{margin:0;font-size:20px;font-weight:800}
.eq-head small{display:block;margin-top:3px;font-size:13px;color:var(--muted);font-weight:600}
.eq-reg{flex:none;align-self:center;padding:5px 10px;border-radius:8px;border:1px solid var(--line);background:var(--bg);font-size:12px;letter-spacing:1.5px;color:var(--muted)}
.eq-steps{padding:14px 22px 12px;border-bottom:1px solid var(--line)}
.eq-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.eq-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--muted);text-align:center}
.eq-steps li + li::before{content:"";position:absolute;top:15px;right:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:var(--line)}
.eq-steps li.done::before,.eq-steps li.on::before{background:#34C98A}
.eq-steps li i{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;font-weight:800;background:var(--card);position:relative;z-index:1}
.eq-steps .done{color:var(--comT)}.eq-steps .done i{border-color:#34C98A;color:var(--comT)}
.eq-steps .on{color:var(--mktT)}.eq-steps .on i{border-color:#F2A900;background:#F2A900;color:#1a1a1a;box-shadow:0 0 0 4px rgba(242,169,0,.2)}
.eq-steps .bar{margin-top:12px;height:4px;border-radius:9px;background:var(--track);overflow:hidden}
.eq-steps .bar i{display:block;height:100%;background:#F2A900;border-radius:9px;transition:width .3s}
.eq-body{padding-top:16px !important}
.eq-who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.eq-who button{display:flex;align-items:center;gap:10px;padding:14px 12px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.eq-who button.on{border-color:#F2A900;background:rgba(242,169,0,.08)}
.eq-who .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.eq-who strong{font-size:14.5px}.eq-who .on strong{color:var(--mktT)}
.eq-who small{font-size:12px;color:var(--muted);font-weight:600;line-height:1.35}
.eq-who i{width:18px;height:18px;flex:none;border-radius:50%;border:2px solid var(--line)}
.eq-who .on i{border:5px solid #F2A900;background:#fff}
.eq-who .av,.eq-owner .av{width:40px;height:40px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px}
.av.emp{background:var(--track);color:var(--muted)}
.eq-owner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1.5px solid rgba(52,201,138,.45);background:rgba(52,201,138,.06)}
.eq-owner .t{flex:1;min-width:0;display:flex;flex-direction:column}
.eq-owner strong{font-size:15px}
.eq-owner small{font-size:12.5px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.ef-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}
.ef-badge.ok{background:rgba(52,201,138,.15);color:var(--comT)}
.ef-badge.wait{background:rgba(242,169,0,.16);color:var(--mktT)}
.eq-box{padding:16px;border-radius:14px;border:1px solid var(--line);background:var(--bg);display:flex;flex-direction:column;gap:12px}
.eq-bh{display:flex;gap:10px;align-items:flex-start;color:var(--mktT)}
.eq-bh svg{flex:none;margin-top:2px}
.eq-bh div{display:flex;flex-direction:column;gap:2px;color:var(--text)}
.eq-bh strong{font-size:15.5px}
.eq-bh small{font-size:13px;color:var(--muted);font-weight:600}
.eq-prev{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#1D2236;color:#F2A900}
.eq-prev svg{flex:none}
.eq-prev div{display:flex;flex-direction:column;gap:3px;min-width:0}
.eq-prev small{font-size:12px;color:#A9B0C6;font-weight:600}
.eq-prev code{font-size:18px;letter-spacing:2px;color:#6B7290;overflow-wrap:anywhere}
.eq-prev code.on{color:#F2A900}
.eq-cam{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;border-radius:16px;border:2px dashed var(--line);text-align:center;cursor:pointer}
.eq-cam:hover{border-color:#F2A900}
.eq-cam .ic{width:64px;height:64px;border-radius:50%;background:rgba(242,169,0,.14);color:var(--mktT);display:flex;align-items:center;justify-content:center}
.eq-cam strong{font-size:15px}
.eq-cam small{font-size:12.5px;color:var(--muted);font-weight:600;max-width:280px}
.eq-photo{width:100%;max-height:340px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}
.eq-retake{justify-content:center;gap:6px;cursor:pointer}
.eq-dl{margin:0;display:grid;grid-template-columns:auto 1fr;font-size:14px}
.eq-dl dt,.eq-dl dd{padding:10px 0;border-bottom:1px solid var(--line)}
.eq-dl dt{color:var(--muted);font-weight:600;padding-right:14px}
.eq-dl dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.eq-dl dt:nth-last-of-type(1),.eq-dl dd:last-of-type{border-bottom:0}
.eq-dl code,.ef-geo{color:var(--mktT);letter-spacing:.5px}
.eq-dl.two{grid-template-columns:auto 1fr auto 1fr;column-gap:14px}
.eq-decl{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;cursor:pointer;padding:12px;border-radius:12px;background:var(--card)}
.eq-decl input{width:20px;height:20px;flex:none;accent-color:#F2A900;margin-top:1px}
.eq-done{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border-radius:16px;background:linear-gradient(160deg,#1D2236,#262B45);border:1px solid rgba(242,169,0,.35);text-align:center;color:#E6E8F2}
.eq-done small{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#A9B0C6}
.eq-done code{font-size:24px;font-weight:700;letter-spacing:3px;color:#F2A900;overflow-wrap:anywhere;line-height:1.35}
.eq-done p{margin:0;font-size:14px;color:#C9CDE0}
.eq-done div{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.eq-done div span{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.25);font-size:12.5px;font-weight:700}
.eq-foot{align-items:center;flex-wrap:wrap}
.eq-foot .sp{flex:1}
.eq-step{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--muted);font-weight:700}
.eq-foot .ps-btn,.eq-foot .btn-outline{display:inline-flex;align-items:center;gap:6px}
.eq-foot .ps-btn:disabled{opacity:.45;cursor:not-allowed}
@media (max-width:520px){
  .eq-head{padding-left:16px !important;padding-right:16px !important}
  .eq-steps{padding:12px 10px}
  .eq-steps li{font-size:10.5px}
  .eq-steps li + li::before{right:calc(50% + 16px);width:calc(100% - 32px)}
  .eq-steps li i{width:28px;height:28px}
  .eq-who{grid-template-columns:minmax(0,1fr)}
  .eq-dl.two{grid-template-columns:auto 1fr}
  .eq-done code{font-size:19px;letter-spacing:2px}
  .eq-foot .sp{display:none}
  .eq-foot > button{flex:1;justify-content:center}
  .eq-foot .eq-step,.eq-foot .ef-badge{order:-1}
  .eq-foot .ef-badge{margin-left:auto}
}

.ex-detail.eq-wide{width:min(640px,100%) !important}
.eq-foot{flex-wrap:nowrap}
.eq-stat{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
@media (max-width:520px){.eq-foot{flex-wrap:wrap}.eq-stat{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}
.eq-retake{display:flex !important;align-items:center;min-height:44px}

/* ───────── Mi laboratorio ───────── */
.lb-page [hidden]{display:none !important}
.lb-hic{width:44px;height:44px;border-radius:12px;background:rgba(56,189,248,.15) !important;color:var(--labT) !important}
.lb-sub{font-size:13.5px;font-weight:600}
.lb-sub code{font-size:12.5px;padding:1px 6px;border-radius:6px;background:var(--track)}
.lb-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.lb-nav{position:sticky;top:calc(var(--hh,72px) + 16px);display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow)}
.lb-nav a{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600}
.lb-nav a svg{flex:none;color:var(--muted)}
.lb-nav a:hover{background:var(--hover)}
.lb-nav a.on{background:#F2A900;color:#1a1a1a;font-weight:800}
.lb-nav a.on svg{color:#1a1a1a}
.lb-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.lb-th{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap}
.lb-th h2{margin:0;font-size:21px;font-weight:800}
.lb-th p{margin:4px 0 0;font-size:13.5px;color:var(--muted);font-weight:500;line-height:1.5;max-width:620px}
.lb-th .ps-btn{display:inline-flex;align-items:center;gap:7px;flex:none}
.lb-th .ps-btn:disabled{opacity:.45;cursor:not-allowed}
.lb-card{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow);min-width:0}
.lb-ch{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line)}
.lb-ch h2{margin:0;display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:800;min-width:0}
.lb-ch h2 svg{flex:none;color:var(--labT)}
.lb-cb{padding:16px 20px 18px;display:flex;flex-direction:column;gap:14px}
.lb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.lb-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.lb-grid.one{grid-template-columns:minmax(0,1fr)}
.lb-grid .fld.wide{grid-column:1/-1}
.lb-page .fld input,.lb-page .fld select,#exDetail .fld input,#exDetail .fld select{min-height:44px}
.lb-page .fld input[readonly]{background:var(--track);color:var(--muted)}
.lb-copy{display:flex;gap:6px}
.lb-copy input{flex:1;min-width:0}
.lb-copy .mini{flex:none;min-height:44px;width:44px;justify-content:center;padding:0}
.lb-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.lb-row .btn-outline{display:inline-flex;align-items:center;gap:7px;text-decoration:none}
.lb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.lb-mini dl{margin:0;padding:10px 20px 14px;display:grid;grid-template-columns:auto 1fr;font-size:13.5px}
.lb-mini dt,.lb-mini dd{padding:7px 0;border-bottom:1px solid var(--line)}
.lb-mini dt{color:var(--muted);font-weight:600;padding-right:12px}
.lb-mini dd{margin:0;text-align:right;font-weight:700}
.lb-mini dt:last-of-type,.lb-mini dd:last-of-type{border-bottom:0}
.lb-mini .mini{text-decoration:none;min-height:32px;font-size:12.5px}
.lb-desc{margin:0;font-size:13.5px;line-height:1.55;color:var(--muted)}
.lb-file{display:flex;align-items:stretch;min-height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);overflow:hidden;cursor:pointer}
.lb-file .b{display:flex;align-items:center;padding:0 14px;border-right:1.5px solid var(--line);font-weight:700;font-size:13.5px;white-space:nowrap}
.lb-file .t{display:flex;align-items:center;padding:0 12px;font-size:13px;color:var(--muted);font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0}
.lb-file:hover{border-color:#F2A900}
.lb-up{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px}
.lb-logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.lb-logo{position:relative;margin:0;padding:10px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:8px}
.lb-logo img,.lb-logo .ph{width:100%;height:84px;border-radius:10px;background:#fff;object-fit:contain}
.lb-logo .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#8B1E3F}
.lb-logo .ph b{font-size:15px;letter-spacing:1px;color:#333}
.lb-logo figcaption{font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:center}
.lb-del{width:34px;height:34px;border-radius:10px;border:1.5px solid rgba(229,72,77,.45);background:var(--card);color:#E5484D;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.lb-del:hover{background:rgba(229,72,77,.1)}
.lb-logo .lb-del{position:absolute;top:6px;right:6px;width:30px;height:30px}
.lb-photo{display:flex;flex-direction:column;gap:8px}
.lb-pl{font-size:13.5px;font-weight:700}
.lb-pimg{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.lb-pimg img{max-width:100%;max-height:220px;border-radius:10px;object-fit:contain;background:#fff}
.lb-pimg.sig img{width:100%;max-width:340px;height:120px}
.lb-pimg .lb-del{position:absolute;top:10px;right:10px}
.lb-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border-radius:14px;border:2px dashed var(--line);color:var(--muted);text-align:center;cursor:pointer}
.lb-drop:hover{border-color:#F2A900;color:var(--mktT)}
.lb-drop strong{color:var(--text);font-size:14px}
.lb-drop small{font-size:12px;font-weight:600}
.lb-actions{display:flex;gap:10px;flex-wrap:wrap}
.lb-actions > *{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.lb-tools{grid-template-columns:minmax(0,1fr) auto !important}
.lb-show{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;white-space:nowrap}
.lb-cats{overflow-x:auto}
/* tablas */
.lb-table{border-top:1px solid var(--line)}
.lb-tr{display:grid;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:13.5px}
.lb-tr:not(.lb-thd):hover{background:var(--hover)}
.lb-thd{padding-top:10px;padding-bottom:10px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.lb-tr .r{text-align:right;justify-content:flex-end}
.lb-tr small{display:block;font-size:12px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.lb-tr code{font-size:12.5px}
.lb-eqr{grid-template-columns:64px 52px 116px minmax(120px,1fr) 92px 96px 90px 54px 54px;gap:10px}
.lb-cer{grid-template-columns:76px 88px minmax(130px,1.2fr) minmax(110px,1fr) minmax(130px,1fr) 96px 88px;gap:10px}
.lb-osr{grid-template-columns:64px 100px minmax(130px,1.2fr) minmax(130px,1fr) minmax(130px,1fr) 90px 96px;gap:10px}
.lb-id{display:inline-flex;align-items:center;gap:6px;border:none;background:none;padding:6px 0;color:var(--text);font-family:inherit;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;cursor:default}
.lb-id svg{display:none;transition:transform .15s}
.lb-tr.open .lb-id svg{transform:rotate(90deg)}
.lb-eimg{border-radius:10px;object-fit:cover;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.lb-eimg.none{background:var(--track);color:var(--muted)}
.lb-more{display:none}
.lb-st{display:inline-flex;align-items:center;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:800;white-space:nowrap}
.lb-st.ok{background:rgba(52,201,138,.15);color:var(--comT)}
.lb-st.wait{background:rgba(242,169,0,.16);color:var(--mktT)}
.lb-st.info{background:rgba(56,189,248,.15);color:var(--labT)}
.lb-st.muted{background:var(--track);color:var(--muted)}
.lb-free{color:var(--comT);font-weight:800;letter-spacing:.5px}
.lb-open{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;border:none;background:rgba(52,201,138,.15);color:var(--comT);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.lb-open:hover{background:rgba(52,201,138,.25)}
.lb-tag{display:inline-block;margin:2px 4px 2px 0;padding:3px 8px;border-radius:7px;background:var(--track);font-size:12px;font-weight:700}
.c-n a{display:block;font-size:12px;font-weight:700;color:var(--empT);text-decoration:none}
/* plantillas */
.lb-tpls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.lb-uses{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);font-weight:600}
.lb-uses li{display:flex;align-items:center;gap:7px}
.lb-uses svg{color:var(--comT);flex:none}
/* calculadora */
.lb-calc{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px;border-radius:14px;background:rgba(52,201,138,.1);text-align:center}
.lb-calc small{font-size:12.5px;color:var(--muted);font-weight:700}
.lb-calc b{font-size:28px;font-weight:800;color:var(--comT);font-variant-numeric:tabular-nums}
/* documento de certificado */
.ex-detail.lb-modal{width:min(720px,100%) !important}
.lb-doc{background:#fff;color:#1C2333;border-radius:12px;border:1px solid #E3E6EE;padding:22px;display:flex;flex-direction:column;gap:12px;font-size:13px}
.lb-doc header{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:2px solid #F2A900}
.lb-doc header b{font-size:16px}
.lb-doc header small{display:block;color:#5C6370;font-size:11.5px;margin-top:2px}
.lb-doc .lg{display:flex;gap:8px;align-items:center}
.lb-doc .lg img{height:34px;max-width:90px;object-fit:contain}
.lb-doc .lg span{padding:6px 10px;border:1px solid #E3E6EE;border-radius:8px;font-weight:800;font-size:11px;letter-spacing:1px;color:#8B1E3F}
.lb-doc h3{margin:4px 0 0;font-size:18px;text-align:center}
.lb-doc .n{margin:0;text-align:center;color:#5C6370;font-weight:600}
.lb-doc table{width:100%;border-collapse:collapse}
.lb-doc th,.lb-doc td{padding:7px 8px;border:1px solid #E3E6EE;text-align:left;vertical-align:top}
.lb-doc th{background:#F6F7FA;font-weight:700;color:#5C6370;width:22%}
.lb-doc .res{margin:0;padding:12px;border-radius:8px;border:1px dashed #C9CEDA;color:#5C6370;text-align:center}
.lb-doc .sg{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:6px}
.lb-doc .sg div{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.lb-doc .sg img{width:100%;max-width:200px;height:70px;object-fit:contain;border-bottom:1px solid #1C2333}
.lb-doc .sg i{display:block;width:200px;height:70px;border-bottom:1px solid #1C2333}
.lb-doc .sg small{color:#5C6370}
.is-lab .eq-who{display:none}
@media (max-width:1180px){
  .lb-eqr{grid-template-columns:76px 56px minmax(140px,1fr) 110px 100px 70px}.lb-eqr > .c-cat,.lb-eqr > .c-la,.lb-eqr > .c-sg{display:none}
  .lb-cer{grid-template-columns:90px 92px minmax(140px,1fr) minmax(140px,1fr) 100px 92px}.lb-cer > .c-fm{display:none}
  .lb-osr{grid-template-columns:64px 96px minmax(130px,1fr) minmax(130px,1fr) 90px 96px}.lb-osr > .c-fm{display:none}
}
@media (max-width:900px){
  .lb-wrap{grid-template-columns:minmax(0,1fr)}
  .lb-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:14px}
  .lb-nav::-webkit-scrollbar{display:none}
  .lb-nav a{flex:none;min-height:40px;font-size:13px;white-space:nowrap}
}
@media (max-width:767px){
  .lb-grid,.lb-grid.three,.lb-two,.lb-tpls{grid-template-columns:minmax(0,1fr)}
  .lb-ch,.lb-cb{padding-left:16px;padding-right:16px}
  .lb-th .ps-btn{width:100%;justify-content:center}
  .lb-actions > *{flex:1;justify-content:center}
  .lb-tools{grid-template-columns:minmax(0,1fr) !important}
  .lb-thd{display:none !important}
  .lb-tr{grid-template-columns:auto minmax(0,1fr) auto !important;padding:12px 14px;row-gap:8px}
  .lb-tr > :not(.lb-id):not(.lb-eimg):not(.c-st):not(.lb-more):not(.c-cl):not(.c-bm):not(.c-n):not(.c-ac):not(.c-mm){display:none !important}
  .lb-cer > .c-ac{display:none !important}
  .lb-osr > .c-ac{display:flex !important;grid-column:1/-1}
  .lb-osr > .c-ac .mini{width:100%;justify-content:center}
  .lb-id{cursor:pointer}.lb-id svg{display:inline}
  .lb-eqr > .c-bm{grid-column:1/-1;order:5}
  .lb-cer > .c-cl{grid-column:1/-1;order:5}
  .lb-tr.open > .lb-more{display:grid;grid-column:1/-1;order:6;grid-template-columns:auto 1fr;margin:4px 0 2px;font-size:13.5px}
  .lb-more dt,.lb-more dd{padding:9px 0;border-bottom:1px solid var(--line)}
  .lb-more dt{font-weight:800;padding-right:12px}
  .lb-more dd{margin:0;text-align:right;color:var(--muted);font-weight:600}
  .lb-more dd small{display:block}
  .lb-more dt:last-of-type,.lb-more dd:last-of-type{border-bottom:0}
  .lb-doc{padding:14px}.lb-doc header{flex-direction:column}
  .lb-doc th{width:auto}
}

.c-mm{display:none}
.lb-sum{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:12px}
.lb-sum > div{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 2px 10px var(--shadow);min-width:0}
.lb-sum small{font-size:12.5px;color:var(--muted);font-weight:700}
.lb-sum b{font-size:15.5px;font-weight:800;overflow-wrap:anywhere}
.lb-sum b.big{font-size:24px;font-variant-numeric:tabular-nums}
.lb-ph{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 18px 4px}
.lb-ph h2{margin:0;font-size:17px;font-weight:800}
.lb-ph .muted{font-size:13px;font-weight:600}
.lb-tools.os{grid-template-columns:minmax(0,1fr) 170px !important}
.lb-ab{display:inline-flex !important;align-items:center;gap:6px;min-height:36px !important;padding:0 14px !important;font-size:13px !important}
@media (max-width:767px){
  .lb-sum{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lb-sum > div{padding:12px}.lb-sum b.big{font-size:20px}.lb-sum code{font-size:11.5px}
  .lb-sum > div:first-child{grid-column:1/-1}
  .lb-tools.os{grid-template-columns:minmax(0,1fr) !important}
  .lb-osr > .c-n{order:1}.lb-osr > .c-st{order:2;justify-self:end;grid-column:3}
  .lb-osr > .c-cl{order:3;grid-column:1/-1}
  .lb-osr > .c-mm{display:block !important;order:4;grid-column:1/-1;font-size:12.5px;color:var(--muted);font-weight:600}
  .lb-osr > .c-ac{order:5}
  .lb-osr > .c-ac .lb-ab{width:100%;justify-content:center}
}

/* ───────── Emisión de certificado (GNSS RTK) ───────── */
.lb-wrap.lc-mode{grid-template-columns:minmax(0,1fr)}
.lb-wrap.lc-mode .lb-nav{display:none}
.lc{display:flex;flex-direction:column;gap:16px;min-width:0}
.lc-top{display:flex;align-items:center;gap:12px}
.lc-back{width:42px;height:42px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text)}
.lc-back:hover{background:var(--hover)}
.lc-tt{flex:1;min-width:0}
.lc-tt small{font-size:12.5px;color:var(--muted);font-weight:700}
.lc-tt h1{margin:0;font-size:24px;font-weight:800;line-height:1.2}
.lc-num{flex:none;font-size:20px;font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}
.lc-eq{display:grid;grid-template-columns:120px minmax(0,1fr) 300px;gap:18px;align-items:center;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 10px var(--shadow)}
.lc-eqimg{width:120px;height:120px;border-radius:14px;background:var(--track);color:var(--muted);display:flex;align-items:center;justify-content:center}
.lc-eq dl{margin:0;display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 16px;font-size:14px;align-items:baseline}
.lc-eq dt{font-size:11.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.lc-eq dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.lc-eq dd code{font-size:12.5px;color:var(--mktT)}
.lc-side{display:flex;flex-direction:column;gap:10px}
.lc-sol{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line);position:relative}
.lc-sol small{font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}
.lc-sol b{font-size:14px;padding-right:64px}
.lc-sol span{font-size:12.5px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}
.lc-sol .mini{position:absolute;top:10px;right:10px;min-height:30px;font-size:12px}
.lc-add{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:99px;border:none;background:rgba(52,201,138,.16);color:var(--comT);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.lc-next{display:inline-flex !important;align-items:center;justify-content:center;gap:8px;min-height:48px !important;font-size:15px !important}
.lc-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.lc-steps button{display:flex;align-items:center;gap:10px;padding:10px;border:none;border-radius:12px;background:none;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;min-width:0}
.lc-steps button:hover{background:var(--hover)}
.lc-steps button.on{background:rgba(242,169,0,.14);box-shadow:inset 0 -3px 0 #F2A900}
.lc-steps i{width:28px;height:28px;flex:none;border-radius:50%;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-size:12.5px;font-weight:800;color:var(--muted)}
.lc-steps .on i{border-color:#F2A900;background:#F2A900;color:#1a1a1a}
.lc-steps .done i{border-color:#34C98A;background:#34C98A;color:#fff}
.lc-steps span{display:flex;flex-direction:column;min-width:0}
.lc-steps b{font-size:13px;line-height:1.25}
.lc-steps .on b{color:var(--mktT)}
.lc-steps small{font-size:11.5px;font-weight:700;color:var(--muted)}
.lc-steps .done small{color:var(--comT)}
.lc-body{display:flex;flex-direction:column;gap:16px}
.lc-card .lb-ch h2 small{font-size:12.5px;font-weight:600;color:var(--muted);margin-left:6px}
.lc-f .req{color:#F2A900}
.lc-f select.rq,.lc-f input.rq,.lc-f textarea.rq{border-color:rgba(242,169,0,.55)}
.lc-f textarea{min-height:90px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;resize:vertical;outline:none}
.lc-f.wide{grid-column:1/-1}
.lc-unit{display:flex}
.lc-unit input{flex:1;min-width:0;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important}
.lc-unit i{display:flex;align-items:center;justify-content:center;min-width:46px;padding:0 10px;border:1.5px solid var(--line);border-left:0;border-radius:0 12px 12px 0;background:var(--track);font-style:normal;font-size:13px;font-weight:700;color:var(--muted)}
.lc-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lc-pair input{min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;outline:none;min-width:0}
.lc-sx{font-size:18px;font-weight:800;padding-top:8px}
.lc-chk{margin:0}
.lc-note{margin:0;font-size:13px;line-height:1.55;font-weight:600}
.lc-note.info{color:var(--empT)}
.lc-note.warn{color:var(--mktT)}
.lc-note.it{color:var(--muted);font-style:italic;font-weight:500}
.lc-muted{margin:0;font-size:13.5px;color:var(--muted);font-style:italic}
.lc-save{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.lc-save .ps-btn,.lc-save .btn-outline{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 26px}
.lc-save .ps-btn:disabled{opacity:.45;cursor:not-allowed}
/* puntos y conjuntos */
.lc-pts,.lc-sets{display:flex;flex-direction:column;gap:6px}
.lc-pr{display:grid;grid-template-columns:80px repeat(6,minmax(0,1fr)) 36px;gap:8px;align-items:center}
.lc-sr{display:grid;grid-template-columns:72px repeat(6,minmax(0,1fr)) 78px 78px;gap:8px;align-items:center}
.lc-ph{font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);padding:6px 0;border-bottom:1px solid var(--line)}
.lc-pr input,.lc-sr input{width:100%;min-height:40px;padding:0 8px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:13.5px;font-variant-numeric:tabular-nums;outline:none;text-align:right}
.lc-pr > input{text-align:left}
.lc-pr input:focus,.lc-sr input:focus{border-color:#F2A900}
.lc-pr label,.lc-sr label{display:block;min-width:0}
.lc-pr label small,.lc-sr label small,.lc-cd small{display:none}
.lc-sr > b{font-size:13px}
.lc-cd{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}
.lc-addpt{align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.lc-tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.lc-tw table{width:100%;border-collapse:collapse;font-size:13.5px}
.lc-tw th{padding:9px 12px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);text-align:right;white-space:nowrap}
.lc-tw th:first-child,.lc-tw td:first-child{text-align:left}
.lc-tw td{padding:10px 12px;border-top:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums}
.lc-tw td small{display:block;font-size:11.5px;color:var(--muted);font-weight:500}
.lc-ev td{text-align:left !important;vertical-align:middle}.lc-ev th{text-align:left}
.lc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lc-kpis div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.lc-kpis small{font-size:12.5px;color:var(--muted);font-weight:700}
.lc-kpis b{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.lc-kpis i{font-style:normal;font-size:12px;color:var(--muted);font-weight:600}
.lc-iso{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--bg)}
.lc-iso span{display:flex;flex-direction:column}
.lc-iso small{font-size:12.5px;color:var(--muted);font-weight:600}
.lc-chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;font-size:12.5px;font-weight:800;white-space:nowrap;border:1px solid transparent}
.lc-chip.ok{background:rgba(52,201,138,.15);color:var(--comT)}
.lc-chip.wait{background:rgba(242,169,0,.14);color:var(--mktT);border-color:rgba(242,169,0,.4)}
.lc-chip.bad{background:rgba(229,72,77,.12);color:#E5484D}
.lc-chip.muted{background:var(--track);color:var(--muted)}
.lc-fig{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.lc-fig svg{width:100%;max-width:320px;height:auto}
.lc-fig .bg{fill:var(--bg)}
.lc-fig .ax{stroke:var(--line);stroke-width:1}
.lc-fig .lim{fill:rgba(52,201,138,.08);stroke:#34C98A;stroke-width:1.5;stroke-dasharray:4 3}
.lc-fig .pt{fill:#F2A900;stroke:var(--card);stroke-width:2}
.lc-fig .lt,.lc-fig .at{font-size:10px;fill:var(--muted);font-family:inherit;font-weight:700}
.lc-fig .l1{fill:none;stroke:#6C8EF5;stroke-width:2}.lc-fig .p1{fill:#6C8EF5}
.lc-fig .l2{fill:none;stroke:#F2A900;stroke-width:2}.lc-fig .p2{fill:#F2A900}
.lc-fig figcaption{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px}
.lc-fig .k1,.lc-fig .k2{display:inline-block;width:10px;height:10px;border-radius:50%;background:#6C8EF5}.lc-fig .k2{background:#F2A900}
.lc-miss{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.lc-miss button{width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px;padding:10px 14px;border:none;border-left:4px solid #F2A900;border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;text-align:left;cursor:pointer}
.lc-miss button:hover{background:var(--hover)}
.lc-miss small{grid-column:1;font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--mktT)}
.lc-miss span{grid-column:1;font-size:14.5px;font-weight:600}
.lc-miss svg{grid-column:2;grid-row:1/3;color:var(--muted)}
.lc-ready{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:rgba(52,201,138,.1);color:var(--comT)}
.lc-ready div{display:flex;flex-direction:column}
.lc-ready b{font-size:16px}
.lc-ready span{font-size:13px;color:var(--muted);font-weight:600}
@media (max-width:1100px){.lc-eq{grid-template-columns:100px minmax(0,1fr)}.lc-eqimg{width:100px;height:100px}.lc-side{grid-column:1/-1;flex-direction:row;align-items:stretch}.lc-sol{flex:1}.lc-next{flex:none;padding:0 28px !important}}
@media (max-width:900px){.lc-steps{display:flex;overflow-x:auto;scrollbar-width:none}.lc-steps::-webkit-scrollbar{display:none}.lc-steps button{flex:none;width:auto}.lc-eq dl{grid-template-columns:auto 1fr}}
@media (max-width:767px){
  .lc-tt h1{font-size:20px}.lc-num{font-size:16px}
  .lc-eq{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px}.lc-eqimg{width:72px;height:72px}
  .lc-eq dl{font-size:13px;gap:5px 10px}
  .lc-side{flex-direction:column}
  .lc-next{width:100%}
  .lc-ph{display:none}
  .lc-pr,.lc-sr{grid-template-columns:repeat(3,minmax(0,1fr));padding:10px;border:1px solid var(--line);border-radius:12px;gap:8px}
  .lc-pr > input{grid-column:1/3}.lc-pr > .lb-del{justify-self:end}
  .lc-sr > b{grid-column:1/-1}
  .lc-pr label small,.lc-sr label small,.lc-cd small{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:3px}
  .lc-cd{text-align:left;grid-column:span 1}
  .lc-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lc-save > *{flex:1;justify-content:center}
}

/* ───────── Certificado · Estación total ───────── */
.lc-eqimg img{width:100%;height:100%;object-fit:cover;border-radius:14px}
.lc-eqimg img + svg{display:none}
.le-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.le-amb{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1fr) minmax(0,1fr);gap:10px 12px;align-items:center}
.le-amb > b{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-align:center}
.le-l{font-size:14px;font-weight:600;color:var(--text)}
.le-amb .lc-unit input,.le-row input{min-height:42px;padding:0 12px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;outline:none;width:100%;text-align:center;font-variant-numeric:tabular-nums}
.le-row input{text-align:left}
.le-amb input:focus,.le-row input:focus{border-color:#F2A900}
.le-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,1.2fr);gap:12px;align-items:center}
.le-radios{display:flex;gap:16px;flex-wrap:wrap}
.le-radios label{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;cursor:pointer}
.le-radios input,.le-opts input{width:18px;height:18px;accent-color:#F2A900}
.le-dl{margin:0;display:grid;grid-template-columns:auto 1fr;font-size:14px}
.le-dl dt,.le-dl dd{padding:8px 0;border-bottom:1px solid var(--line)}
.le-dl dt{color:var(--muted);font-weight:600;padding-right:12px}
.le-dl dd{margin:0;font-weight:700;text-align:right}
.le-dl dt:last-of-type,.le-dl dd:last-of-type{border-bottom:0}
.le-ops{display:flex;flex-direction:column}
.le-oh,.le-or{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(0,1.4fr) 210px;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--line)}
.le-oh{font-size:11.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);padding-top:4px}
.le-or:last-child{border-bottom:0}
.le-or b{font-size:14.5px}
.le-or span{font-size:13.5px;color:var(--muted);font-weight:600}
.le-seg{display:inline-flex;padding:3px;border-radius:12px;background:var(--track);gap:3px}
.le-seg button{flex:1;min-height:34px;padding:0 12px;border:none;border-radius:9px;background:none;color:var(--muted);font-family:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.le-seg button.on.ok{background:#34C98A;color:#fff}
.le-seg button.on.bad{background:#E5484D;color:#fff}
.le-opts{display:flex;flex-direction:column;gap:8px}
.le-opts label{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;border:1.5px solid var(--line);font-size:14px;font-weight:600;cursor:pointer}
.le-opts label.on{border-color:#F2A900;background:rgba(242,169,0,.08);font-weight:800}
.le-seq{display:flex;flex-direction:column;gap:8px}
.le-sh,.le-sr{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center}
.le-sh span{font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);text-align:center}
.le-sr{padding:6px;border-radius:12px;border:1.5px solid transparent}
.le-sr.on{border-color:rgba(52,201,138,.55);background:rgba(52,201,138,.06)}
.le-sr b{font-size:16px;text-align:center}
.le-dms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.le-dms label{position:relative;display:block}
.le-dms input{width:100%;min-height:42px;padding:0 18px 0 6px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14.5px;font-variant-numeric:tabular-nums;text-align:right;outline:none}
.le-dms input:focus{border-color:#F2A900}
.le-dms i{position:absolute;right:6px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11px;font-weight:800;color:var(--muted);pointer-events:none}
.le-dgw{display:flex;justify-content:center}
.le-dg{width:100%;max-width:380px;height:auto}
.le-dg .col{fill:var(--text);opacity:.85}
.le-dg .scr{fill:var(--muted)}
.le-dg .base{fill:var(--muted);opacity:.7}
.le-dg .tri{fill:#F2A900}
.le-dg .ts{fill:#6BB59A}.le-dg .ts2{fill:#DDE3EA}.le-dg .ts3{fill:#DDE3EA}
.le-dg .ray{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:4 4}
.le-dg .tb rect{fill:#4A4F5C}.le-dg .tb .rg{fill:#F2A900}
.le-dg .tb.on > rect:first-child{fill:#3C424E;stroke:#34C98A;stroke-width:3}
.le-dg .lb{font-size:18px;font-weight:700;fill:var(--muted);font-family:inherit;text-anchor:end}
.le-dg .lb.on{fill:#34C98A}
.le-sum{font-size:13px;font-weight:700}
.le-tw{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
.le-rt{width:100%;border-collapse:collapse;font-size:14px}
.le-rt th{padding:10px 12px;background:var(--track);font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted);text-align:left;white-space:nowrap}
.le-rt td{padding:9px 12px;border-top:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}
.le-rt tr:not(.end) td:not([rowspan]){border-bottom:0}
.le-rt td.sq{font-size:16px;font-weight:800;text-align:center;vertical-align:middle;background:var(--bg)}
.le-rt td.ob{font-weight:800}
.le-rt td.er{font-weight:800;text-align:right}
.le-rt td.er.hi{color:#E5484D}
.le-rt td.ac{vertical-align:middle;text-align:center}
.le-ed{width:30px;height:30px;margin-left:4px;border:none;border-radius:8px;background:none;color:var(--muted);cursor:pointer;vertical-align:middle}
.le-ed:hover{background:var(--hover);color:var(--text)}
.le-del{min-height:34px;padding:0 14px;border:none;border-radius:10px;background:rgba(229,72,77,.12);color:#E5484D;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.le-del:hover{background:#E5484D;color:#fff}
#exDetail .le-dms input{min-height:46px}
@media (max-width:1100px){.le-two{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .le-amb{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .le-amb > span:first-child{display:none}
  .le-amb > .le-l{grid-column:1/-1;margin-top:4px}
  .le-row{grid-template-columns:minmax(0,1fr)}
  .le-oh{display:none}
  .le-or{grid-template-columns:minmax(0,1fr);gap:6px}
  .le-seg{width:100%}
  .le-sh{display:none}
  .le-sr{grid-template-columns:minmax(0,1fr);border-color:var(--line)}
  .le-sr b{text-align:left}
  .le-sr .le-dms::before{grid-column:1/-1;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--muted)}
  .le-sr .le-dms:nth-of-type(1)::before{content:"Cara 1"}
  .le-sr .le-dms:nth-of-type(2)::before{content:"Cara 2"}
  .le-rt{font-size:13px}
  .le-rt th,.le-rt td{padding:8px}
}

/* ───────── Certificado · Nivel automático ───────── */
.ln-dg{width:100%;max-width:560px;height:auto;display:block;margin:0 auto}
.ln-dg .gr{stroke:var(--line);stroke-width:2}
.ln-dg .rdb{fill:#fff;stroke:var(--line)}
.ln-dg .rd{fill:#1C2333}
.ln-dg .ab{font-size:11px;font-weight:800;fill:var(--text);text-anchor:middle;font-family:inherit}
.ln-dg .lv{fill:currentColor}.ln-dg .tp{stroke:var(--muted);stroke-width:1.5;fill:none}
.ln-dg .s1{color:#34C98A}.ln-dg .s2{color:#F2A900}
.ln-dg .lt{font-size:9px;font-weight:800;fill:currentColor;text-anchor:middle;font-family:inherit}
.ln-dg .sl{stroke:#34C98A;stroke-width:1.5;opacity:.7}
.ln-dg .dl{stroke-width:1;stroke-dasharray:3 3}.ln-dg .dl.g{stroke:#34C98A}.ln-dg .dl.o{stroke:#F2A900}
.ln-dg .pl{fill:var(--card);stroke-width:1.2}.ln-dg .pl.g{stroke:#34C98A}.ln-dg .pl.o{stroke:#F2A900}
.ln-dg .pt{font-size:8.5px;font-weight:800;text-anchor:middle;font-family:inherit}.ln-dg .pt.g{fill:var(--comT)}.ln-dg .pt.o{fill:var(--mktT)}
.ln-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ln-2 .lc-unit i{min-width:52px}
.ln-sw{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;font-weight:600}
.ln-sw input{position:absolute;opacity:0;width:1px;height:1px}
.ln-sw i{position:relative;width:46px;height:26px;flex:none;border-radius:99px;background:var(--track);border:1px solid var(--line);transition:background .15s}
.ln-sw i::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .15s}
.ln-sw input:checked + i{background:#34C98A;border-color:#34C98A}
.ln-sw input:checked + i::after{transform:translateX(20px)}
.ln-sw input:focus-visible + i{outline:2px solid #F2A900;outline-offset:2px}
.ln-photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ln-photo img{width:90px;height:90px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.ln-up{display:inline-flex !important;align-items:center;gap:7px;cursor:pointer}
.ln-chips{display:flex;gap:8px;flex-wrap:wrap}
.ln-chip{padding:5px 12px;border-radius:99px;background:var(--track);font-size:13px;font-weight:800}
.ln-chip.y{background:#F2A900;color:#1a1a1a}.ln-chip.g{background:rgba(52,201,138,.16);color:var(--comT)}
.ln-bar{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:4px}
.ln-bar i{height:6px;border-radius:9px;background:var(--track)}
.ln-bar i.f{background:#34C98A}.ln-bar i.c{background:#F2A900}
.ln-bl{font-size:12.5px;color:var(--muted);font-weight:600;margin-top:-6px}
.lc-f span em{font-style:normal;color:var(--mktT);font-weight:800;margin-left:6px}
.ln-big{font-size:18px !important;font-variant-numeric:tabular-nums;text-align:center;letter-spacing:1px}
.ln-cap-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.ln-cap-btns .ps-btn,.ln-cap-btns .btn-outline{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.ln-demo{margin-left:auto;border:none;background:none;color:var(--empT);font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline}
.ln-wait{margin:0;text-align:center;font-size:13.5px;font-weight:700;color:var(--muted)}
.ln-tag{display:inline-block;margin-left:8px !important;padding:3px 10px;border-radius:99px;background:var(--track)}
.ln-cnt{flex:none;font-size:14px;color:var(--mktT)}
.ln-tb{display:flex;flex-direction:column;gap:6px}
.ln-tr{display:grid;grid-template-columns:44px 1fr 1fr 84px;gap:8px;align-items:center}
.ln-th{font-size:11px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--muted);padding-bottom:4px;border-bottom:1px solid var(--line)}
.ln-tr > b{display:flex;flex-direction:column;align-items:center;font-size:15px;line-height:1.1}
.ln-tr > b small{font-size:10px;color:var(--muted);font-weight:800}
.ln-tr input{width:100%;min-height:40px;padding:0 8px;border-radius:10px;border:1.5px solid var(--line);background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;font-variant-numeric:tabular-nums;text-align:center;outline:none}
.ln-tr input:focus{border-color:#F2A900}
.ln-dh{text-align:right;font-weight:800;font-variant-numeric:tabular-nums;font-size:13.5px}
.ln-rs td:nth-child(n+2){font-variant-numeric:tabular-nums}
.ln-rs i{color:var(--muted);font-style:italic}
.ln-rs em{font-style:normal;color:var(--empT);font-weight:600;font-size:12.5px}
.ln-ev{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;border:1.5px solid}
.ln-ev b{font-size:16px}.ln-ev span{font-size:13.5px;line-height:1.5}
.ln-ev.wait{border-color:#F2A900;background:rgba(242,169,0,.08)}
.ln-ev.ok{border-color:#34C98A;background:rgba(52,201,138,.1)}.ln-ev.ok b{color:var(--comT)}
.ln-ev.bad{border-color:#E5484D;background:rgba(229,72,77,.08)}.ln-ev.bad b{color:#E5484D}
@media (max-width:767px){
  .ln-tr{grid-template-columns:38px 1fr 1fr 66px;gap:6px}
  .ln-th span{font-size:10px}
  .ln-demo{margin-left:0;width:100%;text-align:left}
  .ln-cap-btns .ps-btn,.ln-cap-btns .btn-outline{flex:1;justify-content:center}
}
.ln-rs th,.ln-rs td{white-space:normal}
@media (max-width:767px){
  .ln-tag{display:block;width:max-content;max-width:100%;margin:6px 0 0 !important;white-space:normal}
  .ln-rs{font-size:12.5px}
  .ln-rs th,.ln-rs td{padding:8px}
  .ln-rs th{font-size:10.5px}
  .ln-rs.ev td:nth-child(3){font-size:11.5px}
}
/* ───────── Menú lateral: riel compacto + panel flotante ───────── */
.side{scrollbar-width:thin;scrollbar-color:transparent transparent;overscroll-behavior:contain}
.side:hover{scrollbar-color:color-mix(in srgb,var(--muted) 45%,transparent) transparent}
.side::-webkit-scrollbar{width:8px}
.side::-webkit-scrollbar-track{background:transparent}
.side::-webkit-scrollbar-thumb{background:transparent;border-radius:8px;border:2px solid transparent;background-clip:padding-box}
.side:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--muted) 45%,transparent)}
.side::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--muted) 70%,transparent)}
.rail-x{display:none}
@media (min-width:768px){
  .side{position:fixed;left:0;top:0;bottom:0;height:100vh;z-index:60;width:272px;flex:none;display:flex !important;overflow-x:hidden;border-right:1px solid var(--line);transition:width .26s cubic-bezier(.4,0,.2,1),box-shadow .26s}
  .content{margin-left:76px}
  .s-open .side{box-shadow:18px 0 50px rgba(0,0,0,.22)}
  .s-closed .side{width:76px}
  .burger,.s-closed .burger,.hlogo,.s-closed .hlogo{display:none !important}
  .s-closed .side .wordmark,.s-closed .side [data-act=close-side],.s-closed .sec-label,.s-closed .ni .lbl,.s-closed .ni .chev,.s-closed .ni .badge,.s-closed .conv,.s-closed .ni.sub,.s-closed .ni + div{display:none !important}
  .s-closed .side-head{flex-direction:column;gap:10px;padding:14px 0 12px !important}
  .s-closed .rail-x{display:flex}
  .s-closed .side-gia{padding:12px 14px 8px !important}
  .s-closed .side .btn-teal{font-size:0 !important;justify-content:center;padding:12px 0 !important;gap:0}
  .s-closed .sec{padding:6px 0;border-bottom-color:transparent;position:relative}
  .s-closed .sec + .sec::before{content:'';position:absolute;top:0;left:22px;right:22px;border-top:1px solid var(--line)}
  .s-closed .ni{width:48px;height:44px;min-height:44px;margin:2px auto;padding:0;justify-content:center;border-radius:12px}
  .s-closed .ni .avatar-j{width:26px;height:26px;font-size:12px}
  .side .ni,.side .sec-label,.side .conv{white-space:nowrap}
}
.rail-x{width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--muted);cursor:pointer}
.rail-x:hover{color:var(--text);border-color:var(--muted)}
@media (min-width:768px){
  .ovl{transition:opacity .26s}
  .s-open .ovl{display:block !important;z-index:55 !important;background:rgba(10,12,15,.24) !important}
}
/* GIA en morado */
.side-gia .btn-teal{background:#A78BFA;color:#140B2E !important;box-shadow:0 6px 16px rgba(167,139,250,.28)}
.side-gia .btn-teal svg{stroke:#140B2E}
.side-gia .btn-teal:hover{background:#B8A1FB}
.fab-ring{background:#A78BFA !important;border-color:rgba(167,139,250,.55) !important;box-shadow:0 0 0 5px rgba(167,139,250,.14),0 8px 24px rgba(0,0,0,.35) !important}
.fab-pulse{border-color:rgba(167,139,250,.45) !important}

.page[hidden]{display:none !important}
#loginLayer{position:fixed;inset:0;z-index:100;background:#F6F7F8}
#loginLayer[hidden]{display:none}
#loginLayer iframe{width:100%;height:100%;border:0;display:block}
.userchip{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 4px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}
.userchip[hidden]{display:none}
.userchip .ua{width:34px;height:34px;border-radius:50%;background:#34C98A;color:#0B1F16;display:flex;align-items:center;justify-content:center;font-weight:800}
/* Catálogo Academy: 15 por página = filas completas (5 en escritorio, 3 en tablet) */
@media (min-width:1100px){.acgrid.acg15{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1099px){.acgrid.acg15{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Tienda: 20 productos por página = 4 filas de 5 (escritorio), 5 de 4 (tablet), 10 de 2 (móvil) */
@media (min-width:1100px){.grid.st20{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:768px) and (max-width:1099px){.grid.st20{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:767px){.grid.st20{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Insignia BETA del menú (Geonet Labs): ámbar a la derecha del nombre */
.side .ni .badge{margin-left:auto;background:rgba(255,193,7,.16);color:#F2A900;border:1px solid rgba(255,193,7,.35);font-size:10.5px;font-weight:800;letter-spacing:.6px}
.cl-row.flash{animation:clFlash 1.4s ease-out}
@keyframes clFlash{0%{background:rgba(52,201,138,.22)}100%{background:transparent}}
/* Etapas de la orden de servicio */
.lb-st.et-1{background:rgba(148,163,184,.18);color:var(--muted)}
.lb-st.et-2{background:rgba(56,189,248,.16);color:var(--labT)}
.lb-st.et-3{background:rgba(242,169,0,.18);color:var(--mktT)}
.lb-st.et-4{background:rgba(52,201,138,.16);color:var(--comT)}