/* ==========================================================================
   MARCA — Vinícola Salesiana
   Mapeo de las variables del libro a la paleta del sitio (vinicola-child):
   vino #800020, negro #1a1a1a, marfil #f5f2ec, oro #c5a059. Cormorant Garamond + Jost.
   Contraste AA: blanco sobre #800020 = 11,6:1; blanco sobre #1a1a1a = 17:1.
   ========================================================================== */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/themes/vinicola-child/assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(/wp-content/themes/vinicola-child/assets/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/vinicola-child/assets/fonts/jost-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Jost";font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/themes/vinicola-child/assets/fonts/jost-latin-500-normal.woff2) format("woff2")}

.lr{
  --lr-primario:#800020;
  --lr-primario-hover:#5e0018;
  --lr-oscuro:#1a1a1a;
  --lr-acento:#c5a059;
  --lr-fondo:#f5f2ec;
  --lr-suave:#f3ecdd;
  --lr-texto:#1a1a1a;
  --lr-texto-suave:#5a5550;
  --lr-linea:#dcd3c2;
  --lr-peligro:#a8131d;
  --lr-radio:12px;
  --lr-radio-boton:8px;          /* forma de la casa: esquinas de 8 px */
  --lr-sombra:0 10px 28px -16px rgba(26,26,26,.45);
  --lr-f-titulo:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --lr-f-texto:"Jost",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ==========================================================================
   COMPOSICIÓN DE LA PÁGINA — misma estructura que el libro de las webs de los colegios salesianos:
   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:var(--marfil,#f5f2ec);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(--alto-cab,84px) + 1.5rem)}
}
.rec-ojo{font:500 .76rem/1 "Jost",system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#800020;margin:0 0 .9rem}
.rec-titulo{font:500 clamp(1.9rem,1.4rem + 1.8vw,2.8rem)/1.1 "Cormorant Garamond",Georgia,serif;color:#1a1a1a;margin:0;max-width:20ch;text-wrap:balance}
.rec-filete{display:block;width:56px;height:2px;margin:1.2rem 0;background:#c5a059}
.rec-entrada{font:400 1.08rem/1.7 "Jost",system-ui,sans-serif;color:#4a4a4a;max-width:52ch;margin:0 0 1.5rem}
.rec-proveedor{margin:0 0 1.5rem;padding:1.25rem 1.4rem;border-radius:12px;background:#fff;border:1px solid rgba(197,160,89,.45);box-shadow:0 6px 18px rgba(26,26,26,.10);display:grid;gap:.8rem}
.rec-proveedor>div{display:grid;gap:.15em}
.rec-proveedor dt{font:500 .72rem/1.2 "Jost",system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#800020}
.rec-proveedor dd{margin:0;font:400 1.02rem/1.5 "Jost",system-ui,sans-serif;color:#1a1a1a;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 #c5a059;font:400 1rem/1.6 "Jost",system-ui,sans-serif;color:#4a4a4a}
.rec-tipos strong{color:#1a1a1a;font-weight:500}
.rec-aviso{margin:0;font:400 .82rem/1.6 "Jost",system-ui,sans-serif;color:#5a5550;max-width:52ch}

/* La ficha: tarjeta blanca con relieve */
.rec-ficha{background:#fff;border-radius:12px;border:1px solid rgba(197,160,89,.4);box-shadow:0 10px 28px -14px rgba(26,26,26,.4);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 rgba(197,160,89,.4);border-radius:0;background:none;padding:0 0 1.25rem;margin:0 0 1.25rem}
.rec-ficha .lr legend{font:500 .78rem/1.2 var(--lr-f-texto);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:#f8f5ef;border:1px solid var(--lr-linea);border-radius:6px;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-primario);box-shadow:0 0 0 3px rgba(128,0,32,.16)}
.rec-ficha .lr .opciones label{border-radius:8px;background:#f8f5ef;transition:border-color .2s,box-shadow .2s,background-color .2s}
.rec-ficha .lr .opciones label:has(input:checked){background:#fff;border-color:var(--lr-primario);box-shadow:0 0 0 3px rgba(128,0,32,.16)}
.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(26,26,26,.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(26,26,26,.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{
  .vs-cabecera,.vs-banner,.vs-pie,.vs-creditos,.vs-edad,.vs-flotante,.vs-wa{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}
}