/* ==========================================================================
   MARCA — Colegio Salesiano Don Bosco · Piura
   Mapeo de las variables del libro a la paleta del sitio (css/style.css):
   rojo institucional #B71C26, amarillo #FDCB2B, tinta #231F20, beige #FDEBA8.
   Contraste AA: blanco sobre #B71C26 = 6,9:1; blanco sobre #2F2B2C = 14:1.
   ========================================================================== */
.lr{
  --lr-primario:#B71C26;
  --lr-primario-hover:#8F141C;
  --lr-oscuro:#2F2B2C;
  --lr-acento:#FDCB2B;
  --lr-fondo:#F7F5F2;
  --lr-suave:#FFF9E6;
  --lr-texto:#231F20;
  --lr-texto-suave:#675F60;
  --lr-linea:#E8E1D6;
  --lr-peligro:#A8131D;
  --lr-radio:14px;
  --lr-radio-boton:999px;
  --lr-sombra:0 14px 34px -22px rgba(55,52,53,.45);
  --lr-f-titulo:'Merriweather',Georgia,'Times New Roman',serif;
  --lr-f-texto:'Titillium Web',Arial,system-ui,-apple-system,sans-serif;
}

/* ==========================================================================
   COMPOSICIÓN DEL LIBRO — mismo diseño que salesianosfs.test y rosenthal.test
   (directivas de la RSE): a la izquierda quién es el proveedor y qué es un
   reclamo y qué una queja; a la derecha la Hoja de Reclamación en tarjeta
   blanca con relieve. Traducción de las piezas .rsn-rec-* / .rsn-con-ficha
   a la paleta de Piura (rojo institucional como «marino»).
   ========================================================================== */
.rec-cuerpo{display:grid;gap:clamp(2rem,4vw,4rem);align-items:start;padding-block:clamp(.5rem,2vw,1.5rem)}
@media (min-width:960px){
  .rec-cuerpo{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .rec-decir{position:sticky;top:calc(var(--hdr-compact,60px) + 1.75rem)}
}
.rec-ojo{font:700 .8125rem var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--rojo-texto);margin:0 0 .75rem}
.rec-titulo{font-family:var(--font-display);font-weight:800;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);line-height:1.12;letter-spacing:-.02em;color:var(--azul-inst);margin:0;text-wrap:balance;max-width:22ch}
.rec-filete{display:block;width:56px;height:3px;margin:1.25rem 0;background:var(--celeste);border-radius:2px}
.rec-entrada{font-size:clamp(1.1875rem,1.13rem + .3vw,1.375rem);line-height:1.6;color:var(--gris-suave);max-width:52ch;margin:0 0 1.5rem}
.rec-proveedor{margin:0 0 1.5rem;padding:1.25rem;border-radius:16px;background:var(--gris-claro);display:grid;gap:.75rem}
.rec-proveedor>div{display:grid;gap:.15em}
.rec-proveedor dt{font:700 .8125rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rojo-texto)}
.rec-proveedor dd{margin:0;font-size:1.125rem;line-height:1.5;color:var(--tinta);overflow-wrap:anywhere}
.rec-tipos{display:grid;gap:.75rem;margin:0 0 1.5rem}
.rec-tipos p{margin:0;padding-left:1rem;border-left:3px solid var(--celeste);font-size:1.125rem;line-height:1.6;color:var(--gris-suave)}
.rec-tipos strong{color:var(--azul-inst)}
.rec-aviso{margin:0;font-size:.8125rem;line-height:1.6;color:var(--gris-suave);max-width:52ch}

/* La ficha: tarjeta blanca con relieve */
.rec-ficha{background:#fff;border-radius:16px;box-shadow:var(--realce);padding:clamp(1.5rem,3.5vw,2.75rem);min-width:0}
.rec-ficha .lr.lr-form{width:auto;max-width:none;margin:0;padding:0}
.rec-ficha .lr .proveedor,.rec-ficha .lr .notas{display:none}

/* Bloques numerados de la hoja, sin caja: separados por una línea */
.rec-ficha .lr fieldset{border:0;border-bottom:1px solid rgba(var(--tinta-rgb),.10);border-radius:0;background:none;padding:0 0 1.25rem;margin:0 0 1.25rem}
.rec-ficha .lr legend{font:700 .8125rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rojo-texto);padding:0;margin-bottom:1rem}
.rec-ficha .lr legend .num{width:1.8em;height:1.8em;background:var(--celeste);color:var(--azul-profundo);font-size:.9em}
.rec-ficha .lr legend .lr-ico{color:var(--rojo-texto)}

