/* libro_reclamaciones.html (la base del formulario está en main.css) */

.page-header h1{font-size:clamp(1.8rem,4vw,2.8rem)}

.lr{background:var(--bg)}

/* Formulario a la izquierda, datos de la empresa a la derecha */
.lr-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0;align-items:start}
.lr-main{padding-right:clamp(1.5rem,3vw,2.5rem);border-right:1px solid var(--line)}
.lr-side{padding-left:clamp(1.5rem,3vw,2.5rem)}

.lr-main h2{font-size:clamp(1.3rem,2.2vw,1.7rem);margin:2rem 0 1.25rem;padding-bottom:.6rem;border-bottom:1px solid var(--line);color:var(--ink)}

/* Ajustes propios del formulario del libro */
.fields{margin-bottom:1rem}
select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}
label{color:var(--muted)}
fieldset{margin:0 0 1rem}
.radios{flex-direction:column;flex-wrap:nowrap;gap:.5rem}
.radios label,.check label{display:flex;align-items:center;gap:.5rem;font-weight:500}
.radios input,.check input{width:auto;padding:0}
.check{margin:.75rem 0}
.lr-defs{font-size:.95rem;margin:1rem 0}
.lr-legal{font-size:.95rem;line-height:1.75;margin:1.5rem 0;max-width:none}

/* Columna lateral */
.lr-side h2{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 1rem;color:var(--ink)}
.lr-side h3{font-size:1.15rem;margin:1.1rem 0 .15rem}
.lr-side p{font-size:.95rem;margin:0 0 .5rem;max-width:none}
.lr-empresa{font-size:1.1rem !important}

/* Hoja de reclamación en pantalla (después de enviar) */
.lr-resumen h2{margin-top:0}
.lr-codigo{font-size:1.15rem}
.lr-tabla{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem;font-size:.95rem}
.lr-tabla th,.lr-tabla td{text-align:left;vertical-align:top;padding:.55rem .8rem;border-bottom:1px solid var(--line)}
.lr-tabla th{width:35%;font-weight:600;color:var(--muted)}
.lr-tabla td{white-space:pre-wrap;overflow-wrap:anywhere}

@media (max-width:900px){
  .lr-layout{grid-template-columns:1fr}
  .lr-main{padding-right:0;border-right:0}
  .lr-side{padding-left:0;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
}

/* Al imprimir solo sale la hoja de reclamación */
@media print{
  .skip,.site-header,.page-header,footer,.wa,.lr-side,.lr-acciones,#lr-status2{display:none !important}
  .lr-main{border:0;padding:0}
}

/* Nota de "domicilio o correo" */
.lr-nota{font-size:.9rem;color:var(--muted);margin:0;max-width:none}

/* Datos del proveedor, sección 4 y notas legales de la hoja */
.lr-proveedor{font-size:.95rem;margin:.25rem 0 0;max-width:none}
.lr-h3{font-size:1.05rem;margin:1.5rem 0 .4rem}
.lr-pendiente{color:var(--muted);font-style:italic;font-size:.95rem;margin:0 0 1rem;padding:.6rem .8rem;border:1px dashed var(--line);border-radius:6px;max-width:none}
.lr-notas{font-size:.82rem;color:var(--muted);line-height:1.55;max-width:none}
.lr-acciones{display:flex;flex-wrap:wrap;gap:.6rem}
.lr-acciones .btn-sec{background:var(--brand-dark)}
.lr-acciones .btn-sec:hover{background:#2a313a}