/* ==========================================================================
   MARCA DEL CLIENTE — CETPRO Santo Domingo Savio (manual de marca, set. 2026)
   Variables --lr-* mapeadas a la paleta del sitio (tema cetpro). Contraste AA:
   blanco sobre #0A3F64 = 11,0:1; blanco sobre #062A45 = 14,9:1.
   Las fuentes las carga el tema del sitio (Google Fonts); no se añaden aquí.
   ========================================================================== */
.lr{
  --lr-primario:#0A3F64;        /* azul profundo: botones, enlaces, cifras */
  --lr-primario-hover:#062A45;
  --lr-oscuro:#062A45;          /* cabecera del panel, encabezados de tabla, títulos */
  --lr-acento:#109AC9;          /* celeste: borde de tarjetas, foco */
  --lr-fondo:#F4F7FA;           /* bruma: fondo del panel */
  --lr-suave:#E3F3F9;           /* celeste fondo: avisos y columna de la ficha */
  --lr-texto:#16232E;
  --lr-texto-suave:#5A6570;
  --lr-linea:#D8E3EA;
  --lr-peligro:#D6182C;
  --lr-radio:18px;
  --lr-radio-boton:999px;       /* píldora, como los botones del sitio */
  --lr-sombra:0 2px 6px rgba(10,63,100,.08), 0 10px 28px rgba(10,63,100,.10);
  --lr-f-titulo:'Merriweather',Georgia,'Times New Roman',serif;
  --lr-f-texto:'Titillium Web',Arial,system-ui,-apple-system,sans-serif;
}

/* ==========================================================================
   COMPOSICIÓN DE LA PÁGINA — misma estructura que el libro de vinicolasalesiana y de los colegios:
   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.
   ========================================================================== */
.rec-seccion{background:#F4F7FA;padding:clamp(40px,6vw,76px) 0}
.rec-cuerpo{display:grid;gap:clamp(2rem,4vw,4rem);align-items:start}
@media (min-width:960px){
  .rec-cuerpo{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
  .rec-decir{position:sticky;top:calc(var(--cp-alto-cabecera,90px) + 1.5rem)}
}
.cp .rec-ojo{font:700 .76rem/1 'Titillium Web',Arial,system-ui,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#109AC9;margin:0 0 .9rem}
.cp .rec-titulo{font:900 clamp(1.8rem,1.3rem + 1.6vw,2.5rem)/1.12 'Merriweather',Georgia,serif;color:#0A3F64;margin:0;max-width:20ch;text-wrap:balance}
.rec-filete{display:block;width:56px;height:4px;border-radius:2px;margin:1.2rem 0;background:#109AC9}
.rec-entrada{font:400 1.06rem/1.7 'Titillium Web',Arial,system-ui,sans-serif;color:#5A6570;max-width:52ch;margin:0 0 1.5rem}
.rec-proveedor{margin:0 0 1.5rem;padding:1.25rem 1.4rem;border-radius:18px;background:#fff;border:1px solid #D8E3EA;box-shadow:0 2px 6px rgba(10,63,100,.08),0 10px 28px rgba(10,63,100,.10);display:grid;gap:.8rem}
.rec-proveedor>div{display:grid;gap:.15em}
.rec-proveedor dt{font:700 .7rem/1.2 'Titillium Web',Arial,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#0B7DA3}
.rec-proveedor dd{margin:0;font:400 1rem/1.5 'Titillium Web',Arial,system-ui,sans-serif;color:#16232E;overflow-wrap:anywhere}
.rec-tipos{display:grid;gap:.8rem;margin:0 0 1.5rem}
.rec-tipos p{margin:0;padding-left:1rem;border-left:3px solid #109AC9;font:400 .98rem/1.6 'Titillium Web',Arial,system-ui,sans-serif;color:#5A6570}
.rec-tipos strong{color:#0A3F64;font-weight:700}
.rec-aviso{margin:0;font:400 .82rem/1.6 'Titillium Web',Arial,system-ui,sans-serif;color:#5A6570;max-width:52ch}

/* La ficha: tarjeta blanca con relieve */
.rec-ficha{background:#fff;border-radius:18px;border:1px solid #D8E3EA;box-shadow:0 2px 6px rgba(10,63,100,.08),0 14px 34px rgba(10,63,100,.12);padding:clamp(1.4rem,3.5vw,2.6rem);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}
.rec-ficha .lr fieldset{border:0;border-bottom:1px solid #D8E3EA;border-radius:0;background:none;padding:0 0 1.25rem;margin:0 0 1.25rem}
.rec-ficha .lr legend{font:700 .78rem/1.2 var(--lr-f-titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--lr-primario);padding:0;margin-bottom:1rem}
.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 input:not([type=radio]):not([type=checkbox]),.rec-ficha .lr select,.rec-ficha .lr textarea{background:#F4F7FA;border:1px solid var(--lr-linea);border-radius:8px;transition:border-color .2s,box-shadow .2s,background-color .2s}
.rec-ficha .lr input:focus,.rec-ficha .lr select:focus,.rec-ficha .lr textarea:focus{outline:none;background:#fff;border-color:var(--lr-acento);box-shadow:0 0 0 3px rgba(16,154,201,.2)}
.rec-ficha .lr .opciones label{border-radius:10px;background:#F4F7FA;transition:border-color .2s,box-shadow .2s,background-color .2s}
.rec-ficha .lr .opciones label:has(input:checked){background:#fff;border-color:var(--lr-acento);box-shadow:0 0 0 3px rgba(16,154,201,.2)}
.rec-ficha .lr .opciones input,.rec-ficha .lr [name=menor]{accent-color:var(--lr-primario)}

/* Botones: sombra y elevación al pasar el cursor */
.lr .btn{box-shadow:0 4px 12px rgba(10,63,100,.18);transition:background-color .2s,color .2s,border-color .2s,transform .25s,box-shadow .25s}
.lr .btn:hover,.lr .btn:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px rgba(10,63,100,.28)}
.lr .btn-linea:hover,.lr .btn-linea:focus-visible{background:var(--lr-primario);border-color:var(--lr-primario);color:#fff}
.lr .btn:focus-visible{outline:3px solid var(--lr-acento);outline-offset:3px}

/* Constancia dentro de la ficha */
.rec-ficha .lr .aviso{border-left-width:4px}
.rec-ficha .lr .panel{border:0;box-shadow:none;border-radius:0;padding:0}

/* Impresión: solo la hoja */
@media print{
  .cp-cab-wrap,.cp-cab,.cp-topbar,.cp-cabecera,.cp-banda,.cp-pie,.cp-creditos,.cp-flotante{display:none!important}
  .rec-seccion{padding:0;background:none}
  .rec-cuerpo{display:block}
  .rec-decir{display:none}
  .rec-ficha{box-shadow:none;border:0;padding:0;border-radius:0}
}