/* Campos */
.rec-ficha .lr .campo{margin:0 0 1rem}
.rec-ficha .lr .campo label{font:700 .8125rem var(--font-body);letter-spacing:.06em;color:var(--azul-inst);margin-bottom:6px}
.rec-ficha .lr .campo label small{font-weight:400;letter-spacing:0}
.rec-ficha .lr input:not([type=radio]):not([type=checkbox]),.rec-ficha .lr select,.rec-ficha .lr textarea{
  font:400 .9375rem/1.5 var(--font-body);color:var(--tinta);background:var(--gris-claro);
  border:1px solid rgba(var(--tinta-rgb),.16);border-radius:4px;padding:.62em .8em;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.rec-ficha .lr textarea{min-height:8rem}
.rec-ficha .lr input:focus,.rec-ficha .lr select:focus,.rec-ficha .lr textarea:focus{
  outline:none;background:#fff;border-color:var(--azul-inst);box-shadow:0 0 0 3px rgba(183,28,38,.16)}
.rec-ficha .lr small{font-size:.8125rem;color:var(--gris-suave)}

/* Producto/Servicio y Reclamo/Queja: opciones grandes, se marca la elegida */
.rec-ficha .lr .opciones{gap:.75rem}
@media (min-width:600px){.rec-ficha .lr .opciones{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rec-ficha .lr .opciones label{padding:1rem;border:1px solid rgba(var(--tinta-rgb),.16);border-radius:4px;background:var(--gris-claro);font:400 .9375rem/1.5 var(--font-body);color:var(--tinta);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.rec-ficha .lr .opciones label:has(input:checked){background:#fff;border-color:var(--azul-inst);box-shadow:0 0 0 3px rgba(183,28,38,.16)}
.rec-ficha .lr .opciones b{color:var(--azul-inst)}
.rec-ficha .lr .opciones input{accent-color:var(--azul-inst);width:1.1em;height:1.1em}
.rec-ficha .lr [name=menor]{accent-color:var(--azul-inst)}

/* Botones: mismo lenguaje que .rsn-boton (4 px, mayúsculas, sombra y hover que sube) */
.rec-ficha .lr .btn{border-radius:4px;font:700 .9375rem var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:.75rem 2rem;border:1px solid transparent;box-shadow:var(--realce);
  transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .25s cubic-bezier(.16,.84,.44,1),box-shadow .25s ease}
.rec-ficha .lr .btn:hover,.rec-ficha .lr .btn:focus-visible{transform:translateY(-2px);box-shadow:var(--realce-alto)}
.rec-ficha .lr .btn:active{transform:translateY(0);box-shadow:var(--realce);transition:none}
.rec-ficha .lr .btn-primario{background:var(--azul-inst);color:#fff;box-shadow:var(--realce)}
.rec-ficha .lr .btn-primario:hover,.rec-ficha .lr .btn-primario:focus-visible{background:#8F141C;box-shadow:var(--realce-alto)}
.rec-ficha .lr .btn-linea{background:transparent;color:var(--azul-inst);border:2px solid var(--azul-inst)}
.rec-ficha .lr .btn-linea:hover,.rec-ficha .lr .btn-linea:focus-visible{background:var(--azul-inst);border-color:var(--azul-inst);color:#fff}
.rec-ficha .lr .btn:focus-visible{outline:3px solid var(--celeste);outline-offset:3px}
.rec-ficha .lr .btn-l{font-size:.9375rem;padding:.85rem 2.25rem}

/* Avisos y constancia dentro de la ficha */
.rec-ficha .lr .aviso{border-radius:4px;border-left-width:4px}
.rec-ficha .lr .panel{border:0;box-shadow:none;border-radius:0;padding:0}
.rec-ficha .lr .panel h2{font-family:var(--font-display);font-weight:800;color:var(--azul-inst);font-size:clamp(1.3rem,1.15rem + .6vw,1.65rem)}
.rec-ficha .lr table.ficha th{background:var(--gris-claro);color:var(--azul-inst)}

/* Impresión: solo la hoja */
@media print{
  .rec-cuerpo{display:block;padding:0}
  .rec-decir{display:none}
  .rec-ficha{box-shadow:none;padding:0;border-radius:0}
}

/* Título de la hoja y leyendas «1 · IDENTIFICACIÓN…» como en el modelo de salesianosfs */
.rec-ficha-titulo{max-width:none}
.rec-ficha .rec-filete{margin:1.25rem 0 1rem}
.rec-bajada{font-size:1.125rem;line-height:1.6;color:var(--gris-suave);margin:0 0 1.5rem;max-width:56ch}
.rec-ficha .lr legend{color:var(--azul-inst)}
.rec-ficha .lr legend .num{display:inline;width:auto;height:auto;background:none;color:inherit;font-size:inherit;border-radius:0}
.rec-ficha .lr legend .num::after{content:" ·"}
.rec-ficha .lr legend .lr-ico{display:none}
.rec-ficha .lr legend{gap:.35em}