/* Habilé · Libro de Reclamaciones (con las variables, tipografías y tarjetas del diseño) */
.hb-lr-seccion .wrap{max-width:58rem}
.hb-lr-intro{color:var(--gris);margin:0 0 1.75rem;line-height:1.7}
.hb-lr-intro a{color:var(--azul)}
.hb-lr{display:grid;gap:1.5rem}
.hb-lr-bloque{background:var(--crema);border-radius:18px;padding:clamp(1.25rem,3.5vw,2rem);box-shadow:0 1px 0 var(--carbon-15)}
.hb-lr-bloque h2{font-family:'Gabarito',system-ui,sans-serif;font-size:clamp(1.15rem,2.2vw,1.35rem);font-weight:700;color:var(--carbon);margin:0 0 1.1rem;letter-spacing:-.01em}
.hb-lr-bloque h3{font-family:'Gabarito',system-ui,sans-serif;font-size:1rem;font-weight:600;color:var(--carbon);margin:1.25rem 0 .9rem}
.hb-lr-grid{display:grid;gap:1rem 1.25rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:40rem){.hb-lr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hb-lr-campo{display:grid;gap:.4rem;margin-bottom:.2rem;min-width:0}
.hb-lr-bloque>.hb-lr-campo{margin-top:1rem}
.hb-lr-campo label,.hb-lr-radios legend{font-family:'Gabarito',system-ui,sans-serif;font-size:.9375rem;font-weight:600;color:var(--carbon)}
.hb-lr-campo label small{font-weight:400;color:var(--carbon-70)}
.hb-lr input[type=text],.hb-lr input[type=email],.hb-lr input[type=tel],.hb-lr input[type=number],.hb-lr select,.hb-lr textarea{
  width:100%;min-height:48px;padding:.7rem .9rem;border:1px solid var(--carbon-15);border-radius:12px;background:var(--warm-white);
  font-family:var(--f-texto,'Aleo',Georgia,serif);font-size:1rem;color:var(--carbon);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}
.hb-lr textarea{min-height:120px;resize:vertical;line-height:1.6}
.hb-lr select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%232A2A27' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.hb-lr input:focus,.hb-lr select:focus,.hb-lr textarea:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(15,60,193,.18)}
.hb-lr .is-error input,.hb-lr .is-error select,.hb-lr .is-error textarea{border-color:#C0392B}
.hb-lr-error{font-family:'Gabarito',system-ui,sans-serif;font-size:var(--fs-small);color:#B03A2E;min-height:0}
.hb-lr-error:empty{display:none}
.hb-lr-radios{border:0;padding:0;margin:0 0 1rem;display:grid;gap:.6rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:40rem){.hb-lr-radios{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hb-lr-radios legend{margin-bottom:.6rem;padding:0}
.hb-lr-radios .hb-lr-error{grid-column:1/-1}
.hb-lr-opcion{display:flex;gap:.75rem;align-items:flex-start;background:var(--warm-white);border:1px solid var(--carbon-15);border-radius:12px;padding:.85rem 1rem;cursor:pointer;transition:border-color .15s ease}
.hb-lr-opcion:hover{border-color:var(--carbon-70)}
.hb-lr-opcion:has(input:checked){border-color:var(--azul);box-shadow:0 0 0 1px var(--azul)}
.hb-lr-opcion input{margin-top:.25rem;accent-color:var(--azul);flex-shrink:0}
.hb-lr-opcion strong{display:block;font-family:'Gabarito',system-ui,sans-serif;color:var(--carbon)}
.hb-lr-opcion small{display:block;color:var(--gris);font-size:var(--fs-small);line-height:1.5;margin-top:.15rem}
.hb-lr-check{display:flex;gap:.7rem;align-items:flex-start;margin-top:1rem;color:var(--gris);line-height:1.6;cursor:pointer}
.hb-lr-check input{margin-top:.35rem;width:18px;height:18px;accent-color:var(--azul);flex-shrink:0}
.hb-lr-check a{color:var(--azul)}
.hb-lr-check.is-error span{color:#B03A2E}
.hb-lr-menor{margin-top:.5rem;padding-top:.25rem;border-top:1px dashed var(--carbon-15)}
.hb-lr-proveedor dl{display:grid;gap:.75rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 1.1rem}
@media(min-width:40rem){.hb-lr-proveedor dl{grid-template-columns:repeat(4,minmax(0,1fr))}}
.hb-lr-proveedor dt{font-family:'Gabarito',system-ui,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--carbon-70)}
.hb-lr-proveedor dd{margin:.2rem 0 0;color:var(--carbon);font-weight:500;overflow-wrap:anywhere}
.hb-lr-proveedor .hb-lr-grid{grid-template-columns:minmax(0,1fr)}
.hb-lr-nota{font-size:var(--fs-small);color:var(--gris);line-height:1.65;background:var(--warm-white);border-left:3px solid var(--amarillo);padding:.8rem 1rem;border-radius:0 10px 10px 0;margin:0}
.hb-lr-enviar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.5rem}
.hb-lr-enviar .cta{border:0;cursor:pointer}
.hb-lr-enviar .cta:disabled{opacity:.6;cursor:wait}
.hb-lr-estado{font-family:'Gabarito',system-ui,sans-serif;color:var(--carbon);font-size:var(--fs-small)}
.hb-lr-ayuda{font-size:var(--fs-small);color:var(--carbon-70);margin:.9rem 0 0}
.hb-lr-trampa{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.hb-lr-aviso{background:#FFF1C2;border-left:4px solid var(--amarillo);padding:.9rem 1.1rem;border-radius:0 10px 10px 0;margin-bottom:1.5rem;color:var(--carbon)}
.hb-lr-constancia{outline:0}
.hb-lr-constancia h2{font-family:'Gabarito',system-ui,sans-serif;font-size:clamp(1.4rem,3vw,1.9rem);color:var(--carbon);margin:.6rem 0 .9rem;letter-spacing:-.01em}
.hb-lr-constancia>p{color:var(--gris);line-height:1.7;max-width:44rem}
.hb-lr-constancia .cta{border:0;cursor:pointer;margin:.5rem 0 1.5rem}
.hb-lr-hoja{overflow-x:auto;border-radius:12px}
.hb-lr-hoja table{min-width:520px}
@media print{
  .linea-marca,.site-header,.header,.pie,.cta-movil,.esencia-hero,.skip,.hb-lr-imprimir,#wpadminbar{display:none!important}
  body{background:#fff!important}
  .hb-lr-seccion{padding:0!important}
  .hb-lr-hoja table{min-width:0}
}

/* 04/11/2026 · Formulario idéntico al de habileperu.com */
.hb-lr-proveedor dl{margin:0}
@media(min-width:40rem){.hb-lr-proveedor dl{grid-template-columns:repeat(3,minmax(0,1fr))}.hb-lr-proveedor .hb-lr-ancho{grid-column:span 3}}
.hb-lr-proveedor dd a{color:var(--carbon);text-decoration:none}
.hb-lr-proveedor dd a:hover{color:var(--azul);text-decoration:underline}
.hb-lr-radios{margin-top:1.25rem}
.hb-lr .hb-lr-bloque>.hb-lr-campo{margin-top:1.1rem}
.hb-lr input[type=date]{min-height:48px}
.hb-lr input[type=date]{width:100%;padding:.7rem .9rem;border:1px solid var(--carbon-15);border-radius:12px;background:var(--warm-white);font-family:var(--f-texto,'Aleo',Georgia,serif);font-size:1rem;color:var(--carbon);box-sizing:border-box}
.hb-lr input[type=date]:focus{outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(15,60,193,.18)}

/* 04/11/2026 · Móvil: dirección y correo a lo ancho (el correo no se parte a la mitad) */
@media(max-width:39.99rem){
  .hb-lr-proveedor dl>.hb-lr-ancho,.hb-lr-proveedor dl>div:has(a[href^="mailto:"]){grid-column:1/-1}
  .hb-lr-proveedor dl>.hb-lr-ancho{order:2}
  .hb-lr-proveedor dl>div:has(a[href^="mailto:"]){order:3}
  .hb-lr-proveedor dd a[href^="mailto:"]{overflow-wrap:normal;word-break:normal}
}
.hb-lr-opcion input{width:18px;height:18px;margin-top:.15rem}
