:root{--fondo:#f6f5f2;--superficie:#ffffff;--superficie-2:#fbfaf8;--hundido:#f0eee9;--borde:#e5e2da;--borde-fuerte:#cfcbc1;--texto:#1d1b18;--texto-2:#5c574e;--texto-3:#6e695f;--marca:#4f44c9;--marca-fondo:#4f44c9;--marca-hover:#4036b0;--marca-sobre:#ffffff;--marca-suave:#efedfc;--marca-texto:#3a2fa6;--exito:#126b34;--exito-suave:#e5f3e9;--exito-punto:#22a052;--aviso:#7f4d00;--aviso-suave:#fcf1d8;--aviso-punto:#e09b12;--error:#ad1f14;--error-suave:#fcebe8;--error-punto:#dc3b2e;--lateral:#f1efea;--lateral-texto:#46423b;--lateral-activo:#ffffff;--foco:#7b72e8;--velo:rgba(29,27,24,.42);--sombra-color:29,27,24;color-scheme:light dark;
--f-sis:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--f-display:"Bricolage Grotesque",var(--f-sis);
--f-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--r-s:6px;--r:10px;--r-l:14px;--r-xl:20px;
--s1:0 1px 2px rgba(var(--sombra-color),.06),0 1px 1px rgba(var(--sombra-color),.03);
--s2:0 6px 20px -6px rgba(var(--sombra-color),.16),0 2px 4px rgba(var(--sombra-color),.04);
--s3:0 24px 60px -12px rgba(var(--sombra-color),.32);
--lat:252px;--cab:56px;--toque:44px}
@media(prefers-color-scheme:dark){:root{--fondo:#131210;--superficie:#1b1a17;--superficie-2:#201f1b;--hundido:#171613;--borde:#2e2c27;--borde-fuerte:#45423b;--texto:#f1efea;--texto-2:#b9b3a7;--texto-3:#a39d91;--marca:#a9a2ff;--marca-fondo:#6457e6;--marca-hover:#5547d6;--marca-sobre:#ffffff;--marca-suave:#26234a;--marca-texto:#c4bfff;--exito:#7fd69c;--exito-suave:#16301f;--exito-punto:#3fbf6a;--aviso:#f3c463;--aviso-suave:#33270f;--aviso-punto:#e7a92a;--error:#ff9a8f;--error-suave:#3a1a17;--error-punto:#f0574a;--lateral:#171613;--lateral-texto:#c9c3b8;--lateral-activo:#24221e;--foco:#8f86f5;--velo:rgba(0,0,0,.6);--sombra-color:0,0,0}}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--fondo);color:var(--texto);font:14px/1.5 var(--f-sis);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--marca);text-underline-offset:2px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--foco);outline-offset:2px;border-radius:4px}
::selection{background:var(--marca-suave);color:var(--texto)}
.ico{flex:none;vertical-align:middle}
h1,h2,h3{font-family:var(--f-display);letter-spacing:-.01em;color:var(--texto)}
h1{font-size:22px;line-height:1.2;margin:0 0 4px;font-weight:650}h2{font-size:16px;line-height:1.3;margin:0 0 12px;font-weight:650}h3{font-size:14px;margin:18px 0 8px;font-weight:650}
.sub{color:var(--texto-2);margin:0 0 18px;max-width:78ch}.mini{font-size:12.5px;color:var(--texto-3)}
code{font:12.5px var(--f-mono);background:var(--hundido);border:1px solid var(--borde);padding:1px 5px;border-radius:5px;word-break:break-all}
pre{background:var(--hundido);border:1px solid var(--borde);border-radius:var(--r);padding:12px;overflow:auto;font:12.5px/1.5 var(--f-mono);max-height:420px}
hr{border:0;border-top:1px solid var(--borde);margin:16px 0}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ------------------------------------------------ estructura: lateral + cabecera + contenido */
.menu-t{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
nav.lateral{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);background:var(--lateral);border-right:1px solid var(--borde);z-index:40;display:none;flex-direction:column;
overflow-y:auto;overscroll-behavior:contain;padding:12px 10px 24px;box-shadow:var(--s3)}
.menu-t:checked~nav.lateral{display:flex}nav.lateral>*{flex-shrink:0}
.velo{display:none}.menu-t:checked~.velo{display:block;position:fixed;inset:0;background:var(--velo);z-index:30;margin:0}
.lat-marca{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;text-decoration:none;color:var(--texto)}
.lat-marca b{font:650 17px/1 var(--f-display);letter-spacing:-.02em}
.sel-tienda{margin:0 0 10px;padding:0}.sel-tienda label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-3);margin:0 4px 6px}
.sel-tienda select{background:var(--superficie);font-weight:600}
nav.lateral .nueva{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 6px;border:1px dashed var(--borde-fuerte);color:var(--marca-texto);border-radius:var(--r);min-height:38px;font-weight:600;text-decoration:none}
nav.lateral .nueva:hover{background:var(--marca-suave);border-color:var(--marca)}
nav.lateral .grupo{display:flex;align-items:center;gap:6px;color:var(--texto-3);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.07em;margin:18px 10px 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
nav.lateral .grupo span{text-transform:none;letter-spacing:0;font-weight:500;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis}
nav.lateral a.item{display:flex;align-items:center;gap:10px;color:var(--lateral-texto);text-decoration:none;padding:0 10px;min-height:40px;border-radius:8px;font-size:14px;font-weight:500;margin:1px 0}
nav.lateral a.item .ico{color:var(--texto-3)}
nav.lateral a.item:hover{background:var(--hundido);color:var(--texto)}
nav.lateral a.item.activo{background:var(--lateral-activo);color:var(--marca-texto);font-weight:650;box-shadow:var(--s1)}
nav.lateral a.item.activo .ico{color:var(--marca)}
.lat-pie{margin-top:auto;padding:16px 8px 0;font-size:12px;color:var(--texto-3)}
.cab{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;min-height:var(--cab);padding:8px 12px;background:color-mix(in srgb,var(--fondo) 86%,transparent);
backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--borde)}
.hamb{display:inline-flex;align-items:center;justify-content:center;width:var(--toque);height:var(--toque);border-radius:var(--r);cursor:pointer;color:var(--texto);margin:0;flex:none}
.hamb:hover{background:var(--hundido)}
.cab-marca{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--texto)}.cab-marca b{font:650 16px var(--f-display)}
.cab-ctx{display:none;align-items:center;gap:6px;min-width:0;font-size:13.5px;color:var(--texto-2)}
.cab-ctx b{color:var(--texto);font-weight:600;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cab-ctx .sep{color:var(--borde-fuerte)}
.cab-der{margin-left:auto;display:flex;align-items:center;gap:6px}
.buscar-b{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid var(--borde);border-radius:var(--r);background:var(--superficie);color:var(--texto-3);
font:inherit;font-size:13.5px;cursor:pointer;min-width:38px;justify-content:center}
.buscar-b:hover{border-color:var(--borde-fuerte);color:var(--texto-2)}.buscar-b .txt,.buscar-b kbd{display:none}
kbd{font:600 11px var(--f-sis);border:1px solid var(--borde);border-bottom-width:2px;border-radius:5px;padding:1px 5px;background:var(--superficie-2);color:var(--texto-2)}
.rapidas{display:none;gap:4px}
.usuario{position:relative}.usuario summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:99px;padding:3px;min-height:var(--toque)}
.usuario summary::-webkit-details-marker{display:none}
.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--marca-suave);color:var(--marca-texto);font:700 13px var(--f-sis)}
.usuario .menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);box-shadow:var(--s2);padding:6px;z-index:50}
.usuario .menu .quien{padding:8px 10px 10px;border-bottom:1px solid var(--borde);margin-bottom:4px;font-size:13px;color:var(--texto-2);overflow:hidden;text-overflow:ellipsis}
.usuario .menu .quien b{display:block;color:var(--texto)}
.usuario .menu a,.usuario .menu button{display:flex;align-items:center;gap:8px;width:100%;padding:0 10px;min-height:38px;border-radius:8px;color:var(--texto);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.usuario .menu a:hover,.usuario .menu button:hover{background:var(--hundido)}
.usuario form{margin:0}
main{padding:16px 16px 72px;max-width:1240px;margin:0 auto;min-width:0}
@media(min-width:760px){main{padding:24px 28px 80px}.cab{padding:8px 20px}.buscar-b{min-width:240px;justify-content:flex-start}.buscar-b .txt{display:inline}.buscar-b kbd{display:inline;margin-left:auto}
.cab-ctx{display:flex}.cab-marca{display:none}}
@media(min-width:1100px){.rapidas{display:flex}}
@media(min-width:960px){nav.lateral{display:flex;width:var(--lat);box-shadow:none;z-index:15}.hamb{display:none}.velo{display:none!important}
body.adm .marco{margin-left:var(--lat)}body.adm{background:linear-gradient(90deg,var(--lateral) calc(var(--lat) - 1px),var(--borde) calc(var(--lat) - 1px),var(--borde) var(--lat),var(--fondo) var(--lat))}nav.lateral .cerrar-menu{display:none}}

/* ------------------------------------------------ cabecera de página y migas */
.cabecera{margin:0 0 18px}.cabecera-fila{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}
.cabecera-txt{min-width:0;flex:1 1 320px}.cabecera h1{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cabecera .sub{margin:4px 0 0}
.cabecera-acc{display:flex;flex-wrap:wrap;gap:8px}
.volver{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--texto-2);text-decoration:none;margin:0 0 8px}.volver:hover{color:var(--texto)}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 10px;padding:0;font-size:13px;color:var(--texto-3)}
.migas li+li::before{content:"/";margin-right:4px;color:var(--borde-fuerte)}.migas a{color:var(--texto-2);text-decoration:none}.migas a:hover{color:var(--texto);text-decoration:underline}
.migas [aria-current]{color:var(--texto-2)}
main>h1:first-child,main>.migas+h1{margin-top:0}
main>p.mini:first-child a{display:inline-flex;align-items:center;gap:4px;color:var(--texto-2);text-decoration:none;font-size:13px}main>p.mini:first-child a:hover{color:var(--texto)}

