/* Página "Libro de Reclamaciones". Reutiliza tokens/componentes de variables.css y components.css;
   este archivo solo aporta el layout específico de esta página, siguiendo el mismo patrón que sections.css. */

.lr-hero{padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.lr-hero h1{font-size:clamp(2.2rem,5vw,3.4rem);margin:.8rem 0 1rem}
.lr-hero .lead{color:var(--muted);font-size:1.05rem;max-width:60ch;margin-bottom:.9rem}
.lr-hero .lr-legal-note{font-size:.82rem;color:var(--muted);max-width:60ch}

.lr-form-wrap{max-width:760px;margin-inline:auto;padding-bottom:clamp(3rem,7vw,6rem)}

/* Honeypot anti-spam: oculto para personas, visible para bots que rellenan
   todos los campos del formulario sin renderizar CSS. */
.lr-honeypot-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

.lr-server-error{
  background:rgba(166,67,46,.08);border:1px solid #A6432E;color:#A6432E;
  border-radius:var(--r-card);padding:1rem 1.2rem;margin-bottom:1.5rem;
  font-size:.9rem;font-weight:600;
}

.lr-block{
  border:none;background:var(--surface);border-radius:var(--r-card);
  padding:clamp(1.5rem,3.5vw,2.2rem);margin-bottom:1.5rem;
}
.lr-block legend{
  font-family:var(--display);font-size:1.35rem;font-weight:600;color:var(--ink);
  padding:0 0 1.2rem;width:100%;
}
.lr-block legend .lr-step-num{color:var(--clay-text);margin-right:.4rem}

.lr-provider-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}
.lr-provider-list div{display:flex;flex-direction:column;gap:.25rem}
.lr-provider-list dt{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--clay-text);font-weight:700}
.lr-provider-list dd{font-size:.95rem;color:var(--ink)}
.lr-provider-note{font-size:.78rem;color:var(--muted);margin-top:1.1rem}

.lr-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1.4rem}
.lr-grid-2 .field{grid-column:span 1}
.lr-grid-2 .field.span-2{grid-column:1 / -1}

.lr-conditional{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s var(--ease),opacity .35s var(--ease)}
.lr-conditional.is-open{grid-template-rows:1fr;opacity:1;margin-top:.3rem}
.lr-conditional > div{overflow:hidden;min-height:0}
.lr-conditional-inner{padding-top:.9rem;border-top:1px dashed var(--line);margin-top:.4rem}
.lr-conditional-title{font-size:.85rem;font-weight:600;color:var(--pine);margin-bottom:1rem}

.lr-type-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}

.lr-textarea-wrap{position:relative}
.lr-char-count{display:block;text-align:right;font-size:.78rem;color:var(--muted);margin-top:.4rem}

.lr-confirm-block{background:transparent;padding:0}
.lr-confirm-block .field-check{margin-bottom:1rem}
.lr-confirm-note{font-size:.82rem;color:var(--muted);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}
.lr-confirm-note a{color:var(--pine);font-weight:600;text-decoration:underline}

.lr-submit-row{display:flex;flex-direction:column;gap:.7rem;align-items:center}
.lr-submit-row .btn{width:100%;justify-content:center}
.lr-submit-row .btn:disabled{opacity:.65;cursor:not-allowed;transform:none}
.lr-form-note{font-size:.8rem;color:var(--muted);text-align:center}

/* Pantalla de confirmación (Hoja de Reclamación) */
.lr-result{display:none}
.lr-result.on{display:block}
.lr-result-card{
  background:var(--pine);color:#EDE6D6;border-radius:var(--r-card);
  padding:clamp(1.8rem,4vw,2.8rem);
  opacity:0;transform:scale(.97);transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.lr-result.in .lr-result-card{opacity:1;transform:scale(1)}
.lr-result-card h2{font-family:var(--display);font-size:1.9rem;font-weight:600;color:#F6F1E4;margin-bottom:.4rem}
.lr-result-card > p{color:#C3CDCE;margin-bottom:1.6rem}

.lr-sheet{background:rgba(243,238,227,.06);border:1px solid rgba(243,238,227,.22);border-radius:calc(var(--r-card) - 4px);padding:1.5rem 1.6rem}
.lr-sheet-num{font-family:var(--display);font-size:1.6rem;font-weight:600;color:#F6F1E4;letter-spacing:.02em}
.lr-sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin-top:1.3rem}
.lr-sheet-grid dt{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#D9B26B;font-weight:700}
.lr-sheet-grid dd{font-size:.95rem;color:#EDE6D6;margin-top:.2rem}
.lr-status-chip{
  display:inline-flex;align-items:center;gap:.4rem;
  background:rgba(217,178,107,.16);color:#D9B26B;border:1px solid rgba(217,178,107,.4);
  border-radius:var(--r-pill);padding:.25rem .75rem;font-size:.78rem;font-weight:700;letter-spacing:.04em;
}

.lr-result-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.8rem}
.lr-result-demo-note{
  margin-top:1.6rem;padding-top:1.4rem;border-top:1px solid rgba(243,238,227,.18);
  font-size:.8rem;color:#C3CDCE;
}

@media(max-width:640px){
  .lr-provider-list{grid-template-columns:1fr}
  .lr-grid-2{grid-template-columns:1fr}
  .lr-type-options{grid-template-columns:1fr}
  .lr-sheet-grid{grid-template-columns:1fr}
  .lr-result-actions{flex-direction:column}
  .lr-result-actions .btn{width:100%;justify-content:center}
}

@media print{
  header.nav,footer,.wa-fab,.lr-hero,#lrFormWrap{display:none!important}
  body{background:#fff}
  .lr-result{display:block!important}
  .lr-result-card{background:#fff!important;color:#14313A!important;border:1px solid #DACEB2}
  .lr-result-card h2,.lr-sheet-num{color:#14313A!important}
  .lr-sheet{background:#fff!important;border-color:#DACEB2!important}
  .lr-sheet-grid dd{color:#14313A!important}
  .lr-sheet-grid dt{color:#9C7530!important}
  .lr-result-actions,.lr-result-demo-note{display:none!important}
}