/* Venetti - estilos de la pestana Etiquetas
   Nota: la hoja principal fuerza flex-direction column y mayusculas en todos
   los label, por eso aca se declara todo sobre clases propias. */

#et-raiz .et-intro { color: var(--txt2); max-width: 64ch; margin: .4rem 0 0; }

#et-raiz .et-busca {
  width: 100%; padding: .7rem .9rem; font-size: 1rem;
  background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r);
}

#et-raiz .et-sugs {
  margin-top: .35rem; border: 1px solid var(--bor);
  border-radius: var(--r); overflow: hidden; background: var(--sup2);
}
#et-raiz .et-sug {
  display: flex; flex-direction: column; align-items: flex-start; gap: .1rem;
  width: 100%; padding: .55rem .9rem; text-align: left;
  background: none; border: 0; border-bottom: 1px solid var(--bor);
  color: var(--txt); cursor: pointer; text-transform: none;
}
#et-raiz .et-sug:last-child { border-bottom: 0; }
#et-raiz .et-sug:hover { background: var(--sup); }
#et-raiz .et-sug-cod { font-weight: 700; letter-spacing: .02em; }
#et-raiz .et-sug-sub { color: var(--txt2); font-size: .82rem; }

#et-raiz .et-barra {
  display: flex; align-items: center; justify-content: space-between;
  gap: 1rem; flex-wrap: wrap; margin: 1rem 0 .3rem;
}
#et-raiz .et-totales { color: var(--txt2); }
#et-raiz .et-tot-n { color: var(--txt); font-weight: 700; }

#et-raiz .et-acciones { display: flex; gap: .5rem; }
#et-raiz .et-btn, #et-raiz .et-btn2 {
  padding: .55rem 1rem; border-radius: var(--r); cursor: pointer;
  font-size: .9rem; text-transform: none; border: 1px solid var(--bor);
}
#et-raiz .et-btn { background: var(--verde); color: #06231a; border-color: var(--verde); font-weight: 600; }
#et-raiz .et-btn2 { background: transparent; color: var(--txt2); }
#et-raiz .et-btn2:hover { color: var(--txt); }

#et-raiz .et-vacio { color: var(--txt2); padding: 1.4rem 0; }

#et-raiz .et-tabla { width: 100%; border-collapse: collapse; margin-top: .6rem; }
#et-raiz .et-tabla th {
  text-align: left; font-size: .72rem; letter-spacing: .08em;
  text-transform: uppercase; color: var(--txt2);
  padding: .5rem .6rem; border-bottom: 1px solid var(--bor); font-weight: 600;
}
#et-raiz .et-tabla td {
  padding: .55rem .6rem; border-bottom: 1px solid var(--bor); vertical-align: middle;
}
#et-raiz .et-cod { font-weight: 700; letter-spacing: .02em; }

#et-raiz .et-mini {
  width: 1.8rem; height: 1.8rem; line-height: 1; font-size: 1rem;
  background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r); cursor: pointer;
}
#et-raiz .et-q {
  width: 3.4rem; margin: 0 .35rem; text-align: center;
  padding: .35rem; background: var(--sup2); color: var(--txt);
  border: 1px solid var(--bor); border-radius: var(--r);
}
#et-raiz .et-quitar {
  background: none; border: 0; color: var(--txt2);
  cursor: pointer; font-size: .82rem; text-transform: none;
}
#et-raiz .et-quitar:hover { color: var(--rojo); }