/* ------------------------------------------------ tarjetas y grillas */
.panel{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);padding:16px;margin:0 0 16px;box-shadow:var(--s1);min-width:0}
.panel.sin-relleno{padding:0;overflow:hidden}.panel.sin-relleno>.panel-cab{padding:14px 16px 0}
.panel-cab{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 14px}
.panel-tit{display:flex;gap:10px;align-items:flex-start;min-width:0}.panel-tit h2{margin:0}.panel-tit .mini{margin:2px 0 0}
.panel-ico{display:inline-flex;width:32px;height:32px;border-radius:9px;align-items:center;justify-content:center;background:var(--marca-suave);color:var(--marca-texto);flex:none}
.panel-acc{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.panel>h2:first-child,.panel>h3:first-child{margin-top:0}
.peligro-caja{border-color:color-mix(in srgb,var(--error) 35%,var(--borde));background:color-mix(in srgb,var(--error-suave) 45%,var(--superficie))}
.grid{display:grid;gap:12px;min-width:0}.grid>*{min-width:0}
@media(min-width:760px){.panel{padding:20px}.panel.sin-relleno>.panel-cab{padding:18px 20px 0}.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.lado{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lado-ancho{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.lado-ancho>aside{position:sticky;top:76px;align-self:start}}
.acciones{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.atajos{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
form.inline{display:inline}.dos{display:flex;gap:8px;flex-wrap:wrap}.dos>*{flex:1 1 140px}

/* ------------------------------------------------ botones */
button,.boton{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--marca-fondo);color:var(--marca-sobre);border:1px solid transparent;border-radius:var(--r);
padding:0 14px;min-height:38px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:var(--s1);transition:background .15s,border-color .15s,box-shadow .15s}
button:hover,.boton:hover{background:var(--marca-hover)}button:active,.boton:active{transform:translateY(.5px)}
button.sec,.boton.sec{background:var(--superficie);color:var(--texto);border-color:var(--borde-fuerte)}button.sec:hover,.boton.sec:hover{background:var(--hundido);border-color:var(--borde-fuerte)}
button.fantasma,.boton.fantasma{background:transparent;color:var(--texto-2);box-shadow:none;border-color:transparent}button.fantasma:hover,.boton.fantasma:hover{background:var(--hundido);color:var(--texto)}
button.peligro,.boton.peligro{background:var(--error-punto);color:#fff}button.peligro:hover,.boton.peligro:hover{background:var(--error)}
@media(prefers-color-scheme:dark){button.peligro,.boton.peligro{background:#b42318}button.peligro:hover,.boton.peligro:hover{background:#912018}}
button.chico,.boton.chico{min-height:32px;padding:0 10px;font-size:13px;border-radius:8px}
button.grande,.boton.grande{min-height:48px;padding:0 20px;font-size:15px}
.solo-ico{padding:0;width:38px}
button[disabled],.boton[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
button.link{background:none;border:0;box-shadow:none;color:var(--marca);padding:0;min-height:0;text-decoration:underline;font-weight:500}
.ico-ext{opacity:.7}

/* ------------------------------------------------ formularios */
label{display:block;font-size:13px;font-weight:550;color:var(--texto-2);margin:0 0 4px}
.campo{min-width:0}.campo>label{display:flex;flex-direction:column;gap:6px}
label.check{display:flex;gap:10px;align-items:center;color:var(--texto);font-size:14px;font-weight:500;min-height:36px;margin:0;cursor:pointer}
label.check input{width:18px;height:18px;accent-color:var(--marca-fondo);flex:none;margin:0}
input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],input[type=datetime-local],input[type=tel],input:not([type]),select,textarea{
width:100%;padding:0 12px;border:1px solid var(--borde-fuerte);border-radius:var(--r);background:var(--superficie);color:var(--texto);font:inherit;font-size:16px;min-height:var(--toque);font-weight:400;
transition:border-color .15s,box-shadow .15s}
select{padding-right:32px;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 20 20' fill='none' stroke='%23857f74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E");
background-repeat:no-repeat;background-position:right 11px center}
select[multiple]{min-height:160px;padding:6px;background-image:none}
input[type=file]{font:inherit;font-size:13px;color:var(--texto-2);max-width:100%}
input[type=color]{width:44px;height:38px;padding:2px;border:1px solid var(--borde-fuerte);border-radius:8px;background:var(--superficie)}
textarea{padding:10px 12px;min-height:120px;font:13px/1.5 var(--f-mono);resize:vertical}textarea.grande{min-height:420px}
input::placeholder,textarea::placeholder{color:var(--texto-3);opacity:.85}
input:hover,select:hover,textarea:hover{border-color:color-mix(in srgb,var(--texto) 35%,var(--borde-fuerte))}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--marca);box-shadow:0 0 0 3px color-mix(in srgb,var(--foco) 30%,transparent)}
input:user-invalid,select:user-invalid,textarea:user-invalid{border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 14%,transparent)}
.campo:has(input:user-invalid) .ayuda{color:var(--error)}
.ayuda{font-size:12.5px;color:var(--texto-3);margin:6px 0 0;font-weight:400;line-height:1.45}
.error-campo{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--error);margin:6px 0 0}
fieldset{border:1px solid var(--borde);border-radius:var(--r-l);padding:12px 14px;margin:0 0 12px}legend{font-weight:650;padding:0 6px}
@media(min-width:760px){input[type=text],input[type=search],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],input[type=datetime-local],input[type=tel],input:not([type]),select{min-height:38px;font-size:14px}textarea{font-size:13px}}
.toggle{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:0;color:var(--texto);font-size:14px;font-weight:500;min-height:36px;padding:4px 0}
.toggle input{position:absolute;opacity:0;width:1px;height:1px}
.toggle-pista{position:relative;flex:none;width:38px;height:22px;border-radius:99px;background:var(--borde-fuerte);transition:background .15s;margin-top:1px}
.toggle-pista::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform .18s}
.toggle input:checked+.toggle-pista{background:var(--marca-fondo)}.toggle input:checked+.toggle-pista::after{transform:translateX(16px)}
.toggle input:focus-visible+.toggle-pista{outline:2px solid var(--foco);outline-offset:2px}
.toggle-txt small{display:block;font-weight:400;color:var(--texto-3);font-size:12.5px;margin-top:2px}

/* ------------------------------------------------ badges, salud, tooltips */
.etq{display:inline-flex;align-items:center;gap:6px;padding:2px 9px 2px 8px;border-radius:99px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap;vertical-align:middle;
background:var(--hundido);color:var(--texto-2);border:1px solid var(--borde)}
.etq i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;flex:none}
.etq:not(:has(i))::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}
.etq.t-exito,.etq.ok,.etq.aprobada,.etq.entregado,.etq.activa,.etq.publicada,.etq.activo{background:var(--exito-suave);color:var(--exito);border-color:color-mix(in srgb,var(--exito) 22%,transparent)}
.etq.t-error,.etq.error,.etq.rechazada,.etq.fallido,.etq.contracargo,.etq.archivada,.etq.cancelada{background:var(--error-suave);color:var(--error);border-color:color-mix(in srgb,var(--error) 22%,transparent)}
.etq.t-aviso,.etq.pendiente,.etq.creada,.etq.reembolsada,.etq.pausada,.etq.aviso,.etq.borrador,.etq.preparacion,.etq.invitado{background:var(--aviso-suave);color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 22%,transparent)}
.etq.t-marca,.etq.prueba{background:var(--marca-suave);color:var(--marca-texto);border-color:color-mix(in srgb,var(--marca) 22%,transparent)}
.salud{display:inline-flex;gap:4px;flex-wrap:wrap}
.salud span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--hundido);color:var(--texto-3);position:relative;cursor:help}
.salud .si{background:var(--exito-suave);color:var(--exito)}.salud .no{background:var(--error-suave);color:var(--error)}.salud .med{background:var(--aviso-suave);color:var(--aviso)}
[data-tip]{position:relative}
[data-tip]:hover::after,[data-tip]:focus-visible::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:var(--texto);color:var(--superficie);
font:500 12px/1.4 var(--f-sis);padding:6px 9px;border-radius:7px;white-space:pre-line;width:max-content;max-width:240px;z-index:60;pointer-events:none;box-shadow:var(--s2);text-align:left;letter-spacing:0;text-transform:none}
.vivo{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--exito-punto);box-shadow:0 0 0 4px color-mix(in srgb,var(--exito-punto) 22%,transparent);margin-right:8px;vertical-align:middle;animation:latir 2s ease-in-out infinite}
@keyframes latir{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--exito-punto) 6%,transparent)}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ------------------------------------------------ pestañas y chips */
.tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--borde);margin:0 0 18px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.tabs::-webkit-scrollbar{display:none}
.tabs a{display:inline-flex;align-items:center;gap:6px;padding:0 12px;min-height:42px;text-decoration:none;color:var(--texto-2);border-bottom:2px solid transparent;white-space:nowrap;font-size:14px;font-weight:500;margin-bottom:-1px}
.tabs a:hover{color:var(--texto)}.tabs a.activo{color:var(--texto);border-color:var(--marca);font-weight:650}
.cuenta{display:inline-flex;min-width:20px;height:18px;padding:0 6px;align-items:center;justify-content:center;border-radius:99px;background:var(--hundido);color:var(--texto-2);font-size:11.5px;font-weight:600}
.chips{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 10px;padding:2px 0}.chips::-webkit-scrollbar{display:none}
.chips-tit{font-size:12px;color:var(--texto-3);font-weight:600;margin-right:2px;white-space:nowrap}
.chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 12px;border:1px solid var(--borde-fuerte);border-radius:99px;background:var(--superficie);color:var(--texto-2);text-decoration:none;font-size:13px;font-weight:550;white-space:nowrap}
.chip:hover{border-color:var(--texto-3);color:var(--texto)}.chip.activo{background:var(--marca-suave);border-color:color-mix(in srgb,var(--marca) 45%,transparent);color:var(--marca-texto)}
.chips .cuenta{background:transparent;padding:0;min-width:0}

