*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#182230;font:15px/1.55 Arial,sans-serif}.top{background:#102b46;color:#fff;padding:17px max(4%,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:700;color:#fff;text-decoration:none;font-size:18px}.top nav,.adminbar nav{display:flex;gap:18px;flex-wrap:wrap}.top nav a,.adminbar a{color:inherit;text-decoration:none}.container{max-width:1180px;margin:32px auto;padding:0 18px;min-height:70vh}.hero{padding:36px 0 25px;max-width:760px}.hero h1{font-size:38px;margin:8px 0;color:#102b46}.eyebrow{color:#1476a8;font-weight:bold;letter-spacing:1.5px;font-size:12px}.grid{display:grid;gap:20px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{background:#fff;border:1px solid #e1e7ef;border-radius:14px;padding:26px;margin:18px 0;box-shadow:0 5px 20px #172b4408}.panel h1{margin-top:0;color:#102b46}.panel h2{color:#153e60;margin-top:25px}.panel h3{color:#24617f;margin-top:28px;border-bottom:1px solid #e8edf2;padding-bottom:8px}.narrow{max-width:520px;margin:50px auto}.btn{display:inline-block;background:#0879ad;color:#fff;border:0;border-radius:8px;padding:12px 19px;text-decoration:none;font-weight:700;cursor:pointer;margin:12px 8px 0 0}.btn:hover{background:#075f89}.secondary{background:#e7f1f7;color:#14506e}.dangerbtn{background:#a52e36}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{display:block;font-weight:600;margin:13px 0;color:#34465a}input,select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cbd5df;border-radius:7px;background:#fff;color:#182230;margin-top:6px;font:inherit}textarea{resize:vertical}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:5px}.muted,small{color:#6d7c8b}.notice,.warning{background:#fff6dc;border-left:4px solid #e5b13c;padding:13px 16px;border-radius:6px;margin:18px 0}.alert{padding:12px 16px;border-radius:8px;margin:15px 0}.alert.error{background:#ffe8e8;color:#8d2020}.alert.success{background:#e4f6eb;color:#17633b}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.stats>div{background:#edf4f9;padding:17px;border-radius:10px;display:flex;flex-direction:column}.stats strong{font-size:23px;color:#123e5b}.stats small{font-size:12px}.adminbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.adminbar h1{margin:0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e8edf2;vertical-align:top}th{background:#f5f8fb;color:#526578;font-size:12px;text-transform:uppercase}.pill{background:#e7f1f7;padding:5px 8px;border-radius:20px;font-size:12px;white-space:nowrap}.pill.warning{background:#fff0c9}.pill.danger{background:#ffe0e0;color:#8e2020}.detailgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.detailgrid div{background:#f6f8fa;padding:12px;border-radius:8px;display:flex;flex-direction:column}.detailgrid strong{overflow-wrap:anywhere}.response{white-space:normal;background:#f6f8fa;padding:15px;border-radius:8px}.secret{font:700 24px monospace;letter-spacing:2px;background:#edf4f9;padding:18px;border-radius:8px;display:inline-block}.success-mark{font-size:40px;color:#16834a}.inlineform{display:flex;gap:10px;align-items:end}.inlineform input{max-width:360px}.timeline li{padding:10px 0;border-bottom:1px solid #eee}.footer{text-align:center;padding:25px;color:#7a8794;font-size:13px}.notice{margin-top:24px}@media(max-width:760px){.top,.adminbar{align-items:flex-start;flex-direction:column}.top nav{gap:12px}.two,.formgrid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detailgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:30px}.panel{padding:18px}.inlineform{align-items:stretch;flex-direction:column}.inlineform input{max-width:none}}@media print{.top,.footer,.btn,form{display:none!important}body{background:white}.panel{box-shadow:none;border:0}}

/* Vista previa e impresión de la copia del reclamo */
.print-document{max-width:900px;margin:20px auto;padding:34px}.print-actions{display:flex;gap:8px;justify-content:flex-end}.document-head{text-align:center;border-bottom:2px solid #183e5b;padding:10px 0 18px}.document-head h1{font-size:22px;margin:0}.document-head h2{font-size:18px;margin:8px 0}.doc-date{margin-left:22px}.print-document h3{margin-top:25px}.print-text{white-space:normal;min-height:55px;overflow-wrap:anywhere}.document-foot{border-top:1px solid #d9e1e8;margin-top:30px;padding-top:12px;font-size:12px;color:#657487}
@media print{ @page{size:A4;margin:15mm} body{background:#fff;color:#111;font-size:11pt}.container{max-width:none;margin:0;padding:0;min-height:0}.print-document{max-width:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none}.print-actions{display:none!important}.document-head h1{color:#111}.print-document h2,.print-document h3{color:#111}.detailgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.detailgrid div{background:#fff;border:1px solid #ddd;padding:8px;break-inside:avoid}.response{background:#fff;border:1px solid #ddd}.document-head,.print-document h3{break-after:avoid}.document-foot{color:#444}.footer{display:none!important}}

/* Identidad visual IMTECH */
.top .brand{display:flex;align-items:center;gap:12px;min-width:0}.top .brand img{display:block;width:auto;height:auto;max-width:88px;max-height:58px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}.top .brand span{font-weight:700;color:#fff;font-size:17px}.brand-preview{display:flex;align-items:center;gap:16px;padding:12px;background:#f5f8fb;border:1px solid #e1e7ef;border-radius:10px;max-width:430px}.brand-preview img{max-width:180px;max-height:130px;width:auto;height:auto;object-fit:contain;background:#fff}.brand-preview span{color:#657487;font-size:13px}.print-logo{display:block;max-width:150px;max-height:105px;width:auto;height:auto;object-fit:contain;margin:0 auto 10px}
@media print{.print-logo{max-width:125px;max-height:85px}}
@media(max-width:760px){.top .brand img{max-width:70px;max-height:48px}.top .brand span{font-size:15px}}