/* Libro de Reclamaciones virtual. Usa los colores y botones de estilos.css */
.pagina-libro{--alto-barra:0px;background:var(--crema);color:var(--grafito)}
.libro-cab{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px var(--gutter);background:var(--grafito)}
.libro-cab img{width:auto;height:48px}
.libro-cab__volver{color:var(--crema);font-size:16px}
.libro{width:100%;max-width:860px;margin-inline:auto;padding:clamp(28px,5vw,48px) 16px 56px}
.libro__titulo h1{font-size:clamp(32px,5vw,46px);font-weight:300;line-height:1.1}
.libro__titulo p{margin-top:4px;color:var(--suave-2)}
.proveedor{margin-top:22px;padding:16px 18px;background:var(--papel);border:1px solid var(--borde-claro)}
.proveedor dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px}
.proveedor dt{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--suave-2)}
.proveedor dd{overflow-wrap:anywhere}
.hoja{display:grid;gap:18px;margin-top:18px}
.hoja fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;min-width:0;margin:0;padding:18px;background:var(--papel);border:1px solid var(--borde-claro)}
.hoja legend{float:left;width:100%;grid-column:1 / -1;padding:0;font-size:19px;font-weight:500;line-height:1.3}
.campo{display:grid;gap:4px;min-width:0}
.campo--ancho{grid-column:1 / -1}
.campo label{font-size:15px;font-weight:500}
.campo small{font-size:14px;color:var(--suave-2)}
.hoja input:not([type=checkbox]):not([type=radio]),.hoja select,.hoja textarea{width:100%;min-height:46px;padding:9px 11px;border:1px solid #9AA3A7;border-radius:3px;background:#fff;color:var(--grafito);font:inherit}
.hoja textarea{resize:vertical}
.hoja input:focus-visible,.hoja select:focus-visible,.hoja textarea:focus-visible{outline:2px solid var(--oro-osc);outline-offset:1px}
.marca{display:flex;align-items:flex-start;gap:9px;line-height:1.35}
.marca input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--grafito)}
.opciones-fila{display:flex;flex-wrap:wrap;gap:8px 24px}
.opciones-pila{display:grid;gap:10px}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hoja__error{padding:12px 14px;border-left:3px solid #B00020;background:#FBE9EC;color:#7A0016}
.hoja__enviar{justify-self:start;min-width:280px}
.hoja__enviar[disabled]{opacity:.65;cursor:wait}
.resultado{display:grid;gap:16px;margin-top:18px;outline:none}
.resultado__estado{padding:14px 16px;border-left:3px solid var(--oro-osc);background:var(--papel)}
.resultado__estado b{display:block;font-size:19px;font-weight:500}
.resultado__estado.pendiente{border-left-color:#B00020}
.resultado__acciones{display:flex;flex-wrap:wrap;gap:10px}
.constancia{padding:20px;background:#fff;border:1px solid var(--borde-claro)}
.constancia h2{font-size:24px;font-weight:400}
.constancia__numero{margin-top:2px;font-size:18px;font-weight:600}
.constancia h3{margin-top:18px;padding-bottom:4px;border-bottom:1px solid var(--borde-claro);font-size:16px;font-weight:600}
.constancia dl{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:4px 14px;margin-top:8px}
.constancia dt{color:var(--suave-2)}
.constancia dd{overflow-wrap:anywhere;white-space:pre-wrap}
.notas{display:grid;gap:8px;margin-top:22px;font-size:15px;color:var(--suave-2)}

@media (max-width:640px){
  .proveedor dl,.hoja fieldset{grid-template-columns:minmax(0,1fr)}
  .hoja fieldset{padding:16px 14px}
  .hoja__enviar{justify-self:stretch;min-width:0}
  .constancia dl{grid-template-columns:minmax(0,1fr);gap:0}
  .constancia dd{margin-bottom:8px}
  .libro-cab img{height:40px}
}
@media print{
  .libro-cab,.resultado__estado,.resultado__acciones,.libro__titulo,.proveedor,.hoja{display:none!important}
  .pagina-libro{background:#fff;color:#000}
  .libro{max-width:none;padding:0}
  .constancia{border:0;padding:0}
  .notas{color:#000;font-size:12px}
}