/* ------------------------------------------------ stats (KPIs), sparklines, barras, embudo */
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:760px){.kpis{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}}
.kpi{position:relative;display:flex;flex-direction:column;gap:4px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);padding:14px;min-width:0;color:inherit;text-decoration:none;overflow:hidden}
.panel .kpi{background:var(--superficie-2)}
.kpi>b{display:block;font:650 22px/1.15 var(--f-display);letter-spacing:-.02em;color:var(--texto);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi>span{font-size:12.5px;color:var(--texto-2)}
a.kpi:hover,.kpi.link:hover{border-color:var(--borde-fuerte);box-shadow:var(--s2)}
.stat-cab{display:flex;align-items:center;gap:6px;color:var(--texto-2);font-size:12.5px;font-weight:550}.stat-cab .ico{color:var(--texto-3)}
.stat-v{display:flex;align-items:center;font:650 26px/1.1 var(--f-display);letter-spacing:-.02em;color:var(--texto);font-variant-numeric:tabular-nums;margin:2px 0;min-width:0;overflow-wrap:anywhere}
.stat-pie{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--texto-3);min-height:18px}
.stat-fila{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:34px}.stat-fila .spark{flex:none;margin-bottom:2px}
.stat.st-alerta{border-color:color-mix(in srgb,var(--error) 45%,var(--borde));background:linear-gradient(0deg,var(--error-suave),var(--superficie) 70%)}
.stat.st-alerta .stat-v{color:var(--error)}
@media(max-width:420px){.stat .spark{display:none}}
.tend{display:inline-flex;align-items:center;gap:2px;font-weight:650;font-size:12.5px;border-radius:6px;padding:0 5px 0 3px}
.tend.buena{color:var(--exito);background:var(--exito-suave)}.tend.mala{color:var(--error);background:var(--error-suave)}.tend.neutra{color:var(--texto-3)}
.tend-contra{font-weight:500;color:var(--texto-3)}
.spark{display:block;overflow:visible}.spark-linea{fill:none;stroke:var(--marca);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.spark-area{fill:color-mix(in srgb,var(--marca) 12%,transparent)}.spark-punto{fill:var(--superficie);stroke:var(--marca);stroke-width:1.8}
.barras{margin:0;display:grid;grid-template-columns:auto 1fr;gap:0 8px}
.barras-ejes{position:relative;height:var(--alto);font-size:11px;color:var(--texto-3);min-width:24px;text-align:right}
.barras-ejes span{position:absolute;right:0;transform:translateY(50%)}
.barras-zona{display:flex;align-items:stretch;gap:4px;height:calc(var(--alto) + 22px);border-bottom:0;background:linear-gradient(var(--borde),var(--borde)) 0 calc(var(--alto)/2)/100% 1px no-repeat,linear-gradient(var(--borde-fuerte),var(--borde-fuerte)) 0 var(--alto)/100% 1px no-repeat;overflow-x:auto}
.barra-col{flex:1 1 0;min-width:14px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;cursor:default}
.barra-col::before{content:"";flex:1}
.barra-v{display:block;width:min(100%,34px);background:color-mix(in srgb,var(--marca) 72%,var(--superficie));border-radius:5px 5px 2px 2px;transition:background .15s}
.barra-col:hover .barra-v,.barra-col.res .barra-v{background:var(--marca)}
.barra-et{display:block;height:22px;line-height:22px;font-size:10.5px;color:var(--texto-3);white-space:nowrap;overflow:hidden;max-width:100%}
.barras-zona .barra-col{position:relative}.barras-zona .barra-v{max-height:var(--alto)}
.barras-zona .barra-col::before{max-height:var(--alto)}
.embudo{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.emb-cab{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--texto-2);margin-bottom:6px}.emb-cab b{margin-left:auto;font:650 18px var(--f-display);color:var(--texto);font-variant-numeric:tabular-nums}
.emb-pista{height:12px;border-radius:99px;background:var(--hundido);overflow:hidden}.emb-pista span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--marca-fondo),color-mix(in srgb,var(--marca-fondo) 60%,var(--superficie)))}
.emb-conv{display:block;font-size:12.5px;font-weight:650;color:var(--texto);margin-top:5px}.emb-conv span{font-weight:400;color:var(--texto-3)}
.prop{display:inline-block;width:100%;min-width:60px;height:8px;border-radius:99px;background:var(--hundido);overflow:hidden;vertical-align:middle}.prop span{display:block;height:100%;background:var(--marca-fondo);border-radius:99px}
.barra{display:inline-block;height:8px;background:var(--marca-fondo);border-radius:99px;vertical-align:middle;margin-right:6px;min-width:1px}

/* ------------------------------------------------ tablas */
.tabla{position:relative;overflow-x:auto;border:1px solid var(--borde);border-radius:var(--r-l);background:var(--superficie);overscroll-behavior-x:contain;
background-image:linear-gradient(to right,var(--superficie),var(--superficie)),linear-gradient(to right,var(--superficie),var(--superficie)),linear-gradient(to right,rgba(var(--sombra-color),.12),transparent),linear-gradient(to left,rgba(var(--sombra-color),.12),transparent);
background-position:left center,right center,left center,right center;background-repeat:no-repeat;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll}
.panel .tabla{box-shadow:none}
.panel.sin-relleno .tabla{border:0;border-radius:0;border-top:1px solid var(--borde);margin-top:14px}
table{border-collapse:collapse;width:100%;font-size:13.5px;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--borde);vertical-align:middle}
th{background:var(--superficie-2);font-weight:600;color:var(--texto-2);white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.04em;position:sticky;top:0}
tbody tr{transition:background .1s}tbody tr:hover{background:var(--superficie-2)}
tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;white-space:nowrap}
td a{font-weight:550}
th a.orden{display:inline-flex;align-items:center;gap:3px;color:inherit;text-decoration:none}th a.orden:hover{color:var(--texto)}th a.orden.activo{color:var(--marca-texto)}
tr.clic{cursor:pointer}
td.vacio-celda{padding:0}
.precios td{min-width:180px;vertical-align:top}.celda-precio{display:grid;grid-template-columns:1fr 1fr;gap:6px}.celda-precio label{margin:0;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-3);gap:3px;display:flex;flex-direction:column}
.barra-guardar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;background:color-mix(in srgb,var(--superficie) 92%,transparent);backdrop-filter:blur(8px);border:1px solid var(--borde);border-radius:var(--r-l);box-shadow:var(--s2)}.precios input{min-height:36px;font-variant-numeric:tabular-nums;text-align:right}
.precios .antes{font-size:11.5px;color:var(--texto-3);margin-top:3px;text-align:right}.precios .cambio{background:var(--aviso-suave)}
.precios th:first-child,.precios td:first-child{position:sticky;left:0;background:var(--superficie);z-index:1;box-shadow:1px 0 0 var(--borde)}
.precios th:first-child{background:var(--superficie-2);z-index:2}

/* ------------------------------------------------ alertas, toasts y modal */
.alerta,.flash{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-l);margin:0 0 16px;border:1px solid;font-size:14px;line-height:1.45}
.alerta>.ico{margin-top:1px}.alerta-txt{flex:1;min-width:0}.alerta-acc{flex:none}
.alerta.ok,.flash.ok{background:var(--exito-suave);border-color:color-mix(in srgb,var(--exito) 25%,transparent);color:var(--exito)}
.alerta.error,.flash.error{background:var(--error-suave);border-color:color-mix(in srgb,var(--error) 25%,transparent);color:var(--error)}
.alerta.aviso,.flash.aviso{background:var(--aviso-suave);border-color:color-mix(in srgb,var(--aviso) 25%,transparent);color:var(--aviso)}
.alerta.info{background:var(--marca-suave);border-color:color-mix(in srgb,var(--marca) 25%,transparent);color:var(--marca-texto)}
.alerta a,.flash a{color:inherit;font-weight:650}.flash ul{margin:6px 0 0;padding-left:18px}.flash>div{flex:1;min-width:0}
.toasts{position:fixed;z-index:70;left:12px;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.toasts .flash{pointer-events:auto;margin:0;box-shadow:var(--s3);background:var(--superficie);color:var(--texto);border-color:var(--borde);animation:entra .22s ease-out}
.toasts .flash .ico{flex:none;margin-top:1px}.toasts .flash.ok .ico{color:var(--exito-punto)}.toasts .flash.error .ico{color:var(--error-punto)}.toasts .flash.aviso .ico{color:var(--aviso-punto)}
.toasts .flash.error{border-left:4px solid var(--error-punto)}.toasts .flash.aviso{border-left:4px solid var(--aviso-punto)}.toasts .flash.ok{border-left:4px solid var(--exito-punto)}
.toasts .cerrar-t{flex:none;background:none;border:0;box-shadow:none;color:var(--texto-3);min-height:24px;width:24px;padding:0;margin:-2px -4px 0 0}
.toasts .cerrar-t:hover{background:var(--hundido);color:var(--texto)}
.toasts .flash.sale{opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
@keyframes entra{from{opacity:0;transform:translateY(10px)}}
@media(min-width:760px){.toasts{left:auto;right:20px;bottom:20px;width:400px}}
dialog.modal{border:0;padding:0;background:transparent;max-width:min(640px,calc(100vw - 24px));width:100%;color:var(--texto)}
dialog.modal::backdrop{background:var(--velo);backdrop-filter:blur(2px)}
.modal-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-xl);box-shadow:var(--s3);overflow:hidden}
.modal-caja>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 16px;border-bottom:1px solid var(--borde)}.modal-caja>header h2{margin:0}
.modal-cuerpo{padding:16px}.modal-caja>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--borde);background:var(--superficie-2)}

