/* Consulta tu orden — identidad visual ANANTEC, mobile first */
.order-page{
  min-height:calc(100vh - var(--topbar-height) - var(--header-height));
  background:linear-gradient(180deg,var(--soft) 0%,#eef2f6 100%);
  color:var(--ink);
  font-family:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.order-lookup{padding:42px 0 58px}
.order-container{max-width:760px}
.order-heading{text-align:center;max-width:620px;margin:0 auto 24px}
.order-kicker{font-size:10px;font-weight:700;letter-spacing:.15em;color:var(--blue)}
.order-heading h1{font-size:clamp(30px,9vw,46px);line-height:1.04;margin:8px 0 10px;letter-spacing:-.035em;color:var(--ink);font-weight:700}
.order-heading p{margin:0;color:#65738a;font-size:13px;line-height:1.6}
.order-form,.order-result{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 12px 34px rgba(11,22,51,.06)}
.order-form{display:grid;gap:15px}
.order-form label{font-size:11px;font-weight:700;letter-spacing:.035em;color:var(--ink)}
.order-form input{width:100%;height:49px;margin-top:7px;padding:0 14px;border:1px solid #d5dde6;border-radius:10px;background:#fff;color:var(--ink);font:600 15px "Inter",system-ui,sans-serif;outline:none;box-sizing:border-box}
.order-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(45,127,192,.10)}
.order-submit{height:50px;border:0;border-radius:10px;background:linear-gradient(110deg,var(--blue-deep),var(--blue),var(--cyan));color:#fff;font:600 12px "Inter",system-ui,sans-serif;letter-spacing:.045em;cursor:pointer;box-shadow:0 8px 20px rgba(45,127,192,.16)}
.order-submit:disabled{opacity:.65;cursor:wait}
.order-submit span{margin-left:6px}
.order-message{min-height:18px;margin:0;text-align:center;font-size:12px;color:#b04444}
.order-result{margin-top:18px}
.result-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.result-label{display:block;font-size:9px;letter-spacing:.13em;color:#7b8798;font-weight:700}
.result-top strong{display:block;margin-top:4px;font-size:22px;color:var(--ink)}
.status-pill{display:inline-flex;align-items:center;max-width:58%;padding:7px 10px;border-radius:999px;background:rgba(45,127,192,.10);color:var(--blue-deep);font-size:10px;font-weight:700;text-align:center;line-height:1.25;border:1px solid rgba(45,127,192,.14)}
.result-grid{margin:0}
.result-grid div{padding:15px 0;border-bottom:1px solid var(--line)}
.result-grid div:last-child{border-bottom:0}
.result-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.075em;color:var(--blue-deep);font-weight:700}
.result-grid dd{margin:5px 0 0;font-size:13px;line-height:1.55;color:var(--ink)}
.report-actions{display:grid;gap:10px;margin-top:17px}
.report-btn{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.04em;font-family:"Inter",system-ui,sans-serif}
.report-btn--primary{background:linear-gradient(110deg,var(--blue-deep),var(--blue),var(--cyan));color:#fff;box-shadow:0 8px 20px rgba(45,127,192,.14)}
.report-btn--secondary{border:1px solid rgba(23,76,180,.24);color:#174cb4;background:rgba(255,255,255,.88)}
@media(min-width:769px){
  .order-lookup{padding:64px 0 78px}
  .order-heading{margin-bottom:30px}
  .order-heading p{font-size:14px}
  .order-form,.order-result{padding:28px 30px;border-radius:20px}
  .order-form{grid-template-columns:1fr 1fr;gap:18px}
  .order-submit{grid-column:1/-1}
  .order-message{grid-column:1/-1}
  .result-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
  .result-grid div:nth-last-child(-n+2){border-bottom:0}
  .report-actions{grid-template-columns:1fr 1fr}
}