/*
 * Paquetería Nalt (sitio): formulario de cotización y solicitud con los tokens de las apps.
 * Solo variables de tlq-sitio-tokens.css (sin colores sueltos); zonas táctiles de al menos 48 px.
 */

.tlq-paq { max-width: 720px; margin: 0 auto; font-family: var(--nalt-fuente); color: var(--color-texto); }
.tlq-paq__bloque {
  margin: 0 0 var(--nalt-espacio-5);
  padding: var(--nalt-espacio-5);
  background: var(--color-fondo-tarjeta);
  border: 1px solid var(--color-borde);
  border-radius: var(--nalt-radio-lg);
  box-shadow: var(--nalt-sombra-tarjeta);
}
.tlq-paq__bloque legend { padding: 0 var(--nalt-espacio-2); font-family: var(--nalt-fuente-titulo); font-size: var(--nalt-texto-lg); font-weight: 800; }
.tlq-paq__campo { display: flex; flex-direction: column; gap: var(--nalt-espacio-1); margin-bottom: var(--nalt-espacio-3); flex: 1; }
.tlq-paq__campo label { font-size: var(--nalt-texto-sm); font-weight: 700; }
.tlq-paq__campo small { font-size: var(--nalt-texto-xs); color: var(--color-texto-tenue); }
.tlq-paq__campo input,
.tlq-paq__campo select {
  min-height: 48px;
  padding: 0 var(--nalt-espacio-3);
  background: var(--color-fondo);
  border: 1px solid var(--color-borde);
  border-radius: var(--nalt-radio-sm);
  color: var(--color-texto);
  font-family: inherit;
  font-size: var(--nalt-texto-base);
}
.tlq-paq__campo input:focus-visible,
.tlq-paq__campo select:focus-visible { outline: 3px solid var(--nalt-jade-claro); outline-offset: 2px; border-color: var(--nalt-jade); }
.tlq-paq__fila { display: flex; flex-wrap: wrap; gap: var(--nalt-espacio-3); }
.tlq-paq__fila .tlq-paq__campo { min-width: 140px; }

.tlq-paq__boton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 var(--nalt-espacio-5);
  background: var(--color-acento-2);
  border: 0;
  border-radius: var(--nalt-radio-md);
  color: var(--color-acento-2-texto);
  font-family: inherit;
  font-size: var(--nalt-texto-base);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}
.tlq-paq__boton--principal { min-height: var(--nalt-boton-alto); background: var(--nalt-naranja); color: var(--nalt-negro); font-weight: 800; }
.tlq-paq__boton--suave { background: transparent; border: 2px solid var(--nalt-negro); color: var(--nalt-negro); }
.tlq-paq__boton:disabled { opacity: .5; cursor: not-allowed; }
.tlq-paq__boton:focus-visible { outline: 3px solid var(--nalt-jade-claro); outline-offset: 2px; }

.tlq-paq__resultado:not(:empty) {
  margin-top: var(--nalt-espacio-4);
  padding: var(--nalt-espacio-4);
  background: var(--nalt-jade-claro);
  border-radius: var(--nalt-radio-md);
  color: var(--nalt-negro);
}
.tlq-paq__total { margin: 0 0 var(--nalt-espacio-2); font-family: var(--nalt-fuente-titulo); font-size: var(--nalt-texto-xl); font-weight: 800; }
.tlq-paq__resultado ul { margin: 0; padding-left: var(--nalt-espacio-4); font-size: var(--nalt-texto-sm); }

.tlq-paq__autoriza { margin: var(--nalt-espacio-4) 0; padding: var(--nalt-espacio-4); background: var(--color-fondo); border: 1px solid var(--color-borde); border-radius: var(--nalt-radio-md); }
.tlq-paq__codigo {
  display: block;
  width: 100%;
  min-height: 56px;
  margin-top: var(--nalt-espacio-3);
  text-align: center;
  font-family: var(--nalt-fuente-titulo);
  font-size: var(--nalt-texto-xl);
  font-weight: 800;
  letter-spacing: .3em;
  border: 1px solid var(--color-borde);
  border-radius: var(--nalt-radio-sm);
}
.tlq-paq__nota { margin: var(--nalt-espacio-2) 0 0; font-size: var(--nalt-texto-sm); color: var(--color-texto-tenue); }
.tlq-paq__aviso { padding: var(--nalt-espacio-4); background: var(--nalt-rosa-claro); border: 1px solid var(--nalt-rosa); border-radius: var(--nalt-radio-md); }
.tlq-paq__entrar { text-align: center; }