/* Libro de Reclamaciones Virtual (2026-09-30) — requisito de INDECOPI/Culqi.
   Se apoya en las variables de styles.css y en el layout de legal.css. */
.lr-wrap{display:block}
.lr-doc{max-width:860px;margin:0 auto}
.lr-proveedor{display:grid;grid-template-columns:1fr 1fr 2fr;gap:14px;margin:18px 0 26px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--pale)}
.lr-proveedor div{display:flex;flex-direction:column;gap:3px}
.lr-proveedor b{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lr-proveedor span{font-weight:700;color:var(--navy)}
.lr-definiciones{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}
.lr-definiciones h3{margin:0 0 6px;font:700 17px Raleway,sans-serif;color:var(--navy)}
.lr-definiciones p{margin:0;font-size:15.5px;line-height:1.6;color:var(--ink)}
.lr-avisos{margin:0 0 32px;padding-left:22px;display:grid;gap:8px;font-size:15px;line-height:1.6;color:var(--ink)}
.lr-avisos li::marker{color:var(--orange)}
.lr-section{margin:0 0 28px;padding-top:22px;border-top:1px solid var(--line)}
.lr-section h2{margin:0 0 16px;font:700 20px Raleway,sans-serif;color:var(--navy)}
.lr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.lr-span-2{grid-column:1 / -1}
#lr-form .field{display:block;margin:0 0 4px;font-size:14.5px;font-weight:700;color:var(--navy)}
#lr-form .field[hidden]{display:none}
#lr-form .input{width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font:15px Outfit,Arial;resize:vertical}
#lr-form textarea.input{resize:vertical}
.muted-note{margin:2px 0 14px;font-size:13.5px;color:var(--muted)}
.lr-check{display:flex!important;align-items:center;gap:8px;font-weight:600!important;margin:10px 0}
.lr-check input{width:auto;margin:0}
.lr-tipo-toggle{display:flex;gap:10px;margin-bottom:18px}
.lr-tipo-btn{flex:1;padding:12px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:700 15px Outfit,Arial;color:var(--muted);cursor:pointer;transition:.15s}
.lr-tipo-btn.active{border-color:var(--orange);color:var(--orange);background:#fff4ed}
.lr-error{display:none;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:#fde8e4;color:#9a2a16;font-size:14.5px;font-weight:600}
.lr-error.show{display:block}
#lr-submit{width:100%;padding:15px;font-size:16px}
.lr-confirmacion{display:none;text-align:center;padding:40px 20px}
.lr-confirmacion.show{display:block}
.lr-confirmacion h2{font:800 28px Raleway,sans-serif;color:var(--navy);margin:0 0 10px}
.lr-folio{font:800 26px Outfit,Arial;color:var(--orange);letter-spacing:.03em;margin:12px 0}
.lr-confirmacion-actions{display:flex;gap:12px;justify-content:center;margin-top:22px;flex-wrap:wrap}
@media print{
  header,footer,.lr-proveedor~*:not(.lr-confirmacion),#lr-form{display:none!important}
  .lr-confirmacion{display:block!important}
  .lr-confirmacion-actions{display:none!important}
}
@media(max-width:680px){
  .lr-proveedor{grid-template-columns:1fr}
  .lr-definiciones{grid-template-columns:1fr}
  .lr-grid{grid-template-columns:1fr}
}