/* ------------------------------------------------ buscador ⌘K */
dialog.cmdk{border:0;padding:0;background:transparent;width:min(640px,calc(100vw - 24px));max-width:none;margin:8vh auto auto;color:var(--texto)}
dialog.cmdk::backdrop{background:var(--velo);backdrop-filter:blur(2px)}
.cmdk-caja{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-xl);box-shadow:var(--s3);overflow:hidden}
.cmdk-in{display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--borde);color:var(--texto-3)}
.cmdk-in input{border:0;box-shadow:none!important;min-height:56px;font-size:16px;padding:0;background:transparent}
.cmdk-lista{list-style:none;margin:0;padding:6px;max-height:min(420px,60vh);overflow-y:auto}
.cmdk-lista .g{font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-3);padding:10px 10px 4px}
.cmdk-lista a{display:flex;align-items:center;gap:10px;padding:0 10px;min-height:42px;border-radius:9px;color:var(--texto);text-decoration:none;font-weight:500}
.cmdk-lista a .ico{color:var(--texto-3)}.cmdk-lista a small{margin-left:auto;color:var(--texto-3);font-weight:400;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.cmdk-lista a[aria-selected=true]{background:var(--marca-suave);color:var(--marca-texto)}.cmdk-lista a[aria-selected=true] .ico{color:var(--marca)}
.cmdk-pie{display:flex;gap:14px;padding:10px 16px;border-top:1px solid var(--borde);font-size:12px;color:var(--texto-3);background:var(--superficie-2)}
.cmdk-nada{padding:22px 16px;color:var(--texto-3);text-align:center}

/* ------------------------------------------------ estados vacíos, skeleton */
.vacio{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 16px;gap:6px}
.vacio.compacto{padding:18px 12px}
.vacio-ilu .v1{fill:var(--superficie-2);stroke:var(--borde-fuerte);stroke-width:1.5}.vacio-ilu .v2{fill:var(--borde-fuerte)}.vacio-ilu .v3{fill:var(--borde)}
.vacio-ilu .v4{fill:var(--marca-suave);stroke:var(--marca);stroke-width:1.5}.vacio-ilu .v5{stroke:var(--marca);stroke-width:2;stroke-linecap:round}
.vacio-ico{display:inline-flex;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;background:var(--hundido);color:var(--texto-3);margin-bottom:4px}
.vacio-t{font-weight:650;color:var(--texto);margin:6px 0 0;font-size:14.5px}.vacio-x{margin:0;color:var(--texto-2);max-width:52ch;font-size:13.5px}.vacio-acc{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.skel{display:grid;gap:10px;padding:6px 0}.skel span{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--hundido),var(--superficie-2),var(--hundido));background-size:200% 100%;animation:brillo 1.4s linear infinite}
@keyframes brillo{to{background-position:-200% 0}}

