/* ==========================================================================
   LIBRO DE RECLAMACIONES — página propia (libro-reclamaciones.html)
   ========================================================================== */
.lr-main{padding-top:96px; background:#ffffff;}
.lr-sec{padding:34px 0 90px;}
.lr-sec > .container{max-width:940px;}

/* ---------- hoja ---------- */
.lr-hoja{background:#ffffff; border:1px solid rgba(174,126,78,.28); box-shadow:0 18px 44px rgba(47,27,16,.07);}
/* Dos bloques que se ajustan a su contenido: los datos dejan de estirarse a lo
   ancho y el recuadro del número se mantiene pegado al borde derecho, con la
   fila mucho más compacta. */
.lr-cab{display:grid; grid-template-columns:auto max-content; justify-content:space-between;
  align-items:start; gap:20px 32px; padding:34px 38px 28px;
  border-bottom:1px solid rgba(174,126,78,.22);}
.lr-cab h1{font-family:var(--serif); font-weight:300; text-transform:uppercase; letter-spacing:.06em;
  font-size:clamp(1.3rem,2.6vw,1.7rem); color:#67341f; margin:0 0 14px;}
.lr-cab dl{margin:0; display:grid; grid-template-columns:auto max-content; gap:5px 14px;}
.lr-cab dt{font-family:var(--sans); font-weight:300; font-size:.72rem; color:#8a6a52;}
.lr-cab dd{margin:0; font-family:var(--sans); font-weight:400; font-size:.78rem; color:#67341f;}
.lr-num{border:1px solid rgba(174,126,78,.4); background:#fbf9f3; padding:14px 18px; text-align:center;
  align-self:start; min-width:186px;}
.lr-num span{display:block; font-family:var(--sans); font-weight:300; font-size:.6rem; letter-spacing:.13em;
  text-transform:uppercase; color:#8a6a52; margin-bottom:6px;}
.lr-num b{font-family:var(--serif); font-weight:400; font-size:1.05rem; letter-spacing:.09em; color:#ae7e4e;}
@media(max-width:760px){
  .lr-cab{grid-template-columns:1fr; justify-content:stretch; padding:24px 22px 20px;}
  .lr-cab dl{grid-template-columns:auto 1fr;}
  .lr-num{min-width:0; width:100%; text-align:center;}
}

/* ---------- pasos ---------- */
.lr-form{padding:36px 38px 40px;}
.lr-titulo{text-align:center; font-family:var(--serif); font-weight:300; font-size:clamp(1.3rem,2.6vw,1.7rem);
  color:#67341f; margin:0 0 34px;}
.lr-guia{text-align:center; font-family:var(--sans); font-weight:300; font-size:.78rem; letter-spacing:.14em;
  text-transform:uppercase; color:#ae7e4f; margin:0 0 34px;}
.lr-pantalla{display:none;}
.lr-pantalla.is-actual{display:block; animation:lrEntra .45s var(--ease) both;}
@keyframes lrEntra{from{opacity:0; transform:translateY(10px);} to{opacity:1; transform:none;}}

.lr-bloque{padding:0 0 22px; margin-bottom:22px; border-bottom:1px solid rgba(174,126,78,.2);}
.lr-bloque:last-of-type{border-bottom:0; margin-bottom:8px;}
.lr-bloque > h3, .lr-extra > h3{font-family:var(--serif); font-weight:400; font-size:.95rem; text-transform:uppercase;
  letter-spacing:.09em; color:#67341f; margin:0 0 18px;}
/* subbloque del apoderado: separado y con su propio respiro */
#lrMenor.is-visible{margin-top:30px; padding-top:26px; border-top:1px solid rgba(174,126,78,.2);}
#lrMenor > h3{margin-bottom:20px;}

.lr-fila{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
.lr-fila.una{grid-template-columns:1fr;}
@media(max-width:700px){.lr-fila{grid-template-columns:1fr;}}
.lr-campo{display:flex; flex-direction:column; margin-bottom:18px;}
.lr-campo label{font-family:var(--sans); font-weight:400; font-size:.7rem; letter-spacing:.13em;
  text-transform:uppercase; color:#67341f; margin-bottom:9px;}
.lr-campo label .req{color:#ae7e4e;}
.lr-campo input, .lr-campo select, .lr-campo textarea{
  font-family:var(--sans); font-weight:300; font-size:.94rem; color:var(--ink);
  background:#ffffff; border:1px solid rgba(103,52,31,.28); border-radius:0; padding:13px 15px;
  transition:border-color .25s var(--ease), box-shadow .25s var(--ease);}
.lr-campo input::placeholder, .lr-campo textarea::placeholder{color:#b9a894;}
.lr-campo input:focus, .lr-campo select:focus, .lr-campo textarea:focus{
  outline:none; border-color:#ae7e4e; box-shadow:0 0 0 3px rgba(174,126,78,.12);}
.lr-campo textarea{min-height:130px; resize:vertical; line-height:1.65;}
.lr-campo .pista{font-family:var(--sans); font-weight:300; font-size:.74rem; color:var(--texto-suave); margin-top:8px;}
.lr-campo.doble-monto{display:grid; grid-template-columns:96px 1fr; gap:10px; align-items:end;}
.lr-campo.doble-monto > label{grid-column:1 / -1; margin-bottom:0;}

.lr-opts{display:flex; gap:26px; flex-wrap:wrap; margin:0 0 22px;}
.lr-opt{display:inline-flex; align-items:center; gap:9px; cursor:pointer;
  font-family:var(--sans); font-weight:300; font-size:.9rem; color:var(--ink);}
.lr-opt input{width:17px; height:17px; accent-color:#ae7e4e; cursor:pointer;}
.lr-sub{font-family:var(--sans); font-weight:400; font-size:.7rem; letter-spacing:.13em; text-transform:uppercase;
  color:#67341f; margin:0 0 12px;}

/* ayuda queja / reclamo */
.lr-ayuda{background:#fbf9f3; border:1px solid rgba(174,126,78,.25); padding:16px 20px; margin:4px 0 22px;}
.lr-ayuda p{font-family:var(--sans); font-weight:300; font-size:.8rem; line-height:1.7; color:var(--texto-suave); margin:0;}
.lr-ayuda p + p{margin-top:8px;}
.lr-ayuda b{font-weight:400; color:#67341f;}

/* bloques condicionales */
.lr-extra{display:none;}
.lr-extra.is-visible{display:block;}

/* legales y navegación */
.lr-check{display:flex; align-items:flex-start; gap:12px; margin:6px 0 20px;}
.lr-check input{margin-top:3px; width:17px; height:17px; accent-color:#ae7e4e; flex:none;}
.lr-check label{font-family:var(--sans); font-weight:300; font-size:.85rem; line-height:1.7; color:var(--texto-suave);}
.lr-notas{list-style:none; margin:0 0 26px; padding:22px 0 0; border-top:1px solid rgba(174,126,78,.2);}
.lr-notas li{position:relative; padding-left:18px; margin-bottom:12px;
  font-family:var(--sans); font-weight:300; font-size:.78rem; line-height:1.75; color:var(--texto-suave);}
.lr-notas li::before{content:''; position:absolute; left:0; top:9px; width:6px; height:6px; background:#ae7e4e;}
.lr-notas a{color:#ae7e4f; text-decoration:underline;}
.lr-nav{display:flex; align-items:center; justify-content:space-between; gap:18px; flex-wrap:wrap;
  border-top:1px solid rgba(174,126,78,.2); padding-top:24px;}
.lr-estado{font-family:var(--sans); font-weight:300; font-size:.85rem; color:var(--texto-suave);}
.lr-estado.error{color:#c07a5c;}

/* pantalla final */
.lr-ok{display:none; padding:48px 40px; text-align:center;}
.lr-ok.is-visible{display:block;}
.lr-ok h2{font-family:var(--serif); font-weight:300; font-size:1.7rem; text-transform:uppercase; letter-spacing:.05em;
  color:#67341f; margin-bottom:16px;}
.lr-ok p{color:var(--texto-suave); font-size:.92rem; line-height:1.75; max-width:62ch; margin:0 auto;}
.lr-codigo{display:inline-block; margin:22px 0 8px; padding:15px 28px; background:#ae7e4e; color:#ffffff;
  font-family:var(--serif); font-weight:400; font-size:1.35rem; letter-spacing:.14em;}
.lr-ok .acciones{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:28px;}

@media(max-width:700px){
  /* En celular la barra de arriba es fija dentro del flujo (ocupa su propio
     alto), así que aquí no hay que compensar nada: los 124px que había antes
     se sumaban al alto de la barra y dejaban la hoja muy abajo. */
  .lr-main{padding-top:0;}
  .lr-sec{padding:26px 0 60px;}  /* franja crema entre el header y la hoja */
  /* la hoja debe verse flotando, con aire a los lados */
  .lr-sec > .container{padding-left:26px; padding-right:26px;}
  .lr-hoja{margin:0 6px;}
  .lr-form{padding:26px 20px 32px;}
  .lr-ok{padding:36px 22px;}
  .lr-nav{justify-content:center;}
}

/* resumen de la hoja (se ve tras enviar y es lo que se imprime) */
.lr-resumen{margin:34px auto 0; max-width:720px; text-align:left; border-top:1px solid rgba(174,126,78,.3);}
.lr-resumen h3{font-family:var(--serif); font-weight:400; font-size:.86rem; text-transform:uppercase;
  letter-spacing:.1em; color:#ae7e4f; margin:26px 0 12px;}
.lr-resumen table{width:100%; border-collapse:collapse;}
.lr-resumen td{padding:10px 14px; border:1px solid rgba(174,126,78,.25); vertical-align:top;
  font-family:var(--sans); font-weight:300; font-size:.84rem; line-height:1.6; color:var(--ink);}
.lr-resumen td.et{width:36%; background:#fbf9f3; color:#8a6a52; font-size:.76rem;}
.lr-resumen .pie{margin-top:20px; font-family:var(--sans); font-weight:300; font-size:.74rem;
  line-height:1.7; color:var(--texto-suave);}

@media print{
  .nav, .mobile-menu, #kankay-footer, .wa-flot, .lr-form, .lr-ok .acciones{display:none !important;}
  .lr-main{padding-top:0;}
  .lr-hoja{border:0; box-shadow:none;}
  .lr-ok{padding:0;}
  .lr-ok h2{font-size:1.2rem; margin:18px 0 10px;}
  .lr-codigo{background:transparent !important; color:#67341f !important; border:1px solid #ae7e4e;
    padding:8px 18px; font-size:1.05rem;}
  .lr-resumen{margin-top:20px;}
  .lr-resumen td{font-size:.76rem; padding:7px 10px;}
}

/* aviso del libro para el footer */
.lr-aviso{display:inline-flex; align-items:center; gap:10px; border:1px solid rgba(255,253,248,.35);
  padding:10px 16px; font-family:var(--sans); font-weight:300; font-size:.66rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--hueso); transition:background .25s var(--ease), color .25s var(--ease);}
.lr-aviso:hover{background:var(--hueso); color:#67341f;}
.lr-aviso svg{width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.4;}