/* Identidad tomada de Styles.html y del PNG original incrustado en Index.html. */
:root{--bd-primary:#2495d3;--bd-secondary:#43b8ba;--bd-dark:#123f5a;--bd-bg:#eef6fb;--bd-line:#d8e7f0;font-family:'Nunito',Arial,system-ui,sans-serif;color:var(--bd-dark);background:var(--bd-bg)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{background:linear-gradient(180deg,#f7fbfe 0%,var(--bd-bg) 100%)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}
.appbar{background:linear-gradient(90deg,var(--bd-primary),var(--bd-secondary));box-shadow:0 10px 24px rgba(36,149,211,.18)}
.appbar-inner{max-width:1600px;margin:auto;padding:13px clamp(14px,2.4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px}
.logo{width:auto;max-width:240px;height:76px;object-fit:contain;display:block;filter:drop-shadow(0 5px 10px rgba(0,0,0,.12))}
.appbar-caption{color:#fff;font-size:13px;font-weight:900;letter-spacing:.7px;text-align:right;line-height:1.55}
main{max-width:1050px;padding:22px 18px 60px;margin:auto}.hero{padding:22px 27px;background:linear-gradient(110deg,#2495d3,#43b8ba);color:#fff;border-radius:18px;box-shadow:0 12px 35px #175a6d21;margin-bottom:20px}.hero-kicker{font-size:11px;letter-spacing:1.7px;font-weight:700;opacity:.85}.hero h1{color:#fff;font-size:25px;margin:9px 0 5px}.hero p{font-size:14px;color:#e3fbfa;margin:0;line-height:1.5}.hero-mark{font-weight:700;font-size:11px;display:inline-flex;background:#ffffff23;border:1px solid #ffffff50;border-radius:25px;padding:6px 12px;margin-top:17px}
.panel{background:#fff;border:1px solid #d9e7ed;border-radius:16px;padding:23px 26px;margin:0 0 16px;box-shadow:0 5px 25px #1b4c650b}h1,h2{color:var(--bd-dark)}h1{font-size:24px}h2{font-size:18px;margin:2px 0 12px}.intro{color:#5a7885;font-size:14px;line-height:1.55}.hint{color:#577480;font-size:13px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:8px;margin:13px 0}input,textarea,select{border:1px solid #bcd2dc;background:#fff;border-radius:10px;padding:12px;width:100%;color:#173e53;min-width:0}textarea{min-height:115px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #0eafbd;outline-offset:1px}button{background:linear-gradient(90deg,var(--bd-primary),var(--bd-secondary));border:1px solid var(--bd-primary);color:#fff;font-weight:700;padding:13px 18px;border-radius:10px;box-shadow:0 5px 12px #13899b22}.outline{background:white;color:#075985;box-shadow:none;border:1px solid #9bc4cd}.actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center;margin-top:19px}.status{padding:14px 16px;border-radius:11px;background:#eef7fa;border:1px solid #cde5eb;color:#16677d;font-size:14px;line-height:1.55;margin:12px 0}.status.ok{background:#e7f7f1;border-color:#bcdfcb;color:#176143}.status.error{background:#fef0f2;border-color:#f0c7cb;color:#a32731}.tag{display:inline-block;padding:6px 10px;border-radius:18px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:800;letter-spacing:.6px}.equip{border-left:5px solid var(--bd-secondary)}.equip .hint{margin:10px 0}.equip .status{margin:10px 0 19px}.check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;line-height:1.55}.check input{width:auto;margin:4px 0 0}.sig{border:2px dashed #83c6d0;border-radius:12px;background:white;display:block;touch-action:none;width:100%;height:165px}footer{text-align:center;color:#698593;font-size:12px;padding:15px 20px 40px}.subtle{font-size:12px;color:#6c8690}.order-icon{display:inline-flex;background:#e7f7f8;color:#067f8e;border-radius:11px;padding:11px;font-size:19px}.order-header{display:flex;gap:14px;align-items:center;margin-bottom:10px}
@media(max-width:690px){main{padding:14px 10px 42px}.appbar-inner{padding:12px}.logo{height:55px;max-width:180px}.appbar-caption{font-size:10px}.hero{padding:22px 19px}.hero h1{font-size:21px}.panel{padding:18px 16px}.grid{grid-template-columns:1fr}.actions button{width:100%}}

/* La misma cabecera en móviles, sin perder el isotipo. */
@media(max-width:690px){.appbar-inner{min-height:76px}.logo{height:55px;max-width:180px}.appbar-caption{font-size:10px}}