/* Libro de Reclamaciones - estilos publicos */
.lr-wrap{
	--lr-primario:#FF8200; --lr-texto:#250C52; --lr-acento:#FFD800; --lr-fondo:#F2F2F2;
	--lr-fuente:"RightGrotesk","Helvetica Neue",Arial,sans-serif;
	font-family:var(--lr-fuente); color:var(--lr-texto);
	max-width:1140px; margin:0 auto; padding:24px 16px 48px; box-sizing:border-box;
}
.lr-wrap *,.lr-wrap *::before,.lr-wrap *::after{box-sizing:border-box}

.lr-encabezado{text-align:center;margin-bottom:24px}
.lr-titulo{font-size:clamp(28px,4vw,44px);line-height:1.15;margin:0 0 8px;color:var(--lr-texto);font-weight:800}
.lr-sitio,.lr-fecha{margin:2px 0;font-size:15px;color:var(--lr-texto);opacity:.75}

.lr-caja{border:1px solid #dcdce4;border-radius:14px;background:#fff;padding:28px 26px 32px}

/* Barra de pasos */
.lr-pasos{list-style:none;display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 26px;padding:0;position:relative}
.lr-pasos::before{content:"";position:absolute;left:9%;right:9%;top:76px;height:3px;background:var(--lr-texto);z-index:0}
.lr-paso-item{flex:1;text-align:center;position:relative;z-index:1;color:var(--lr-texto)}
.lr-icono{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto;border:3px solid var(--lr-texto);border-radius:50%;background:#fff;transition:.2s}
.lr-icono svg{width:34px;height:34px;color:var(--lr-texto)}
.lr-numero{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-top:10px;border-radius:50%;background:var(--lr-texto);color:#fff;font-size:13px;font-weight:700;position:relative;z-index:2}
.lr-nombre-paso{display:block;margin-top:6px;font-size:15px;font-weight:600}
.lr-paso-item.is-activo .lr-icono{border-color:var(--lr-primario)}
.lr-paso-item.is-activo .lr-icono svg{color:var(--lr-primario)}
.lr-paso-item.is-activo .lr-numero{background:var(--lr-primario)}
.lr-paso-item.is-activo .lr-nombre-paso{color:var(--lr-primario)}
.lr-paso-item.is-hecho .lr-icono{border-color:var(--lr-primario)}
.lr-paso-item.is-hecho .lr-numero{background:var(--lr-primario)}

/* Paso 1 */
.lr-importante{margin:0 0 6px;font-weight:700}
.lr-elegir{font-weight:700;margin:22px 0 14px}
.lr-empresas{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:26px}
.lr-ayuda{margin-top:22px;line-height:1.6}
.lr-ayuda p{margin:2px 0}

/* Botones */
.lr-btn{display:inline-block;background:var(--lr-primario);color:#fff;border:2px solid var(--lr-primario);border-radius:8px;
	padding:12px 24px;font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;transition:.15s;line-height:1.2}
.lr-btn:hover{background:#e57400;border-color:#e57400;color:#fff}
.lr-btn-gris{background:#ececeF;border-color:#ececeF;color:var(--lr-texto)}
.lr-btn-gris:hover{background:#dcdce4;border-color:#dcdce4;color:var(--lr-texto)}
.lr-btn-empresa{min-width:240px}
.lr-btn-empresa.is-elegida{background:var(--lr-texto);border-color:var(--lr-texto)}
.lr-btn-mas{width:44px;height:44px;border:none;border-radius:50%;background:var(--lr-primario);color:#fff;font-size:26px;line-height:1;cursor:pointer}
.lr-btn-mas:hover{background:#e57400}

/* Campos */
.lr-h2{font-size:26px;margin:0 0 6px;padding-bottom:10px;border-bottom:1px solid #e3e3ea;font-weight:800}
.lr-h3{font-size:18px;margin:22px 0 8px;font-weight:700}
.lr-grid{display:grid;gap:0 22px}
.lr-grid-2{grid-template-columns:repeat(2,1fr)}
.lr-grid-3{grid-template-columns:repeat(3,1fr)}
.lr-campo{margin:12px 0}
.lr-campo label{display:block;margin-bottom:6px;font-size:15px}
.lr-campo input[type=text],.lr-campo input[type=email],.lr-campo input[type=tel],.lr-campo select,.lr-campo textarea{
	width:100%;padding:10px 12px;border:1px solid #c9c9d4;border-radius:6px;background:#fff;color:var(--lr-texto);
	font-family:inherit;font-size:15px;line-height:1.4}
.lr-campo textarea{resize:vertical}
.lr-campo input:focus,.lr-campo select:focus,.lr-campo textarea:focus{outline:2px solid var(--lr-primario);outline-offset:0;border-color:var(--lr-primario)}
.lr-campo input:disabled{background:#e9eaf0}
.lr-campo.is-error input,.lr-campo.is-error select,.lr-campo.is-error textarea{border-color:#d32f2f;background:#fff6f6}
.lr-mensaje-campo{display:block;margin-top:4px;color:#d32f2f;font-size:13px}
.lr-req{color:var(--lr-primario)}
.lr-nota-obligatorio{text-align:right;color:var(--lr-primario);font-size:14px;margin:14px 0 0}

.lr-radios{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.lr-radio{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.lr-radio input{width:20px;height:20px;accent-color:var(--lr-primario)}
.lr-nota{border:1px solid #d5d5de;border-radius:8px;padding:12px 14px;margin:12px 0;font-size:14px;line-height:1.5;background:var(--lr-fondo)}
.lr-nota p{margin:4px 0}
.lr-small{font-size:14px;margin:4px 0;opacity:.85}

.lr-check{display:flex;align-items:flex-start;gap:10px;margin:18px 0 0}
.lr-check input{width:22px;height:22px;accent-color:var(--lr-primario);flex:0 0 auto}
.lr-check a{color:var(--lr-primario)}

.lr-adjuntos{margin:10px 0 18px}
.lr-lista-adjuntos{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.lr-lista-adjuntos li{display:flex;align-items:center;gap:10px;background:var(--lr-fondo);border-radius:6px;padding:8px 12px;font-size:14px}
.lr-quitar{border:none;background:none;color:#d32f2f;font-size:18px;cursor:pointer;line-height:1}

.lr-captcha{margin:18px 0}
.lr-acciones{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.lr-acciones-centro{justify-content:center}
.lr-oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.lr-errores{border:1px solid #d32f2f;background:#fff6f6;color:#a31515;border-radius:8px;padding:14px 16px;margin-bottom:20px;font-size:15px}
.lr-errores ul{margin:8px 0 0 18px;padding:0}

/* Confirmacion */
.lr-gracias{text-align:center}
.lr-check-ok{color:var(--lr-primario);margin-bottom:8px}
.lr-check-ok svg{width:76px;height:76px}
.lr-codigo{font-size:30px;font-weight:800;color:var(--lr-primario);letter-spacing:.5px;margin:6px 0 18px}

@media (max-width:860px){
	.lr-grid-2,.lr-grid-3{grid-template-columns:1fr}
	.lr-pasos::before{top:60px}
	.lr-icono{width:52px;height:52px}
	.lr-icono svg{width:26px;height:26px}
	.lr-nombre-paso{font-size:13px}
	.lr-caja{padding:20px 16px 24px}
	.lr-btn-empresa{min-width:100%}
	.lr-acciones{flex-direction:column-reverse}
	.lr-acciones .lr-btn{width:100%}
}

/* Boton de empresa con proyecto + razon social + RUC */
.lr-btn-empresa{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:260px;padding:14px 22px;
	background:var(--lr-primario);border:2px solid var(--lr-primario);border-radius:10px;color:#fff;
	font-family:inherit;cursor:pointer;transition:.15s;text-align:center;line-height:1.3}
.lr-btn-empresa:hover{background:#e57400;border-color:#e57400}
.lr-btn-empresa.is-elegida{background:var(--lr-texto);border-color:var(--lr-texto)}
.lr-empresa-alias{font-size:17px;font-weight:800}
.lr-empresa-nombre{font-size:14px;font-weight:600;opacity:.95}
.lr-empresa-ruc{font-size:12.5px;font-weight:600;color:var(--lr-acento)}

/* Franja "tu reclamo va dirigido a" en pasos 2 y 3 */
.lr-elegida{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
	background:var(--lr-fondo);border-radius:8px;
	padding:10px 14px;margin:0 0 18px;font-size:14.5px}
.lr-elegida-empresa{color:var(--lr-texto)}
.lr-elegida-ruc{color:var(--lr-primario);font-weight:700;white-space:nowrap}
.lr-elegida-cambiar{border:1px solid var(--lr-texto);background:#fff;color:var(--lr-texto);border-radius:6px;
	padding:5px 14px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}
.lr-elegida-cambiar:hover{background:var(--lr-texto);color:#fff}
@media (max-width:860px){.lr-btn-empresa{min-width:100%}}

/* Monto con moneda */
.lr-monto{display:flex;gap:10px}
.lr-monto select{flex:0 0 170px}
.lr-monto input{flex:1}

/* Enlace de archivos al costado del boton + */
.lr-adjuntos-fila{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}
.lr-adjuntos-fila .lr-btn-mas{flex:0 0 auto;margin-top:24px}
.lr-campo-enlace{flex:1;min-width:280px;margin:0}
.lr-campo-enlace .lr-small{display:block;margin-top:4px}
@media (max-width:860px){.lr-monto{flex-direction:column}.lr-monto select{flex:1 1 auto}.lr-adjuntos-fila .lr-btn-mas{margin-top:0}}