/* LOQUEBU — ETIQUETAS para impresora térmica 10x15cm — Blanco y Negro */

.etiqueta {
  width: 10cm;
  height: 15cm;
  background: #fff;
  border: 2px solid #000;
  border-radius: 6px;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #000;
}

/* HEADER */
.etq-header {
  padding: 6px 10px 4px;
  flex-shrink: 0;
}
.etq-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.etq-logo {
  height: 56px;
  width: auto;
  object-fit: contain;
}
.etq-tipo-badge {
  display: flex;
  align-items: center;
  gap: 5px;
}
.etq-tipo-svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}
.etq-tipo-texto {
  font-size: 15px;
  font-weight: 900;
  color: #000;
  line-height: 1.1;
  text-align: right;
  text-transform: uppercase;
}
.etq-divider {
  border: none;
  border-top: 1.5px solid #000;
  margin: 4px 0 0;
}

/* BADGE SECCIÓN */
.etq-seccion-badge {
  display: inline-block;
  background: #000;
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 2px;
  padding: 3px 10px;
  border-radius: 3px;
  margin: 5px 10px 3px;
}

/* FILA DE CAMPO */
.etq-fila-campo {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  padding: 3px 10px;
  border-bottom: 1px dashed #999;
}
.etq-fila-campo:last-child { border-bottom: none; }

/* ICONO SVG */
.etq-icono {
  width: 30px;
  height: 30px;
  background: #000;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.etq-icono svg {
  width: 18px;
  height: 18px;
  fill: #fff;
}

/* CONTENIDO DEL CAMPO */
.etq-campo-contenido { flex: 1; min-width: 0; }
.etq-campo-label {
  font-size: 7px;
  font-weight: 700;
  color: #000;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 1px;
}
.etq-campo-valor {
  font-size: 13px;
  font-weight: 700;
  color: #000;
  line-height: 1.2;
  word-break: break-word;
}
.etq-campo-valor.grande { font-size: 15px; font-weight: 900; }
.etq-campo-valor.cobrar-valor { font-size: 20px; font-weight: 900; }

/* FILA DOBLE (ciudad + celular) */
.etq-fila-doble {
  display: flex;
  align-items: flex-start;
  padding: 3px 10px;
  border-bottom: 1px dashed #999;
}
.etq-mitad { flex: 1; display: flex; align-items: flex-start; gap: 7px; }
.etq-separador-v { width: 1px; background: #999; align-self: stretch; margin: 0 6px; }

/* SEPARADOR REMITENTE */
.etq-sep-remitente { border: none; border-top: 1.5px solid #000; margin: 3px 10px; }

/* BODY */
.etq-body-local { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.etq-body-nac { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }

/* FOOTER */
.etq-footer {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 5px 10px;
  border-top: 1.5px solid #000;
  flex-shrink: 0;
}
.etq-qr-img { width: 55px; height: 55px; flex-shrink: 0; }
.etq-footer-sep { width: 1px; background: #999; align-self: stretch; margin: 0 2px; }
.etq-footer-texto { flex: 1; }
.etq-gracias {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 10px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  margin-bottom: 4px;
}
.etq-redes {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 9px;
  font-weight: 700;
  color: #000;
}
.etq-redes svg { width: 12px; height: 12px; fill: #000; }

@media print {
  html, body { margin: 0; padding: 0; background: #fff !important; }
  body > * { display: none !important; }
  #zona-impresion { display: block !important; position: fixed; top: 0; left: 0; }
  @page { size: 10cm 15cm; margin: 0; }
  * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
}

/* ---- MODO PLANTILLA: texto sobre imagen de fondo ---- */
#etiqueta-local,
#etiqueta-nacional {
  position: relative;
  width: 10cm;
  height: 15cm;
  border: none !important;
  overflow: hidden;
}

/* Ocultar estructura visual — NO con display:none para no bloquear hijos */
#etiqueta-local .etq-header,
#etiqueta-local .etq-icono,
#etiqueta-local .etq-campo-label,
#etiqueta-local .etq-seccion-badge,
#etiqueta-local .etq-divider,
#etiqueta-local .etq-sep-remitente,
#etiqueta-local .etq-footer,
#etiqueta-local .etq-footer-sep,
#etiqueta-local .etq-qr-img,
#etiqueta-local .etq-gracias,
#etiqueta-local .etq-redes,
#etiqueta-local .etq-tipo-badge,
#etiqueta-nacional .etq-header,
#etiqueta-nacional .etq-icono,
#etiqueta-nacional .etq-campo-label,
#etiqueta-nacional .etq-seccion-badge,
#etiqueta-nacional .etq-divider,
#etiqueta-nacional .etq-sep-remitente,
#etiqueta-nacional .etq-footer,
#etiqueta-nacional .etq-footer-sep,
#etiqueta-nacional .etq-qr-img,
#etiqueta-nacional .etq-gracias,
#etiqueta-nacional .etq-redes,
#etiqueta-nacional .etq-tipo-badge {
  opacity: 0 !important;
  pointer-events: none;
}

/* Filas y contenedores: sin bordes ni padding */
#etiqueta-local .etq-fila-campo,
#etiqueta-local .etq-fila-doble,
#etiqueta-local .etq-mitad,
#etiqueta-local .etq-campo-contenido,
#etiqueta-local .etq-body-local,
#etiqueta-nacional .etq-fila-campo,
#etiqueta-nacional .etq-fila-doble,
#etiqueta-nacional .etq-mitad,
#etiqueta-nacional .etq-campo-contenido,
#etiqueta-nacional .etq-body-nac {
  border: none !important;
  background: transparent !important;
  gap: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: 0 !important;
  overflow: visible !important;
}

/* VALORES: posición absoluta con mismas coordenadas del PDF */
#etiqueta-local [data-campo],
#etiqueta-nacional [data-campo] {
  position: absolute !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  color: #000 !important;
  line-height: 1.3 !important;
  font-size: 11pt !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* LOCAL — coordenadas exactas */
#etiqueta-local [data-campo="nombre"]    { top:42.5mm; left:17.7mm; max-width:79mm; }
#etiqueta-local [data-campo="celular"]   { top:59.5mm; left:17.7mm; max-width:79mm; }
#etiqueta-local [data-campo="direccion"] { top:77.2mm; left:17.7mm; max-width:79mm; }
#etiqueta-local [data-campo="ciudad"]    { top:97.1mm; left:17.7mm; max-width:79mm; }
#etiqueta-local [data-campo="cobrar"]    { top:112.6mm; left:17.7mm; max-width:79mm; font-size:16pt !important; }

/* NACIONAL — coordenadas exactas */
#etiqueta-nacional [data-campo="nombre"]       { top:47.2mm;  left:16.9mm; max-width:80mm; }
#etiqueta-nacional [data-campo="direccion"]    { top:64.0mm;  left:16.9mm; max-width:80mm; }
#etiqueta-nacional [data-campo="ciudad"]       { top:80.0mm;  left:16.9mm; max-width:28mm; }
#etiqueta-nacional [data-campo="celular"]      { top:80.4mm;  left:65.4mm; max-width:30mm; }
#etiqueta-nacional [data-campo="documento"]    { top:96.8mm;  left:16.9mm; max-width:80mm; }
#etiqueta-nacional [data-campo="rem-nombre"]   { top:117.4mm; left:16.9mm; max-width:28mm; }
#etiqueta-nacional [data-campo="rem-cc"]       { top:117.4mm; left:67.4mm; max-width:30mm; }
#etiqueta-nacional [data-campo="rem-contacto"] { top:129.6mm; left:16.9mm; max-width:80mm; }