/* LLOG Registro QR — mismos tokens que LLOG Vendedor. Avada pisa los encabezados con
   selectores específicos: por eso .llogrq delante y tamaño forzado solo en títulos. */
.llogrq{
  --r:#E4032B; --ink:#14181D; --tx:#55606C; --mu:#8B96A3;
  --ln:#E6EAEE; --sf:#F7F9FB; --am:#9A6400; --amb:#FDF3E6; --amln:#F0D3A5; --ok:#1E8E4B; --okb:#E9F6EE;
  font-family:'IBM Plex Sans',-apple-system,'Segoe UI',sans-serif;color:var(--tx);
}
.llogrq *{box-sizing:border-box}
.llogrq h2,.llogrq h3{font-family:inherit;text-transform:none}
.llogrq .llogrq__titulo{margin:0 !important;font-size:23px !important;font-weight:600 !important;
  line-height:1.2 !important;letter-spacing:-.02em;color:var(--ink)}
.llogrq .llogrq__rotulo{margin:0 0 9px !important;font-size:10.5px !important;font-weight:700 !important;
  line-height:1.4 !important;letter-spacing:.11em;text-transform:uppercase;color:var(--mu)}

.llogrq__cabeza{padding-bottom:12px;border-bottom:1px solid var(--ln);margin-bottom:16px}
.llogrq__resumen{margin:5px 0 0;font-size:13.5px;color:var(--mu)}
.llogrq__volver{display:inline-block;margin-bottom:12px;font-size:13.5px;font-weight:600;color:var(--tx);text-decoration:none}
.llogrq__volver:hover{color:var(--r)}

.llogrq__error{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#FDECEE;color:#9F1B2B;font-size:14px}
.llogrq__error a{color:#9F1B2B;font-weight:600}
.llogrq__ok{margin:0 0 14px;padding:10px 12px;border-radius:8px;background:var(--okb);color:var(--ok);font-size:14px}
.llogrq__ok a{color:var(--ok);font-weight:600}

/* Formulario */
.llogrq__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px}
.llogrq__campo--ancho{grid-column:1/-1}
.llogrq__campo label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mu);margin:0 0 5px}
.llogrq__campo input{width:100%;font:inherit;font-size:14.5px;padding:10px 12px;border:1px solid var(--ln);border-radius:7px;color:var(--ink);background:#fff}
.llogrq__campo input:focus{outline:2px solid var(--r);outline-offset:1px;border-color:var(--r)}
.llogrq__nota{margin:14px 0;font-size:13px;color:var(--mu)}
.llogrq__btn{display:inline-block;border:0;border-radius:7px;background:var(--r);color:#fff !important;font:inherit;font-size:14.5px;
  font-weight:600;padding:11px 18px;cursor:pointer;text-decoration:none !important;line-height:1.2}
.llogrq__btn:hover{filter:brightness(.92);color:#fff}
.llogrq__btn--sec{background:#fff;color:var(--ink) !important;border:1px solid var(--ln)}
.llogrq__btn--sec:hover{background:var(--sf);filter:none}
.llogrq__btn--chico{padding:8px 14px;font-size:13.5px}
.llogrq__link{border:0;background:none;padding:0;font:inherit;font-size:13px;color:var(--mu);cursor:pointer;text-decoration:underline}
.llogrq__link:hover{color:var(--r)}
.llogrq__cta{margin:10px 0 0}
.llogrq__cta a{font-size:13.5px;font-weight:600;color:var(--r);text-decoration:none}

/* Lista de pendientes */
.llogrq__pend{margin-top:28px;padding-top:18px;border-top:1px solid var(--ln)}
.llogrq__lista{margin:0;padding:0;list-style:none}
.llogrq__item{border-bottom:1px solid var(--ln);list-style:none}
.llogrq__enlace{display:grid;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:14px;
  padding:11px 6px;text-decoration:none;color:inherit}
.llogrq__enlace:hover{background:var(--sf)}
.llogrq__quien{display:flex;flex-direction:column;min-width:0}
.llogrq__nombre{font-weight:600;color:var(--ink);font-size:15px}
.llogrq__sub{font-size:12.5px;color:var(--mu);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.llogrq__estado{display:flex;flex-direction:column;align-items:flex-end;gap:3px}
.llogrq__mini{font-size:11px;color:var(--mu)}
.llogrq__flecha{color:var(--mu);font-size:20px;line-height:1}
.llogrq__pastilla{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap}
.llogrq__pastilla.is-am{background:var(--amb);color:var(--am);border:1px solid var(--amln)}
.llogrq__pastilla.is-ok{background:var(--okb);color:var(--ok)}

/* Panel del QR */
.llogrq__panel{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;
  padding:20px;border:1px solid var(--ln);border-radius:12px;background:#fff}
.llogrq__panel--vacio{display:block;text-align:center;padding:28px 20px}
.llogrq__panel--vacio p{margin:0 0 14px;font-size:14px}
.llogrq__qr{width:260px;height:260px;padding:8px;border:1px solid var(--ln);border-radius:10px;background:#fff}
.llogrq__qr svg{display:block;width:100%;height:100%}
.llogrq__pasos{margin:0 0 12px;padding-left:18px;font-size:14px;color:var(--tx)}
.llogrq__pasos li{margin-bottom:4px}
.llogrq__vence{margin:0 0 14px;font-size:12.5px;color:var(--mu);font-family:'IBM Plex Mono',monospace}
.llogrq__acciones{display:flex;flex-wrap:wrap;gap:8px}
.llogrq__msg{margin:10px 0 0;font-size:13px;min-height:1.2em}
.llogrq__msg.is-ok{color:var(--ok)}
.llogrq__msg.is-error{color:#9F1B2B}
.llogrq__enlace-txt{margin:10px 0 0}
.llogrq__enlace-txt input{width:100%;font-family:'IBM Plex Mono',monospace;font-size:12px;padding:8px 10px;
  border:1px dashed var(--ln);border-radius:6px;color:var(--mu);background:var(--sf)}
.llogrq__regen{margin:12px 0 0;text-align:right}

@media (max-width:640px){
  .llogrq__grid{grid-template-columns:1fr}
  .llogrq__panel{grid-template-columns:1fr;justify-items:center}
  .llogrq__lado{width:100%}
  .llogrq__regen{text-align:center}
}