/* ------------------------------------------------ asistente: pasos y resumen lateral */
.stepper{margin:0 0 20px}.stepper-barra{height:4px;border-radius:99px;background:var(--hundido);overflow:hidden;margin:0 0 12px}.stepper-barra span{display:block;height:100%;background:var(--marca-fondo);border-radius:99px}
.pasos{display:flex;gap:4px;overflow-x:auto;list-style:none;padding:0 0 4px;margin:0;scrollbar-width:none}.pasos::-webkit-scrollbar{display:none}
.pasos li a,.pasos li>span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 6px;border-radius:99px;font-size:13px;text-decoration:none;color:var(--texto-2);white-space:nowrap;border:1px solid transparent}
.pasos li a:hover{background:var(--hundido);color:var(--texto)}
.paso-n{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--hundido);color:var(--texto-2);border:1px solid var(--borde-fuerte)}
.pasos li.hecho .paso-n{background:var(--exito-suave);color:var(--exito);border-color:color-mix(in srgb,var(--exito) 30%,transparent)}
.pasos li.actual a,.pasos li.actual>span{background:var(--superficie);border-color:var(--borde-fuerte);color:var(--texto);font-weight:650;box-shadow:var(--s1)}
.pasos li.actual .paso-n{background:var(--marca-fondo);border-color:var(--marca-fondo);color:var(--marca-sobre)}
@media(max-width:759px){.pasos li:not(.actual) .paso-t{display:none}.pasos li:not(.actual) a,.pasos li:not(.actual)>span{padding:0 6px}}
.resumen-lat .item-r{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--borde);font-size:13.5px}.resumen-lat .item-r:first-of-type{border-top:0}
.resumen-lat .item-r .r-ico{display:inline-flex;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;flex:none;background:var(--hundido);color:var(--texto-3)}
.resumen-lat .item-r.ok .r-ico{background:var(--exito-suave);color:var(--exito)}.resumen-lat .item-r.falta .r-ico{background:var(--error-suave);color:var(--error)}.resumen-lat .item-r.med .r-ico{background:var(--aviso-suave);color:var(--aviso)}.resumen-lat .item-r.actual .r-ico{background:var(--marca-fondo);color:var(--marca-sobre)}
.resumen-lat .item-r span.v{margin-left:auto;color:var(--texto-3);font-size:12.5px;text-align:right;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ------------------------------------------------ línea de tiempo */
.tl{list-style:none;margin:0;padding:0}.tl li{position:relative;display:flex;gap:12px;padding:0 0 16px}
.tl li::before{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:var(--borde)}.tl li:last-child::before{display:none}.tl li:last-child{padding-bottom:0}
.tl-ico{flex:none;display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;background:var(--hundido);color:var(--texto-2);border:1px solid var(--borde);z-index:1}
.tl-exito .tl-ico{background:var(--exito-suave);color:var(--exito);border-color:color-mix(in srgb,var(--exito) 25%,transparent)}
.tl-error .tl-ico{background:var(--error-suave);color:var(--error);border-color:color-mix(in srgb,var(--error) 25%,transparent)}
.tl-aviso .tl-ico{background:var(--aviso-suave);color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 25%,transparent)}
.tl-c{min-width:0;flex:1;padding-top:3px}.tl-t{font-weight:600;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.tl-f{font-size:12px;color:var(--texto-3);margin-top:1px}
.tl-d{font-size:12.5px;color:var(--texto-2);word-break:break-word;margin-top:4px;background:var(--superficie-2);border:1px solid var(--borde);border-radius:8px;padding:6px 8px}
.linea{list-style:none;margin:0;padding:0}.linea li{padding:8px 0 8px 18px;border-left:2px solid var(--borde);position:relative;margin-left:6px}
.linea li:before{content:"";position:absolute;left:-6px;top:13px;width:10px;height:10px;border-radius:50%;background:var(--marca)}
.linea .f{font-size:12px;color:var(--texto-3)}.linea .d{font-size:12.5px;color:var(--texto-2);word-break:break-word}

/* ------------------------------------------------ piezas varias de pantallas */
.buscador-ordenes{padding:12px}.fila-busqueda{display:flex;gap:8px}.campo-busqueda{flex:1;position:relative;margin:0}
.campo-busqueda .ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--texto-3);pointer-events:none}.campo-busqueda input{padding-left:40px}
.buscador-ordenes details{margin-top:8px}.buscador-ordenes summary{font-size:13px;color:var(--texto-2);font-weight:550}
.paginador{justify-content:center}
.pie-paso{border-top:1px solid var(--borde);padding-top:14px;margin-top:18px}.pie-paso .esp{flex:1}
@media(max-width:759px){.pie-paso .esp{display:none}.pie-paso button{order:-1;flex-basis:100%}}
.asistente .panel textarea.grande{min-height:300px}
.totales{display:grid;gap:6px;padding:14px 16px;border-top:1px solid var(--borde);background:var(--superficie-2)}.totales>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.totales span{color:var(--texto-2)}.totales .rojo b{color:var(--error)}
aside .panel details{border-top:1px solid var(--borde);padding:6px 0}aside .panel details:first-child{border-top:0;padding-top:0}
.secreto{font:14px var(--f-mono);background:#14130f;color:#7ee2a0;padding:12px;border-radius:var(--r);word-break:break-all}
.vista{border:1px solid var(--borde);border-radius:var(--r-l);overflow:hidden;background:var(--superficie)}
.vista iframe{width:100%;height:560px;border:0;display:block;background:#fff}.vista.movil iframe{width:390px;max-width:100%;margin:0 auto}
.vista.oferta iframe{height:780px}
@media(min-width:760px){.vista iframe{height:640px}}
.plantilla{background:var(--superficie-2);border:1px dashed var(--borde-fuerte);border-radius:var(--r-l);padding:14px;margin:12px 0}
details{border-radius:var(--r)}details>summary{cursor:pointer;font-weight:600;margin:4px 0;min-height:32px;display:flex;align-items:center;gap:6px}
.mapa svg{width:100%;height:auto;display:block}
.diagrama{overflow-x:auto;border:1px solid var(--borde);border-radius:var(--r-l);background:var(--superficie-2) radial-gradient(circle,var(--borde) 1px,transparent 1.2px) 0 0/18px 18px;padding:8px}
.diagrama svg{display:block;max-width:none}
.dg-oferta{cursor:default}.dg-oferta:hover .dg-caja{stroke:var(--marca)}.dg-caja{filter:drop-shadow(0 1px 1.5px rgba(var(--sombra-color),.12))}
@media(prefers-color-scheme:dark){.dg-caja{fill:var(--superficie)}.dg-pausada .dg-caja{fill:var(--hundido)}.dg-txt{fill:var(--texto)}.dg-sub{fill:var(--texto-2)}.dg-up .dg-tipo{fill:var(--marca-texto)}.dg-ds .dg-tipo{fill:var(--aviso)}
.dg-pill rect{fill:var(--superficie)}.dg-entrada{stroke:var(--texto-2)}.dg-oferta:not(.dg-error) .dg-caja{stroke:var(--borde-fuerte)}}
.leyenda{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0 0;align-items:center}.leyenda .ley{display:inline-flex;align-items:center;gap:6px}
.leyenda .sw{display:inline-block;width:18px;height:3px;border-radius:2px}
body.suelta{padding:8vh 0 40px;min-height:100vh;background:radial-gradient(1200px 500px at 50% -10%,var(--marca-suave),transparent 70%),var(--fondo)}
.login{max-width:420px;margin:0 auto;padding:0 16px 40px}.login .panel{padding:24px;box-shadow:var(--s2)}.login h1{font-size:22px}
.login-marca{display:flex;align-items:center;gap:10px;justify-content:center;margin:0 0 22px;text-decoration:none;color:var(--texto)}.login-marca b{font:650 22px var(--f-display);letter-spacing:-.02em}
.login button[type=submit]{width:100%;min-height:44px}
.login-pie{text-align:center;color:var(--texto-3);font-size:12.5px;margin-top:16px}
.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13.5px}.dl dt{color:var(--texto-3)}.dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.persona{display:flex;gap:12px;align-items:center}.persona .avatar{width:40px;height:40px;font-size:15px}
.total-grande{font:650 24px var(--f-display);letter-spacing:-.02em}
@media(max-width:759px){
.tabla.apilar{background:none;border:0;overflow:visible}.tabla.apilar table,.tabla.apilar tbody{display:block}.tabla.apilar thead{display:none}
.tabla.apilar tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);padding:12px 14px;margin:0 0 10px;box-shadow:var(--s1)}
.tabla.apilar td{display:block;padding:0;border:0;text-align:left!important;white-space:normal!important;min-width:0;overflow-wrap:anywhere}
.tabla.apilar td[data-l]::before{content:attr(data-l);display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-3);margin-bottom:1px}
.tabla.apilar td.ap-tit::before,.tabla.apilar td.ap-estado::before{display:none}.tabla.apilar td.ap-estado{justify-self:end;grid-row:1;grid-column:2}
.tabla.apilar td.vacio-celda{grid-column:1/-1}.tabla.apilar tr:has(.vacio-celda){display:block}
th,td{padding:9px 10px}.panel-cab{margin-bottom:12px}
button,.boton{min-height:var(--toque)}button.chico,.boton.chico{min-height:38px}
.acciones>button,.acciones>.boton{flex:1 1 auto}
}
@media print{nav.lateral,.cab,.toasts{display:none!important}body.adm .marco{margin:0}}
/* ==== M16a ==== */
/* oferta y configuración: tarjetas de opción, colores, tokens, código, guía, productos, miniatura del checkout, embudos, editor de oferta */
.form-m16a>.panel:last-of-type{margin-bottom:12px}
.pie-m16a{margin:4px 0 16px}.pie-m16a .pie-ayuda{margin-right:auto;flex:1 1 200px;min-width:0}
@media(max-width:759px){.pie-m16a>button,.pie-m16a>.boton{flex:1 1 100%}}
.panel .pie-m16a{position:static;border:0;box-shadow:none;background:none;padding:0;margin:16px 0 0;backdrop-filter:none;-webkit-backdrop-filter:none}
.sub code,.cabecera .sub code{font-size:12px}
.panel-cab code,.cabecera .sub code,.ayuda code,p.mini code{word-break:normal;overflow-wrap:anywhere}
.op-t{border:0;padding:0;margin:0 0 14px;min-width:0}.op-t legend{font-size:13px;font-weight:550;color:var(--texto-2);padding:0;margin:0 0 6px}
.op-t-grilla{display:grid;gap:8px}
@media(min-width:560px){.op-t-grilla{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.op-t.col-2 .op-t-grilla{grid-template-columns:1fr 1fr}}
.op-t-item{position:relative;margin:0;display:block;cursor:pointer;color:var(--texto);font-weight:400}
.op-t-item input{position:absolute;opacity:0;width:1px;height:1px}
.op-t-caja{display:flex;align-items:flex-start;gap:10px;min-height:var(--toque);height:100%;padding:11px 12px;border:1px solid var(--borde-fuerte);border-radius:var(--r);background:var(--superficie);transition:border-color .15s,background .15s,box-shadow .15s}
.op-t-item:hover .op-t-caja{border-color:color-mix(in srgb,var(--texto) 35%,var(--borde-fuerte))}
.op-t-item input:checked+.op-t-caja{border-color:var(--marca);background:var(--marca-suave);box-shadow:0 0 0 1px var(--marca) inset}
.op-t-item input:focus-visible+.op-t-caja{outline:2px solid var(--foco);outline-offset:2px}
.op-t-ico{display:inline-flex;width:30px;height:30px;border-radius:8px;align-items:center;justify-content:center;background:var(--hundido);color:var(--texto-2);flex:none}
.op-t-item input:checked+.op-t-caja .op-t-ico{background:var(--superficie);color:var(--marca)}
.op-t-txt{flex:1;min-width:0}.op-t-txt b{display:block;font-size:14px;font-weight:600;line-height:1.3}.op-t-txt small{display:block;font-size:12.5px;color:var(--texto-2);margin-top:2px;line-height:1.4}
.op-t-check{display:inline-flex;width:20px;height:20px;border-radius:50%;align-items:center;justify-content:center;border:1px solid var(--borde-fuerte);color:transparent;flex:none;margin-top:2px}
.op-t-item input:checked+.op-t-caja .op-t-check{background:var(--marca-fondo);border-color:var(--marca-fondo);color:var(--marca-sobre)}
.campo-color>label{display:block}.color-fila{display:flex;gap:8px;align-items:center}
.color-fila input[type=color]{flex:none;width:var(--toque);height:var(--toque);padding:3px;border-radius:var(--r);cursor:pointer}
.color-fila input[type=text]{font-family:var(--f-mono);font-size:14px;text-transform:lowercase}
@media(min-width:760px){.color-fila input[type=color]{width:38px;height:38px}}
.tokens{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}
button.token{background:var(--superficie-2);color:var(--texto-2);border:1px solid var(--borde);box-shadow:none;min-height:30px;padding:0 8px;border-radius:8px;font-weight:500;gap:5px}
button.token code{background:none;border:0;padding:0;font-size:12px;color:var(--texto)}button.token .ico{color:var(--texto-3)}
button.token:hover{background:var(--marca-suave);border-color:color-mix(in srgb,var(--marca) 35%,transparent);color:var(--marca-texto)}
@media(max-width:759px){button.token{min-height:36px}}
.cod-copiar{display:flex;gap:8px;align-items:stretch;margin:8px 0 0}.cod-copiar pre{flex:1;min-width:0;margin:0;white-space:pre-wrap;word-break:break-all;padding:10px 12px}
.cod-copiar>button{align-self:flex-start;min-height:38px}
@media(max-width:519px){.cod-copiar{flex-direction:column}.cod-copiar>button{align-self:stretch}}
.guia{list-style:none;margin:4px 0 14px;padding:0;display:grid;gap:10px}.guia li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--texto-2)}
.guia li>div{min-width:0;flex:1}.guia b{color:var(--texto)}
.guia-n{display:inline-flex;flex:none;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;background:var(--marca-suave);color:var(--marca-texto);font-weight:700;font-size:12px}
.resumen-lat.estado-lista .item-r b{font-weight:550}
.fila-url{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid var(--borde);border-radius:var(--r);background:var(--superficie-2)}
.fila-url code{font-size:13.5px;background:none;border:0;padding:0;flex:1 1 200px;min-width:0}
.zona-peligro{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.zona-peligro h2{display:flex;align-items:center;gap:8px;margin:0 0 4px;color:var(--error)}
.zona-peligro .zp-txt{flex:1 1 280px;min-width:0}.zona-peligro .zp-txt p{margin:0}.zona-peligro .zp-acc{display:flex;flex-wrap:wrap;gap:8px}
/* productos */
.prod-grupo{margin:0 0 22px}.prod-grupo>header{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:0 0 10px}.prod-grupo>header h2{margin:0}
.prod-grupo>header .mini{flex:1 1 220px}
.prod-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:620px){.prod-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}
.prod-card{position:relative;display:flex;gap:12px;align-items:flex-start;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);padding:12px;box-shadow:var(--s1);min-width:0;transition:border-color .15s,box-shadow .15s}
.prod-card:hover{border-color:var(--borde-fuerte);box-shadow:var(--s2)}.prod-card.inactivo{opacity:.72}
.prod-card .mini-img{width:72px;height:72px}
.mini-img{display:inline-flex;flex:none;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:var(--hundido);border:1px solid var(--borde)}
.mini-img img{width:100%;height:100%;object-fit:cover;display:block}.mini-img.vacia{color:var(--texto-3);background:linear-gradient(135deg,var(--marca-suave),var(--hundido))}
.prod-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.prod-tit{font-weight:650;font-size:14.5px;line-height:1.3;color:var(--texto);text-decoration:none;overflow-wrap:anywhere}
.prod-tit::after{content:"";position:absolute;inset:0;border-radius:var(--r-l)}
.prod-tit:focus-visible{outline:none}.prod-card:has(.prod-tit:focus-visible){outline:2px solid var(--foco);outline-offset:2px}
.prod-slug{font:12px var(--f-mono);color:var(--texto-3);overflow-wrap:anywhere}
.prod-precio{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:2px}.prod-precio b{font:650 18px var(--f-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.prod-precio s{color:var(--texto-3);font-size:13px}
.prod-etqs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.vista-prod{display:flex;gap:12px;align-items:center}.vista-prod .mini-img{width:84px;height:84px}
.vista-precio{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r);background:var(--superficie-2);border:1px dashed var(--borde-fuerte);margin-top:12px}
.vista-precio b{font:650 22px var(--f-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vista-precio s{color:var(--texto-3)}
.vista-precio .etq{margin-left:auto}
.img-actual{display:flex;gap:12px;align-items:center;margin:0 0 12px}.img-actual .mini-img{width:64px;height:64px}
.subida{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px dashed var(--borde-fuerte);border-radius:var(--r);background:var(--superficie-2)}
.subida input[type=file]{flex:1 1 200px;min-width:0}
/* landing y páginas */
.kpis.chicos{margin:0 0 16px}.kpis.chicos .stat-v{font-size:20px}
.editor-vista{display:grid;gap:16px;align-items:start;grid-template-columns:minmax(0,1fr)}.editor-vista>*{min-width:0}
@media(min-width:1440px){.editor-vista{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-vista .vista iframe{height:720px}.editor-vista textarea.grande{min-height:640px}}
.previa-barra{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:0 0 10px}.previa-barra .campo{flex:1 1 220px}
.previa-barra label.check{min-height:var(--toque);padding:0 10px;border:1px solid var(--borde-fuerte);border-radius:var(--r);background:var(--superficie)}
@media(min-width:760px){.previa-barra label.check{min-height:38px}}
.tok-lista{display:grid;border:1px solid var(--borde);border-radius:var(--r);overflow:hidden}
.tok-fila{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:8px 12px;border-top:1px solid var(--borde);font-size:13px;min-width:0}.tok-fila:first-child{border-top:0}
.tok-fila .tokens{margin:0}.tok-que{grid-column:1/-1;grid-row:2;color:var(--texto-2);font-size:12.5px}.tok-vista{text-align:right;min-width:0;overflow-wrap:anywhere}
@media(min-width:760px){.tok-fila{grid-template-columns:minmax(200px,auto) 1fr minmax(120px,32%)}.tok-que{grid-column:auto;grid-row:auto}}
.tok-mas{margin-top:12px}.tok-mas>summary{font-size:13.5px;color:var(--texto-2)}.tok-mas[open]>summary{margin-bottom:8px}
.assets-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:12px}
.asset{border:1px solid var(--borde);border-radius:var(--r);overflow:hidden;background:var(--superficie);display:flex;flex-direction:column;min-width:0}
.asset-img{aspect-ratio:4/3;background:var(--hundido) repeating-conic-gradient(var(--borde) 0 25%,transparent 0 50%) 0 0/14px 14px;display:flex;align-items:center;justify-content:center;color:var(--texto-3)}
.asset-img img{width:100%;height:100%;object-fit:contain;display:block}
.asset-pie{padding:8px;display:grid;gap:6px;font-size:12px}.asset-pie a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.asset-pie button{width:100%;min-height:32px}
.empezar{display:grid;gap:10px}@media(min-width:760px){.empezar{grid-template-columns:repeat(3,1fr)}}
.empezar a{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--borde-fuerte);border-radius:var(--r-l);background:var(--superficie);text-decoration:none;color:var(--texto);min-width:0}
.empezar a:hover{border-color:var(--marca);background:var(--marca-suave)}.empezar a.activo{border-color:var(--marca);box-shadow:0 0 0 1px var(--marca) inset}
.empezar a .op-t-ico{margin-bottom:2px}.empezar a small{color:var(--texto-2);font-size:12.5px}
.ruta-campo .pref{display:flex;align-items:stretch}.ruta-campo .pref span{display:inline-flex;align-items:center;padding:0 10px;border:1px solid var(--borde-fuerte);border-right:0;border-radius:var(--r) 0 0 var(--r);background:var(--hundido);color:var(--texto-2);font:13px var(--f-mono);white-space:nowrap}
.ruta-campo .pref input{border-radius:0 var(--r) var(--r) 0;min-width:0}
/* checkout: miniatura en vivo, bumps en tarjetas */
.mc{--mc-primario:#0f6b4f;--mc-boton:#0f6b4f;--mc-boton_texto:#fff;--mc-fondo:#f6f5f2;--mc-tarjeta:#fff;--mc-texto:#1c1c1e;--mc-precio:#1c1c1e;--mc-bump:#c2410c;
width:100%;max-width:280px;margin:0 auto;border-radius:26px;border:7px solid #1d1b18;background:var(--mc-fondo);color:var(--mc-texto);overflow:hidden;box-shadow:var(--s2);font-size:11px;line-height:1.35}
.mc-cab{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--mc-tarjeta);border-bottom:1px solid color-mix(in srgb,var(--mc-texto) 10%,transparent)}
.mc-logo{display:inline-flex;width:20px;height:20px;border-radius:6px;align-items:center;justify-content:center;background:var(--mc-primario);color:#fff;font-weight:700;font-size:10px;overflow:hidden}.mc-logo img{width:100%;height:100%;object-fit:cover}
.mc-tienda{font-weight:650;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-candado{opacity:.55}
.mc-cuerpo{padding:10px;display:grid;gap:8px}
.mc-tarjeta{background:var(--mc-tarjeta);border-radius:10px;padding:9px;display:grid;gap:6px;border:1px solid color-mix(in srgb,var(--mc-texto) 8%,transparent)}
.mc-prod{display:flex;gap:8px;align-items:center}.mc-img{width:38px;height:38px;border-radius:7px;flex:none;background:color-mix(in srgb,var(--mc-primario) 22%,var(--mc-tarjeta))}
.mc-prod-txt{min-width:0}.mc-prod-txt>b{display:block;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-precio{color:var(--mc-precio)}.mc-precio s{opacity:.55}.mc-precio b{font-size:13px}
.mc-linea{display:block;height:6px;border-radius:3px;background:color-mix(in srgb,var(--mc-texto) 18%,transparent)}.mc-linea.l1{width:40%}.mc-linea.l2{width:30%}.mc-linea.l3{width:70%;margin-top:4px}
.mc-campo{display:block;height:18px;border-radius:5px;border:1px solid color-mix(in srgb,var(--mc-texto) 20%,transparent);background:var(--mc-tarjeta)}
.mc-bump{display:flex;gap:7px;align-items:flex-start;padding:8px;border-radius:10px;border:1.5px dashed var(--mc-bump);background:color-mix(in srgb,var(--mc-bump) 8%,var(--mc-tarjeta))}
.mc-bump b{font-size:10.5px}.mc-check{display:inline-flex;width:15px;height:15px;border-radius:4px;background:var(--mc-bump);color:#fff;align-items:center;justify-content:center;flex:none}
.mc-boton{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;border-radius:9px;background:var(--mc-boton);color:var(--mc-boton_texto);font-weight:700;font-size:11.5px;padding:0 8px;text-align:center}
.mc-boton span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc-sellos{display:flex;justify-content:center;gap:6px}.mc-sellos span{width:34px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--mc-texto) 14%,transparent)}
.muestras{display:flex;gap:4px;flex-wrap:wrap;margin:12px 0 0;justify-content:center}.muestras span{width:22px;height:22px;border-radius:6px;border:1px solid var(--borde-fuerte)}
.bumps-lista{display:grid;gap:10px}
.bump-card{border:1px solid var(--borde);border-radius:var(--r-l);background:var(--superficie-2);overflow:hidden}
.bump-card:has(.bump-on input:checked){border-color:color-mix(in srgb,var(--marca) 45%,var(--borde));background:var(--superficie)}
.bump-cab{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px}.bump-cab .toggle{flex:1 1 220px;min-width:0}
.bump-cab .orden-bump{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--texto-2);margin:0}.bump-cab .orden-bump input{width:72px}
.bump-det{border-top:1px solid var(--borde);padding:12px}.bump-det>summary{font-size:13px;color:var(--texto-2);font-weight:550;margin:0}
.bump-det[open]>summary{margin-bottom:10px}
.grid.g4c{grid-template-columns:1fr}@media(min-width:560px){.grid.g4c{grid-template-columns:1fr 1fr}}@media(min-width:1440px){.grid.g4c{grid-template-columns:repeat(4,1fr)}}
.toggles{display:grid;gap:4px 16px}@media(min-width:560px){.toggles{grid-template-columns:1fr 1fr}}
.campo-fijo{display:flex;align-items:center;gap:8px;min-height:var(--toque);padding:0 12px;border:1px dashed var(--borde-fuerte);border-radius:var(--r);color:var(--texto-2);font-size:13.5px;background:var(--superficie-2)}
.aside-m16a{display:grid;gap:16px}
/* embudos */
.emb-grid{display:grid;gap:12px}@media(min-width:760px){.emb-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}
.emb-card{display:flex;flex-direction:column;gap:10px;background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-l);padding:14px;box-shadow:var(--s1);min-width:0}
.emb-card.editando{border-color:var(--marca);box-shadow:0 0 0 1px var(--marca) inset}
.emb-card header{display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.emb-card h3{margin:0;font-size:15px}
.emb-link{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.emb-link a{font:13px var(--f-mono);overflow-wrap:anywhere}
.emb-datos{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px}.emb-datos dt{color:var(--texto-3)}.emb-datos dd{margin:0;min-width:0;overflow-wrap:anywhere}
.emb-acc{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.checks{display:grid;gap:4px 16px}@media(min-width:560px){.checks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.checks.ups{grid-template-columns:1fr}@media(min-width:760px){.checks.ups{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}
.up-fila{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:6px 10px;border:1px solid var(--borde);border-radius:var(--r);background:var(--superficie-2)}
.up-fila .check{flex:1;min-width:0}.up-fila input[type=number]{width:88px;flex:none}
/* editor de oferta post-compra */
.ramas{display:grid;gap:8px;margin:0 0 4px}@media(min-width:760px){.ramas{grid-template-columns:1fr 1fr}}
.rama{border:1px solid var(--borde);border-radius:var(--r);padding:10px 12px 12px;background:var(--superficie-2)}
.rama-t{display:flex;align-items:center;gap:6px;font-weight:650;font-size:13px;margin:0 0 6px}.rama.si .rama-t{color:var(--exito)}.rama.no .rama-t{color:var(--error)}
.rama .campo>label{color:var(--texto-2)}
.plantilla-m16a{margin:0 0 14px}.plantilla-m16a>summary{font-size:14px}
.precios-oferta .tabla{margin-top:0}
@media(max-width:759px){.panel.sin-relleno .tabla.apilar{padding:12px 12px 2px}
.panel .tabla.apilar tr:has(.vacio-celda){border:0;box-shadow:none;margin:0;padding:0;background:none}.panel.sin-relleno .tabla.apilar:has(.vacio-celda){padding:0}}
.panel [data-mostrar-si]>.alerta,.panel>.alerta:last-child{margin-bottom:0}
/* ==== fin M16a ==== */
/* ==== M16b ==== pantallas de ventas, cuenta y equipo (clientes, carritos, disputas, miembros, equipo, webhooks, ajustes, diagnóstico) */
.m16-persona{display:flex;gap:10px;align-items:center;min-width:0}.m16-persona .avatar{flex:none}
.m16-persona-t{display:flex;flex-direction:column;min-width:0}.m16-persona-t b{font-weight:600;overflow-wrap:anywhere}.m16-persona-t .mini{overflow-wrap:anywhere}
.m16-persona.chico .avatar{width:28px;height:28px;font-size:11.5px}
.m16-persona.grande .avatar{width:48px;height:48px;font-size:17px}
button.chip{background:var(--superficie);color:var(--texto-2);border:1px solid var(--borde-fuerte);box-shadow:none;min-height:36px;padding:0 12px;border-radius:99px;font-size:13px;font-weight:550;gap:5px}
button.chip:hover{background:var(--superficie);border-color:var(--texto-3);color:var(--texto)}
button.chip.activo{background:var(--marca-suave);border-color:color-mix(in srgb,var(--marca) 45%,transparent);color:var(--marca-texto)}
form.m16-filtro{margin:0 0 6px}
.m16-kpis{margin:0 0 16px}
.m16-cols{display:grid;gap:16px;min-width:0}.m16-cols>*{min-width:0}
@media(min-width:960px){.m16-cols{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start}.m16-cols>aside{position:sticky;top:76px}.m16-cols.mitad{grid-template-columns:1fr 1fr}}
.m16-cols>.panel{margin:0}.m16-cols>*>.panel:last-child{margin-bottom:0}
.m16-lista{list-style:none;margin:0;padding:0}
.m16-lista>li{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--borde);min-width:0}.m16-lista>li:first-child{border-top:0;padding-top:0}
.m16-lista>li:last-child{padding-bottom:0}.m16-lista .crece{flex:1;min-width:0}.m16-lista .crece b{display:block;font-weight:600;overflow-wrap:anywhere}
.m16-lista .der{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
/* checklist */
.m16-check{list-style:none;margin:0;padding:0}
.m16-check li{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--borde)}.m16-check li:first-child{border-top:0;padding-top:2px}.m16-check li:last-child{padding-bottom:0}
.ck-ico{flex:none;display:inline-flex;width:26px;height:26px;border-radius:50%;align-items:center;justify-content:center;font:700 13px/1 var(--f-sis);border:1px solid;margin-top:1px}
.ck-ok .ck-ico{background:var(--exito-suave);color:var(--exito);border-color:color-mix(in srgb,var(--exito) 30%,transparent)}
.ck-aviso .ck-ico{background:var(--aviso-suave);color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 30%,transparent)}
.ck-error .ck-ico{background:var(--error-suave);color:var(--error);border-color:color-mix(in srgb,var(--error) 30%,transparent)}
.ck-nv .ck-ico{background:var(--hundido);color:var(--texto-2);border-color:var(--borde-fuerte)}
.ck-c{min-width:0;flex:1}.ck-t{font-size:14px;color:var(--texto);overflow-wrap:anywhere}.ck-ok .ck-t{color:var(--texto-2)}.ck-d{font-size:12.5px;color:var(--texto-3);margin-top:2px}
.ck-paso{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:13px;font-weight:600;color:var(--texto-2)}.ck-paso a{text-decoration:none}.ck-paso a:hover{text-decoration:underline}
.m16-area{display:flex;align-items:center;gap:8px}.m16-area .cuenta{margin-left:auto}
.m16-prog{margin:0 0 4px}.m16-prog-t{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--texto-2);margin-bottom:6px}.m16-prog-t b{color:var(--texto)}
.m16-prog-pista{height:10px;border-radius:99px;background:var(--hundido);overflow:hidden}.m16-prog-pista span{display:block;height:100%;border-radius:99px;background:var(--exito-punto)}
.m16-semaforo{display:grid;gap:10px;grid-template-columns:1fr;margin:0 0 16px}
@media(min-width:620px){.m16-semaforo{grid-template-columns:1fr 1fr}}
.m16-luz{display:flex;gap:12px;align-items:center;padding:14px 16px;border-radius:var(--r-l);border:1px solid var(--borde);background:var(--superficie);box-shadow:var(--s1)}
.m16-luz .ck-ico{width:40px;height:40px;font-size:18px}.m16-luz b{display:block;font:650 17px/1.2 var(--f-display)}.m16-luz span.mini{display:block}
.m16-luz.ck-ok{border-color:color-mix(in srgb,var(--exito) 35%,var(--borde))}.m16-luz.ck-error{border-color:color-mix(in srgb,var(--error) 35%,var(--borde))}
/* secreto con "mostrar" sin JS */
.m16-secreto{display:grid;gap:10px;min-width:0}
.m16-ver{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.m16-ver:not(:checked)~.secreto{filter:blur(6px);user-select:none}
.m16-secreto .secreto{transition:filter .15s}
.m16-secreto-acc{display:flex;gap:8px;flex-wrap:wrap}.m16-ver-b{cursor:pointer;margin:0}.m16-ver-si{display:none}
.m16-ver:checked~.m16-secreto-acc .m16-ver-si{display:inline}.m16-ver:checked~.m16-secreto-acc .m16-ver-no{display:none}
.m16-ver:focus-visible~.m16-secreto-acc .m16-ver-b{outline:2px solid var(--foco);outline-offset:2px}
.m16-mascara{font:13px var(--f-mono);letter-spacing:.04em;color:var(--texto-2)}
/* entregas recientes de un destino */
.m16-entregas{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}
.m16-entregas .e{display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--hundido);border:1px solid var(--borde-fuerte)}
.m16-entregas .e-entregado{background:var(--exito-punto);border-color:transparent}.m16-entregas .e-fallido{background:var(--error-punto);border-color:transparent}
.m16-entregas .e-pendiente{background:var(--aviso-punto);border-color:transparent}
.m16-destino{display:grid;gap:10px;padding:14px 0;border-top:1px solid var(--borde)}.m16-destino:first-child{border-top:0;padding-top:0}.m16-destino:last-child{padding-bottom:0}
.m16-destino-cab{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:flex-start;justify-content:space-between}
.m16-destino-cab .crece{min-width:0;flex:1 1 240px}.m16-destino-cab .crece b{font-weight:650;font-size:15px}
.m16-destino-url{display:block;font:12.5px var(--f-mono);color:var(--texto-3);overflow-wrap:anywhere}
.m16-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--texto-3);align-items:center}.m16-meta>span{display:inline-flex;gap:6px;align-items:center}
.m16-eventos{display:flex;flex-wrap:wrap;gap:6px}
.m16-casillas{display:grid;gap:4px 12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
/* tipos de contenido (miembros) */
.m16-tipo{flex:none;display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:var(--hundido);color:var(--texto-2)}
.m16-tipo.tp-video{background:var(--marca-suave);color:var(--marca-texto)}.m16-tipo.tp-archivo{background:var(--aviso-suave);color:var(--aviso)}
.m16-tipo.tp-link{background:var(--exito-suave);color:var(--exito)}
.m16-cat{margin:0 0 12px;border:1px solid var(--borde);border-radius:var(--r-l);background:var(--superficie);box-shadow:var(--s1);overflow:hidden}
.m16-cat>header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 16px;background:var(--superficie-2);border-bottom:1px solid var(--borde)}
.m16-cat>header .crece{flex:1 1 200px;min-width:0}.m16-cat>header h3{margin:0;font-size:15px}.m16-cat>header .mini{display:block}
.m16-cat .m16-lista{padding:12px 16px}.m16-cat .vacio{padding:16px}
.m16-cat.oculta>header h3{color:var(--texto-2)}
/* disputas */
.m16-disp{display:grid;gap:14px;grid-template-columns:1fr;padding:16px;border:1px solid var(--borde);border-radius:var(--r-l);background:var(--superficie);box-shadow:var(--s1);margin:0 0 12px;min-width:0}
.m16-disp.abierta{border-left:4px solid var(--error-punto)}.m16-disp.abierta.lista{border-left-color:var(--exito-punto)}
@media(min-width:760px){.m16-disp{grid-template-columns:110px minmax(0,1fr) minmax(0,auto);align-items:start}}
.m16-disp-info{min-width:0;display:grid;gap:6px}.m16-disp-info .tit{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.m16-disp-info .tit a{font:650 16px var(--f-display);text-decoration:none}
.m16-disp-info .monto{font:650 20px var(--f-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.m16-disp-acc{display:grid;gap:8px;min-width:0}@media(min-width:760px){.m16-disp-acc{min-width:250px}}
.m16-disp-acc .fila{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px}
.m16-evid{display:flex;gap:6px;flex-wrap:wrap}.m16-evid input{flex:1 1 140px;min-width:0}
.m16-plazo{display:flex;flex-direction:row;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r);background:var(--hundido);color:var(--texto-2);text-align:left}
@media(min-width:760px){.m16-plazo{flex-direction:column;text-align:center;gap:2px;padding:12px 8px}}
.m16-plazo .pl-n{font:700 30px/1 var(--f-display);font-variant-numeric:tabular-nums;display:inline-flex}.m16-plazo .pl-t{font-size:12px;font-weight:600;line-height:1.3}
.m16-plazo.pl-urgente,.m16-plazo.pl-vencida{background:var(--error-suave);color:var(--error)}.m16-plazo.pl-pronto{background:var(--aviso-suave);color:var(--aviso)}
.m16-plazo.pl-tranquila{background:var(--marca-suave);color:var(--marca-texto)}
/* recuperación: los 3 mails como pasos */
.m16-rec-pasos{display:grid;gap:10px;grid-template-columns:1fr;counter-reset:rec;margin:12px 0 0}
@media(min-width:760px){.m16-rec-pasos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.m16-rec-paso{border:1px solid var(--borde);border-radius:var(--r-l);padding:12px;background:var(--superficie-2);display:grid;gap:8px;min-width:0}
.m16-rec-paso>b{display:flex;align-items:center;gap:8px;font-size:13.5px}.m16-rec-paso>b .paso-n{flex:none}
.m16-rec-paso.vacio-paso{border-style:dashed;background:var(--superficie)}
/* permisos: grilla de toggles */
.m16-opciones{display:grid;gap:10px;grid-template-columns:1fr;margin:0 0 14px}
@media(min-width:620px){.m16-opciones{grid-template-columns:1fr 1fr}}
.m16-opcion{display:block;margin:0;cursor:pointer;font-weight:400}
.m16-opcion input{position:absolute;opacity:0;width:1px;height:1px}
.m16-opcion-c{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--borde-fuerte);border-radius:var(--r-l);background:var(--superficie);height:100%;transition:border-color .15s,box-shadow .15s}
.m16-opcion-c b{display:block;color:var(--texto);font-size:14px}.m16-opcion-c small{display:block;color:var(--texto-3);font-size:12.5px;margin-top:2px;line-height:1.4}
.m16-opcion input:checked+.m16-opcion-c{border-color:var(--marca);box-shadow:0 0 0 3px color-mix(in srgb,var(--foco) 22%,transparent);background:color-mix(in srgb,var(--marca-suave) 45%,var(--superficie))}
.m16-opcion input:focus-visible+.m16-opcion-c{outline:2px solid var(--foco);outline-offset:2px}
.m16-grilla{display:grid;gap:8px;grid-template-columns:1fr}
@media(min-width:620px){.m16-grilla{grid-template-columns:1fr 1fr}}
.m16-grilla>.toggle{border:1px solid var(--borde);border-radius:var(--r);padding:10px 12px;background:var(--superficie-2);min-height:var(--toque)}
.m16-grilla>.toggle:has(input:checked){border-color:color-mix(in srgb,var(--marca) 40%,var(--borde));background:color-mix(in srgb,var(--marca-suave) 40%,var(--superficie))}
.m16-sub{font-size:12px;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--texto-3);margin:14px 0 8px}
.m16-sub:first-child{margin-top:0}
.m16-perm-chips{display:flex;flex-wrap:wrap;gap:4px}
.m16-tiendas-lista{max-height:260px;overflow:auto}
.m16-nota-dueno{display:none;text-transform:none;letter-spacing:0;font-weight:500}
.m16-permisos:has(input[value=dueno]:checked) .m16-solo-colab{opacity:.5}.m16-permisos:has(input[value=dueno]:checked) .m16-nota-dueno{display:inline}
.m16-permisos:has(input[name=todas_tiendas]:checked) .m16-tiendas-lista{opacity:.5}
/* miscelánea */
.m16-pie-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;border-top:1px solid var(--borde);margin:16px -16px -16px;padding:12px 16px;background:var(--superficie-2);border-radius:0 0 var(--r-l) var(--r-l)}
@media(min-width:760px){.m16-pie-form{margin:18px -20px -20px;padding:12px 20px}}
.m16-pie-form .mini{margin-right:auto}
.m16-totales{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12.5px;color:var(--texto-3)}
.m16-num-grande{font:650 15px var(--f-display);font-variant-numeric:tabular-nums;color:var(--texto)}
@media(max-width:759px){.m16-pie-form>button,.m16-pie-form>.boton{flex:1 1 auto}.m16-disp-acc .boton,.m16-disp-acc button{flex:1 1 auto}.m16-evid button{flex:1 1 100%}}
@media(max-width:759px){.tabla.apilar.m16-ap td.ap-tit{grid-column:1/-1}.tabla.apilar.m16-ap td.ap-estado{grid-row:auto;grid-column:auto;justify-self:start}
.tabla.apilar.m16-ap td.ap-estado[data-l]::before{display:block}.tabla.apilar.m16-ap td:not([data-l]){grid-column:1/-1}.tabla.apilar.m16-ap td.num .m16-perm-chips{justify-content:flex-start!important}
.tabla.apilar.m16-ap td:not([data-l]):empty{display:none}.tabla.apilar.m16-ap td.ap-estado{grid-column:1/-1}.tabla.apilar.m16-ap .etq{white-space:normal}
.panel.sin-relleno .tabla.apilar.m16-ap{padding:4px 10px 0;border-top:0}.tabla.apilar.m16-ap td:not([data-l]) .m16-perm-chips>*{flex:1 1 auto}}
@media(min-width:760px){.tabla.m16-ap td.ap-tit{min-width:210px}.tabla.m16-ap td:last-child:not([data-l]) .m16-perm-chips{justify-content:flex-end;min-width:150px}}
td .m16-casillas{display:flex;flex-wrap:wrap;gap:0 16px}
@media(max-width:420px){.m16-kpis .stat-v{font-size:21px}}
/* ==== fin M16b ==== */
/* ==== M18: métodos de pago del checkout (Configuración → Pagos) ==== */
.ml-met{display:flex;gap:10px;align-items:flex-start;min-width:0}.ml-met>div{min-width:0}
.ml-logo{flex:none;display:inline-grid;place-items:center;min-width:38px;height:26px;padding:0 5px;border-radius:6px;color:#fff;font:700 11.5px/1 var(--f-ui,system-ui);letter-spacing:-.02em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ml-stripe{font-size:12px;margin-top:2px;font-weight:550}.ml-stripe.t-ok{color:var(--exito)}.ml-stripe.t-avi{color:var(--aviso)}.ml-stripe.t-err{color:var(--error)}
.ml-cuenta{font-size:13px;color:var(--texto-2);white-space:nowrap;background:var(--hundido);border-radius:99px;padding:4px 10px}.ml-cuenta b{color:var(--texto);font-variant-numeric:tabular-nums}
.ml-ayuda{background:var(--superficie-2);border:1px solid var(--borde);padding:4px 12px;margin:0 0 12px}.ml-ayuda p{font-size:13.5px;color:var(--texto-2);margin:6px 0 10px}
.ml-sw{min-height:0;padding:0;justify-content:flex-end}.ml-sw input:disabled+.toggle-pista{opacity:.55;cursor:not-allowed}
.tabla.ml-tabla td{vertical-align:middle}.tabla.ml-tabla th.ap-estado-th,.tabla.ml-tabla td.ap-estado{text-align:right}
@media(max-width:759px){.tabla.ml-tabla tr{grid-template-columns:1fr 1fr auto}.tabla.ml-tabla td.ap-tit{grid-column:1/3;grid-row:1}.tabla.ml-tabla td.ap-estado{grid-column:3;grid-row:1}
.tabla.ml-tabla td[data-l]::before{white-space:nowrap}.tabla.ml-tabla td[data-l="Tipo"]{grid-column:1}.tabla.ml-tabla td[data-l="Compradores en"]{grid-column:2/4}
.tabla.ml-tabla td[data-l="Post-compra"]{grid-column:1/-1;display:flex;align-items:center;gap:8px;margin-top:2px}.tabla.ml-tabla td[data-l="Post-compra"]::before{margin:0}}
/* ==== fin M18 ==== */
/* ==== Lote A ==== */
.tl-datos{display:flex;flex-wrap:wrap;gap:4px 14px}.tl-datos b{font-weight:600;color:var(--texto)}
.tl-tec{margin-top:6px}.tl-tec summary{cursor:pointer;color:var(--texto-3);font-size:12px}.tl-tec div{font-size:12px;word-break:break-word;margin-top:2px}
@media(max-width:599px){.alerta:has(.alerta-acc){flex-wrap:wrap}.alerta:has(.alerta-acc) .alerta-acc{flex-basis:100%;padding-left:28px}}
/* ==== fin Lote A ==== */
/* ==== Lote B ==== */
fieldset.lb-fila{border:1px solid var(--borde);border-radius:var(--r-l);padding:10px 12px 12px;margin:0 0 10px;min-width:0}
fieldset.lb-fila legend{font-weight:650;font-size:13.5px;padding:0 6px;color:var(--texto-2)}
.lb-post{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-top:12px}.lb-post .mini{flex:1 1 220px}
.lb-politicas{margin:4px 0 10px;padding-left:18px}.lb-politicas li{margin:3px 0}
.lb-bloques{margin:0 0 18px}.lb-bloques h3{margin:0 0 8px}
.lb-bloque{border:1px solid var(--borde);border-radius:var(--r-l);padding:10px 12px;margin:0 0 10px;background:var(--superficie-2);min-width:0}
.lb-cab{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}.lb-cab b{margin-right:auto}
.lb-texto{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;border-top:1px dashed var(--borde);padding-top:8px;margin-top:8px}
@media(min-width:760px){.lb-texto{grid-template-columns:200px minmax(0,1fr) auto;align-items:end}}
.lb-textos>button{margin-top:8px}
.lb-cab button{min-height:36px}
.lb-agregar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.lb-agregar .campo{flex:1 1 200px;margin:0}.lb-agregar button{min-height:42px}
.lb-json{margin-top:8px}.lb-json summary{cursor:pointer;font-size:13px;color:var(--primario,var(--texto-2));text-decoration:underline;padding:4px 0;display:inline-block}
.lb-json textarea{width:100%;min-height:90px;margin-top:6px}
.lb-bloque textarea{min-height:70px;width:100%}
/* ==== fin Lote B ==== */