/* La lista de precios del punto de venta (listas.js): el panel de artículos, la hoja con el
   diseño de la marca y su impresión en A4. La hoja copia la lista pública de Cordillera:
   Montserrat en títulos y notas, y una geométrica negra en artículos y precios (Outfit en lugar
   de la Now Bold del original, que no está en Google Fonts). */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&family=Outfit:wght@600;700&display=swap');

/* ------------------------------------------------------------ en Documentos */
.lp-tarjeta{text-decoration:none;margin-top:14px;border-style:dashed}
.lp-miniatura{background:#A57F4E;box-shadow:inset 0 7px 0 #D7CA9E;border-color:#D7CA9E}

/* --------------------------------------------------------------- el editor */
.lp-pestanas{display:flex;gap:4px;flex:1;min-width:0;flex-wrap:wrap}
.lp-pest{font:inherit;font-size:13px;height:32px;padding:0 14px;border-radius:16px;cursor:pointer;
  background:transparent;color:var(--tinta);border:1px solid var(--linea)}
.lp-pest[aria-selected="true"]{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.lp-mesa{flex:1;min-height:0;display:grid;grid-template-columns:minmax(340px,440px) 1fr}
.lp-panel{overflow:auto;padding:16px;border-right:1px solid var(--linea);background:var(--papel)}
.lp-vista{overflow:auto;padding:24px 16px 40px;display:flex;flex-direction:column;align-items:center}
.lp-aviso{max-width:520px;text-align:center;margin:12px 0 0;color:#a0521b}

.lp-p-ayuda{margin:0 0 12px}
.lp-p-textos{display:grid;gap:8px;margin-bottom:12px}
.lp-p-textos label{display:grid;gap:3px;font-size:12px;color:var(--gris,#667)}
.lp-panel input,.lp-panel textarea,.lp-panel select{font:inherit;font-size:13px;color:var(--tinta);background:var(--fondo);
  border:1px solid var(--linea);border-radius:6px;padding:5px 7px;min-width:0}
.lp-panel textarea{resize:vertical;line-height:1.35;min-height:0;height:auto}
.lp-panel input:focus,.lp-panel textarea:focus{outline:2px solid #A57F4E;outline-offset:-1px}
.lp-p-coltit{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--gris,#667);margin:14px 0 6px}
.lp-p-sec{border:1px solid var(--linea);border-radius:10px;padding:8px 10px 10px;margin:0 0 10px}
.lp-p-sechead{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.lp-i-sec{flex:1;font-weight:700}
.lp-p-sec ul{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:6px}
.lp-item{display:grid;grid-template-columns:22px 1fr 76px auto;gap:4px 6px;align-items:center;
  padding-bottom:6px;border-bottom:1px dashed var(--linea)}
.lp-item.oculto .lp-i-nom,.lp-item.oculto .lp-i-precio,.lp-item.oculto .lp-i-det{opacity:.45;text-decoration:line-through}
.lp-i-det{grid-column:2/-1;font-size:12px!important}
.lp-i-precio{text-align:right;font-weight:700}
.lp-ver{display:flex;justify-content:center}
.lp-mov{display:flex;gap:2px}
.lp-mov button{font:inherit;font-size:12px;width:24px;height:26px;border-radius:6px;cursor:pointer;
  background:transparent;color:var(--tinta);border:1px solid var(--linea);padding:0}
.lp-mov button:hover{background:var(--bruma)}
.lp-difiere{grid-column:2/-1;color:#a0521b;font-size:11.5px}
.lp-p-nuevasec{margin:0 0 6px}
.lp-terminal{margin-top:18px;padding-top:14px;border-top:1px solid var(--linea)}
.lp-terminal h3{font-size:14px;margin:0 0 4px}
.lp-terminal>p{margin:0 0 8px;font-size:12.5px}
.lp-t-lista{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lp-t-lista li{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.lp-t-acc{display:flex;gap:4px;align-items:center}
.lp-t-acc select{max-width:170px}
.lp-restaurar{margin:18px 0 0}

.lp-dialogo{max-width:480px;border:1px solid var(--linea);border-radius:14px;padding:20px 22px;
  background:var(--papel);color:var(--tinta)}
.lp-dialogo::backdrop{background:rgba(0,0,0,.35)}
.lp-dialogo h3{margin:0 0 10px}
.lp-dialogo ol{padding-left:20px;margin:0 0 10px;display:grid;gap:6px}
.lp-dlg-botones{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.lp-dlg-botones a.btn{text-decoration:none}

@media (max-width:900px){
  .lp-mesa{grid-template-columns:1fr;overflow:auto}
  .lp-panel{overflow:visible;border-right:0;border-bottom:1px solid var(--linea)}
  .lp-vista{overflow:visible}
}

/* ---------------------------------------------------------------- la hoja */
.lp-hoja{--lp-k:1;position:relative;width:210mm;height:297mm;flex:none;overflow:hidden;
  background:var(--lp-fondo);color:var(--lp-texto);box-shadow:0 2px 14px rgba(0,0,0,.18);
  font-family:Montserrat,Arial,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.lp-logo{position:absolute;top:6mm;left:50%;transform:translateX(-50%);width:93mm;height:auto}
.lp-caja{position:absolute;left:9.3mm;right:9.3mm;top:33.5mm;bottom:9.3mm;background:var(--lp-caja);
  display:flex;flex-direction:column;padding:9mm 11.5mm 5mm}
.lp-cuerpo{flex:1;min-height:0;overflow:hidden;position:relative;display:flex;flex-direction:column}
.lp-red{margin:3mm 0 0;text-align:center;font-size:15pt;font-weight:400;letter-spacing:.01em}

.lp-titulo{margin:0 0 calc(5mm * var(--lp-k));text-align:center;color:var(--lp-titulo);font-weight:700;
  font-size:calc(62pt * var(--lp-k));line-height:1;letter-spacing:.01em}
.lp-cols{display:grid;grid-template-columns:1fr 1fr;gap:10mm;position:relative;z-index:1}
.lp-sec{margin:0 0 calc(4.5mm * var(--lp-k))}
.lp-sec h2{margin:0 0 calc(3mm * var(--lp-k));padding-bottom:calc(3mm * var(--lp-k));border-bottom:.6pt solid rgba(255,255,255,.75);
  font-weight:400;font-size:calc(22pt * var(--lp-k));line-height:1.08;letter-spacing:-.005em}
.lp-sec-linea{border-top:.6pt solid rgba(255,255,255,.75);padding-top:calc(3.5mm * var(--lp-k))}
.lp-art{margin:0 0 calc(2.6mm * var(--lp-k));break-inside:avoid}
.lp-fila{display:flex;justify-content:space-between;align-items:baseline;gap:4mm}
.lp-nom,.lp-precio{font-family:Outfit,'Montserrat',Arial,sans-serif;font-weight:700;font-size:calc(13.5pt * var(--lp-k));
  line-height:1.1;text-transform:uppercase;letter-spacing:.005em}
.lp-precio{white-space:nowrap}
.lp-det{display:flex;flex-direction:column;font-size:calc(9.5pt * var(--lp-k));line-height:1.28;margin-top:.6mm}
.lp-det b{font-weight:700}
.lp-siluetas{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding:0 0 1mm;opacity:.34}
.lp-siluetas img{height:30mm;width:auto}
.lp-siluetas img:nth-child(2){height:34mm;margin-bottom:10mm}

/* la hoja de fiestas */
.lp-titulo-fiesta{font-size:calc(35pt * var(--lp-k));margin-bottom:calc(5mm * var(--lp-k))}
.lp-raya{border:0;border-top:.6pt solid rgba(255,255,255,.8);margin:0 3mm calc(7mm * var(--lp-k))}
.lp-subtitulo{text-align:center;font-size:calc(26pt * var(--lp-k));margin:0 0 calc(6mm * var(--lp-k));letter-spacing:.01em}
.lp-paquetes{display:flex;flex-direction:column;gap:calc(5mm * var(--lp-k))}
.lp-paq{position:relative;width:52%;min-height:calc(24mm * var(--lp-k))}
.lp-paq.der{align-self:flex-end;width:50%}
.lp-paq .lp-art{position:relative;z-index:1}
.lp-paq .lp-nom,.lp-paq .lp-precio{font-size:calc(13pt * var(--lp-k))}
.lp-paq .lp-det{font-size:calc(11.5pt * var(--lp-k))}
.lp-sombra{position:absolute;left:8mm;top:-4mm;height:calc(40mm * var(--lp-k));opacity:.3;z-index:0}
.lp-incluye{display:flex;justify-content:space-between;gap:8mm;margin:calc(8mm * var(--lp-k)) 8mm 0;
  font-size:calc(10.5pt * var(--lp-k));line-height:1.3}
.lp-incluye ul{margin:1mm 0 0;padding-left:6mm}
.lp-incluye ul:empty{display:none}
.lp-incluye p{margin:0}
.lp-extra{align-self:center}
.lp-notas{margin:auto 10mm 0;padding-top:5mm;font-size:calc(9.5pt * var(--lp-k));line-height:1.3}
.lp-notas p{margin:0}

/* ------------------------------------------------------------- impresión */
#impresion.lp-imp.midiendo{display:block;position:fixed;left:-10000px;top:0}
@media print{
  #impresion.lp-imp .lp-hoja{box-shadow:none;zoom:1!important;break-after:page;page-break-after:always}
  #impresion.lp-imp .lp-hoja:last-child{break-after:auto;page-break-after:auto}
}