/* Silueta Palace US — panel administrativo */
@font-face{font-family:Cinzel;font-weight:700;font-display:swap;src:url(../fonts/cinzel-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(../fonts/manrope-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(../fonts/manrope-latin-800-normal.woff2) format("woff2")}
:root{--oro:#c9a24a;--oro2:#ecd08b;--noche:#100e0c;--crema:#f8f3ec;--texto:#1d1814;--acento:#b0476a;
  --fondo:#f4f1ec;--blanco:#fff;--linea:#e7e0d6;--suave:#6f655c;--verde:#1f9d55;--azul:#2f6fcf;--rojo:#c43d3d;--amarillo:#c98a12;
  --f-t:Cinzel,serif;--f-b:Manrope,system-ui,sans-serif;--lat:248px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--f-b);font-size:14.5px;line-height:1.5;color:var(--texto);background:var(--fondo)}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--oro);outline-offset:2px;border-radius:6px}
.app{display:grid;grid-template-columns:var(--lat) minmax(0,1fr);min-height:100vh}
.velo-lat{display:none}

/* lateral */
.lat{position:sticky;top:0;height:100vh;background:var(--noche);color:#fff;display:flex;flex-direction:column;padding:18px 14px;gap:14px;z-index:40}
.lat-logo{display:flex;align-items:center;gap:10px;text-decoration:none;padding:4px 8px 14px;border-bottom:1px solid rgba(236,208,139,.14)}
.lat-logo img{height:44px;width:auto}
.lat-logo b{display:block;font-family:var(--f-t);color:var(--oro2);font-size:15px;letter-spacing:.04em}
.lat-logo small{color:rgba(255,255,255,.55);font-size:12px}
.lat-nav{display:grid;gap:3px;overflow-y:auto}
.lat-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;text-decoration:none;color:rgba(255,255,255,.75);font-weight:600;transition:background .2s,color .2s}
.lat-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.lat-nav a.activo{background:linear-gradient(135deg,rgba(236,208,139,.2),rgba(201,162,74,.08));color:var(--oro2);box-shadow:inset 0 0 0 1px rgba(236,208,139,.25)}
.pill{margin-left:auto;background:var(--acento);color:#fff;font-size:11px;border-radius:999px;padding:1px 8px;font-weight:800}
.lat-tienda{margin-top:auto;display:flex;align-items:center;gap:10px;justify-content:center;padding:11px;border-radius:12px;border:1px solid rgba(236,208,139,.35);color:var(--oro2);text-decoration:none;font-weight:700}
.lat-tienda:hover{background:var(--oro);color:#1a1206}

/* superior */
.cuerpo{min-width:0}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;padding:14px clamp(16px,3vw,32px);background:color-mix(in srgb,var(--fondo) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.top h1{font-family:var(--f-t);font-size:1.35rem}
.demo-pill{font-size:12px;font-weight:700;background:#fff4d9;color:#7a5a0a;border:1px solid #f0d99a;border-radius:999px;padding:4px 11px}
.hoy{margin-left:auto;color:var(--suave);font-size:13px;font-weight:600}
.top .menu-b{display:none}
.vista{padding:clamp(16px,3vw,32px);display:grid;gap:20px;max-width:1500px}

/* elementos */
.ib{width:40px;height:40px;border-radius:12px;border:1px solid var(--linea);background:#fff;display:grid;place-items:center;cursor:pointer}
.b{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:12px;border:1px solid var(--linea);background:#fff;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.b:hover{transform:translateY(-1px);box-shadow:0 8px 18px -12px rgba(0,0,0,.4)}
.b svg{width:17px;height:17px}
.b-oro{background:linear-gradient(135deg,var(--oro2),var(--oro));border-color:transparent;color:#1a1206}
.b-osc{background:var(--noche);border-color:var(--noche);color:#fff}
.b-verde{background:var(--verde);border-color:var(--verde);color:#fff}
.b-rojo{color:var(--rojo)}
.b-sm{padding:7px 11px;font-size:13px;border-radius:10px}
.tarjeta{background:#fff;border:1px solid var(--linea);border-radius:20px;padding:18px 20px;box-shadow:0 18px 40px -36px rgba(40,25,10,.5);min-width:0}
.t-cab{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.t-cab h2{font-size:1.02rem;font-weight:800}
.t-cab small{color:var(--suave)}
.fila{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rejilla{display:grid;gap:20px}
.r-kpi{grid-template-columns:repeat(4,minmax(0,1fr))}
.r-2{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.r-2i{grid-template-columns:repeat(2,minmax(0,1fr))}
.kpi{position:relative;overflow:hidden}
.kpi small{display:block;color:var(--suave);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}
.kpi b{display:block;font-size:1.75rem;font-weight:800;margin-top:6px;letter-spacing:-.01em}
.kpi .var{font-size:12.5px;font-weight:800;margin-top:4px;display:inline-flex;gap:4px;align-items:center}
.kpi .var.sube{color:var(--verde)}.kpi .var.baja{color:var(--rojo)}
.kpi .var em{font-style:normal;color:var(--suave);font-weight:600}
.kpi i{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--oro) 16%,#fff);color:color-mix(in srgb,var(--oro) 70%,#000)}
.kpi.osc{background:var(--noche);color:#fff;border-color:var(--noche)}
.kpi.osc small{color:rgba(255,255,255,.6)}
.kpi.osc i{background:rgba(236,208,139,.15);color:var(--oro2)}
.aviso-demo{display:flex;gap:12px;align-items:flex-start;background:#fff8e6;border:1px solid #f0d99a;color:#5c4407;border-radius:16px;padding:12px 16px;font-size:13.5px}
.aviso-demo b{white-space:nowrap}

/* gráfico */
.graf{width:100%;height:auto;display:block;overflow:visible}
.graf text{font-family:var(--f-b);font-size:11px;fill:var(--suave);stroke:none}
.graf rect{stroke:none}
.graf .barra{fill:url(#gOro);transition:opacity .2s}
.graf .barra:hover{opacity:.75}
.graf .linea{fill:none;stroke:var(--noche);stroke-width:2}
.graf .area{fill:color-mix(in srgb,var(--oro) 18%,transparent)}
.graf .guia{stroke:var(--linea);stroke-width:1}
.hbar{display:grid;gap:9px}
.hbar div{display:grid;grid-template-columns:120px minmax(0,1fr) 84px;gap:10px;align-items:center;font-size:13px}
.hbar span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbar i{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--oro2),var(--oro));display:block;min-width:4px}
.hbar em{font-style:normal;text-align:right;font-weight:800}

/* listas y tablas */
.top-p{display:grid;gap:10px}
.tp{display:grid;grid-template-columns:28px 52px minmax(0,1fr) auto;gap:12px;align-items:center}
.tp>b{font-family:var(--f-t);color:color-mix(in srgb,var(--oro) 70%,#000);text-align:center}
.mini{width:52px;height:52px;border-radius:12px;background-color:#f3eee8;flex:none}
.tp strong{display:block;font-size:13.5px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tp small{color:var(--suave);font-size:12px}
.tp em{font-style:normal;text-align:right;font-weight:800}
.tp em small{display:block;font-weight:600}
.tabla-w{overflow-x:auto;margin:0 -20px;padding:0 20px}
table{width:100%;border-collapse:collapse;font-size:13.5px}
@media (max-width:860px){.tabla-w table{min-width:760px}}
th{text-align:left;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);font-weight:800;padding:10px 10px;border-bottom:1px solid var(--linea);white-space:nowrap}
td{padding:11px 10px;border-bottom:1px solid var(--linea);vertical-align:middle}
tbody tr{cursor:pointer;transition:background .15s}
tbody tr:hover{background:#faf6f0}
td.num,th.num{text-align:right;white-space:nowrap}
td small{display:block;color:var(--suave);font-size:12px}
.est{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}
.est::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.est.pendiente{background:#fff2dc;color:#a76a00}
.est.enviado{background:#e6efff;color:var(--azul)}
.est.entregado{background:#e3f6ea;color:var(--verde)}
.est.cancelado{background:#fbe6e6;color:var(--rojo)}
.web{font-size:10.5px;font-weight:800;background:var(--noche);color:var(--oro2);border-radius:999px;padding:2px 7px;margin-left:6px;vertical-align:middle}
.pest{display:flex;gap:6px;flex-wrap:wrap}
.pest button{border:1px solid var(--linea);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;font-size:13px}
.pest button[aria-pressed=true]{background:var(--noche);color:var(--oro2);border-color:var(--noche)}
.pest button b{margin-left:4px;font-size:11.5px;opacity:.75}
.campo-b{display:flex;align-items:center;gap:8px;border:1px solid var(--linea);background:#fff;border-radius:12px;padding:0 12px;min-width:220px;flex:1;max-width:380px}
.campo-b input{border:0;outline:0;padding:10px 0;width:100%;background:transparent}
.campo-b svg{color:var(--suave);width:17px;height:17px}
select.sel{border:1px solid var(--linea);background:#fff;border-radius:12px;padding:10px 12px;font-weight:600}
.vacio{text-align:center;color:var(--suave);padding:30px}
.pag{display:flex;justify-content:center;gap:8px;margin-top:14px;align-items:center;color:var(--suave);font-size:13px}

/* panel lateral (detalle) */
.panel-lado{position:fixed;inset:0;z-index:100;background:rgba(10,8,6,.45);display:flex;justify-content:flex-end;animation:ap .2s both}
@keyframes ap{from{opacity:0}}
.pl-caja{width:min(560px,100%);height:100%;background:#fff;overflow-y:auto;animation:entra .3s cubic-bezier(.2,.8,.2,1) both;display:flex;flex-direction:column}
@keyframes entra{from{transform:translateX(100%)}}
.pl-cab{position:sticky;top:0;z-index:2;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border-bottom:1px solid var(--linea)}
.pl-cab h3{font-family:var(--f-t);font-size:1.15rem}
.pl-cuerpo{padding:18px 20px 30px;display:grid;gap:16px}
.bloque{border:1px solid var(--linea);border-radius:16px;padding:14px 16px}
.bloque h4{margin:0 0 8px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.dir{font-size:15px;font-weight:700;line-height:1.45}
.mapa{border-radius:14px;overflow:hidden;border:1px solid var(--linea);height:180px;background:linear-gradient(135deg,#efe7dc,#e3d7c6);display:grid;place-items:center;color:var(--suave);text-align:center;position:relative}
.mapa svg{width:38px;height:38px;color:var(--acento);margin:0 auto 4px}
.mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.it-ped{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--linea)}
.it-ped:last-child{border:0}
.tot-ped{display:grid;gap:4px;margin-top:8px}
.tot-ped div{display:flex;justify-content:space-between}
.tot-ped .t{font-weight:800;font-size:1.1rem;border-top:1px solid var(--linea);padding-top:6px}
.acciones{display:flex;flex-wrap:wrap;gap:8px}
.linea-t{display:grid;gap:10px;padding-left:16px;border-left:2px solid var(--linea)}
.linea-t div{position:relative;font-size:13px}
.linea-t div::before{content:"";position:absolute;left:-22px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--oro)}

/* formularios */
.form{display:grid;gap:14px}
.form .dos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form .tres{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cp{display:grid;gap:6px}
.cp>span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--suave)}
.cp input:not([type=checkbox]):not([type=color]),.cp select,.cp textarea{border:1px solid var(--linea);border-radius:12px;padding:10px 12px;background:#fdfbf8;width:100%;outline-color:var(--oro)}
.cp textarea{min-height:76px;resize:vertical}
.cp small{color:var(--suave);font-size:12px}
.chk{display:flex;align-items:center;gap:9px;font-weight:600;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--oro)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips button{border:1px solid var(--linea);background:#fff;border-radius:10px;padding:7px 11px;font-weight:700;font-size:13px;cursor:pointer}
.chips button[aria-pressed=true]{background:var(--verde);border-color:var(--verde);color:#fff}
.chips button[aria-pressed=false]{text-decoration:line-through;color:var(--suave);background:#f6f3ef}
.chips .quita{background:#fff;color:var(--texto)}
.fotos-ed{display:flex;gap:8px;flex-wrap:wrap}
.fotos-ed i{width:84px;height:84px;border-radius:12px;background-color:#f3eee8;border:1px solid var(--linea)}
.subir{width:84px;height:84px;border-radius:12px;border:2px dashed color-mix(in srgb,var(--oro) 60%,transparent);display:grid;place-items:center;cursor:pointer;color:color-mix(in srgb,var(--oro) 70%,#000);font-size:11.5px;font-weight:700;text-align:center;background:#fffaf0}
.subir input{position:absolute;opacity:0;width:1px;height:1px}
.interruptor{position:relative;display:inline-flex;width:42px;height:24px;flex:none}
.interruptor input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}
.interruptor span{position:absolute;inset:0;border-radius:999px;background:#d8d0c5;transition:background .2s}
.interruptor span::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);transition:transform .2s}
.interruptor input:checked+span{background:var(--verde)}
.interruptor input:checked+span::after{transform:translateX(18px)}

/* productos */
.prods{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.pa{background:#fff;border:1px solid var(--linea);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.pa:hover{box-shadow:0 18px 30px -24px rgba(0,0,0,.5);transform:translateY(-2px)}
.pa.oculto{opacity:.55}
.pa>i{display:block;aspect-ratio:1;background-color:#f7f4f0;position:relative}
.pa>i em{position:absolute;left:8px;top:8px;font-style:normal;font-size:10.5px;font-weight:800;background:var(--noche);color:var(--oro2);border-radius:999px;padding:3px 8px}
.pa div{padding:10px 12px 12px;display:grid;gap:3px;flex:1}
.pa small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--oro) 70%,#000)}
.pa b{font-size:13.5px;line-height:1.3}
.pa .pie-pa{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}
.pa .pie-pa strong{font-size:15px}

/* promociones */
.promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.promo{position:relative;border-radius:18px;padding:18px;background:linear-gradient(135deg,#1c1612,var(--noche));color:#fff;overflow:hidden}
.promo.off{background:#fff;color:var(--texto);border:1px dashed var(--linea)}
.promo .val{font-family:var(--f-t);font-size:2rem;color:var(--oro2);line-height:1}
.promo.off .val{color:var(--suave)}
.promo b{display:block;font-size:15px;margin-top:8px}
.promo p{font-size:12.5px;opacity:.75;margin-top:4px}
.promo .fila{margin-top:14px;justify-content:space-between}
.promo code{background:rgba(236,208,139,.15);color:var(--oro2);padding:2px 8px;border-radius:6px;font-weight:800}
.promo.off code{background:#f3eee8;color:var(--texto)}

/* editor */
.editor{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:20px;align-items:start}
.ed-form{display:grid;gap:12px}
.ed-sec{background:#fff;border:1px solid var(--linea);border-radius:18px;overflow:hidden}
.ed-sec summary{list-style:none;cursor:pointer;padding:14px 16px;font-weight:800;display:flex;align-items:center;gap:10px}
.ed-sec summary::-webkit-details-marker{display:none}
.ed-sec summary::after{content:"+";margin-left:auto;color:var(--oro);font-size:18px}
.ed-sec[open] summary::after{content:"−"}
.ed-sec summary small{font-weight:600;color:var(--suave)}
.ed-in{padding:4px 16px 16px;display:grid;gap:12px}
.colores-ed{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.color-c{display:grid;gap:5px;font-size:12px;font-weight:700;color:var(--suave)}
.color-c input{width:100%;height:42px;border:1px solid var(--linea);border-radius:10px;padding:3px;background:#fff;cursor:pointer}
.presets{display:flex;gap:8px;flex-wrap:wrap}
.presets button{display:flex;align-items:center;gap:6px;border:1px solid var(--linea);background:#fff;border-radius:999px;padding:6px 12px 6px 6px;font-weight:700;font-size:12.5px;cursor:pointer}
.presets i{display:flex;border-radius:999px;overflow:hidden}
.presets i span{width:14px;height:22px}
.par{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.par label{display:grid;gap:4px}
.par em{font-style:normal;font-size:11px;font-weight:800;color:var(--suave)}
.par input,.par textarea{border:1px solid var(--linea);border-radius:10px;padding:8px 10px;background:#fdfbf8;width:100%;font-size:13px}
.par textarea{min-height:64px;resize:vertical}
.clave{font-size:12.5px;font-weight:800;margin-top:4px}
.vista-previa{position:sticky;top:84px;background:#fff;border:1px solid var(--linea);border-radius:20px;overflow:hidden;box-shadow:0 30px 50px -40px rgba(0,0,0,.6)}
.vp-barra{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--linea);background:#faf7f2}
.vp-barra i{width:11px;height:11px;border-radius:50%;background:#e0d6c8}
.vp-barra span{font-size:12.5px;color:var(--suave);font-weight:600;margin-left:6px}
.vp-barra .fila{margin-left:auto}
.vp-barra button{border:1px solid var(--linea);background:#fff;border-radius:8px;padding:4px 9px;font-size:12px;font-weight:700;cursor:pointer}
.vp-barra button[aria-pressed=true]{background:var(--noche);color:var(--oro2)}
.vp-marco{height:calc(100vh - 200px);min-height:520px;display:flex;justify-content:center;background:#ebe5dc}
.vp-marco iframe{width:100%;height:100%;border:0;background:#fff;transition:width .3s}
.vp-marco.tel iframe{width:390px;border-left:1px solid var(--linea);border-right:1px solid var(--linea)}
.guardar-bar{position:sticky;bottom:12px;z-index:5;display:flex;gap:8px;justify-content:space-between;align-items:center;background:var(--noche);color:#fff;border-radius:16px;padding:10px 12px 10px 16px;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.guardar-bar .b{color:var(--texto)}
.guardar-bar span{font-size:13px;color:rgba(255,255,255,.75)}
.sel-hero{display:flex;gap:6px;flex-wrap:wrap}
.sel-hero button{position:relative;width:54px;height:54px;border-radius:10px;border:2px solid var(--oro);padding:0;cursor:pointer;background-color:#f3eee8}
.sel-hero button::after{content:"×";position:absolute;right:-6px;top:-6px;width:18px;height:18px;border-radius:50%;background:var(--noche);color:#fff;font-size:12px;line-height:18px}

.toast{position:fixed;left:50%;bottom:22px;translate:-50% 0;z-index:300;background:var(--noche);color:#fff;padding:11px 18px;border-radius:999px;font-weight:700;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);opacity:0;transform:translateY(20px);transition:all .3s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}
.toast.ver{opacity:1;transform:none}

@media print{
  body *{visibility:hidden}
  .etiqueta-imp,.etiqueta-imp *{visibility:visible}
  .etiqueta-imp{position:fixed;inset:0;padding:30px;font-size:16px}
}
@media (max-width:1180px){.r-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}.r-2{grid-template-columns:minmax(0,1fr)}.editor{grid-template-columns:minmax(0,1fr)}.vista-previa{position:static}.vp-marco{height:640px}}
@media (max-width:860px){
  .app{grid-template-columns:minmax(0,1fr)}
  .lat{position:fixed;left:0;top:0;bottom:0;width:var(--lat);transform:translateX(-100%);transition:transform .3s}
  .lat.abierto{transform:none}
  .velo-lat.ver{display:block;position:fixed;inset:0;z-index:35;background:rgba(10,8,6,.45)}
  .top .menu-b{display:grid}
  .demo-pill{display:none}
  .r-2i{grid-template-columns:minmax(0,1fr)}
  .form .dos,.form .tres{grid-template-columns:1fr}
}
@media (max-width:560px){
  .r-kpi{gap:10px}
  .kpi b{font-size:1.35rem}
  .kpi i{display:none}
  .tarjeta{padding:14px 14px;border-radius:16px}
  .tabla-w{margin:0 -14px;padding:0 14px}
  .hbar div{grid-template-columns:90px minmax(0,1fr) 70px}
  .hoy{display:none}
  .prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .colores-ed{grid-template-columns:repeat(2,1fr)}
  .par{grid-template-columns:1fr}
}

/* opiniones de Google (editor) */
.dos-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.barras-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.barras-g label{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--suave)}
.res-g{display:grid;gap:8px;border:1px solid var(--linea);border-radius:14px;padding:10px;background:#fff}
.res-g input,.res-g select,.res-g textarea,.barras-g input{border:1px solid var(--linea);border-radius:10px;padding:8px 10px;background:#fdfbf8;width:100%;min-width:0}
.res-g textarea{min-height:64px;resize:vertical}
.res-g .b{justify-self:start}
@media (max-width:520px){.dos-g{grid-template-columns:minmax(0,1fr)}.barras-g{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---------- servidor y Shopify ---------- */
.login{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#2a2219,#100e0c 70%);padding:20px;z-index:50}
.login-caja{width:min(380px,100%);background:#fff;border-radius:22px;padding:28px 24px;display:grid;gap:12px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.login-caja img{margin:0 auto;height:96px;width:auto}
.login-caja h2{margin:0;font-family:var(--f-t,serif);font-size:1.35rem}
.login-caja p{margin:0;color:var(--suave);font-size:14px}
.login-caja input{border:1px solid var(--linea);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px}
.login-caja .err{color:#c0392b;font-size:13px;min-height:1em}
.login-caja .b{justify-content:center}
.aviso-demo.ok{background:#eef8f1;border-color:#bfe3cb;color:#1d5a32;align-items:center;flex-wrap:wrap}
.aviso-demo.ok .b{margin-left:auto}
.aviso-demo a{color:inherit;font-weight:700}
.nota-ped{color:var(--suave);font-size:13px;margin:6px 0 0}
.pasos{display:grid;gap:14px}
.pasos ol{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--texto)}
.pasos p{margin:0;color:var(--suave)}
.paso{border:1px solid var(--linea);border-radius:16px;padding:14px 16px;display:grid;gap:8px;justify-items:start}
.bloque-a{border-top:1px solid var(--linea);margin-top:16px;padding-top:14px;display:grid;gap:6px}
.bloque-a h4{margin:0}
.bloque-a p{margin:0}
.t-cant{border-collapse:collapse;width:100%;font-size:13px}
.t-cant th,.t-cant td{border-bottom:1px solid var(--linea);padding:5px 6px;text-align:left;white-space:nowrap}
.t-cant input{width:70px;border:1px solid var(--linea);border-radius:8px;padding:6px 8px;font:inherit}
.t-cant .q{border:0;background:none;color:var(--suave);cursor:pointer;font-size:15px;line-height:1}
#cantEd{overflow-x:auto}