/* Layout: precise clinical grid, wide Archivo headings, the printed result with its QR code as the signature object; portal screens share the same tokens. */
:root{
  --bg:#f6f9fd;
  --surface:#ffffff;
  --tint:#ecf3fb;
  --ink:#0c2340;
  --muted:#53627a;
  --line:#d8e2ef;
  --brand:#0f75bc;
  --brand-ink:#123a6b;
  --accent:#f1592a;
  --validate:#7a1bb5;
  --ok:#14874b;
  --wait:#c7d221;
  --wait-ink:#2c3000;
  --danger:#c93a3f;
  --on:#ffffff;
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --body:"Public Sans","Segoe UI",Roboto,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --g:clamp(16px,4vw,48px);
  --r:14px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#081326;--surface:#0e1c33;--tint:#0b1a30;--ink:#e6eef9;--muted:#9aaac2;--line:#1f3352;--brand:#5aa2e6;--brand-ink:#9cc8f2;--accent:#ff7a50;--validate:#b77bf0;--ok:#3cc17c;--danger:#ff6b6f;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#081326;--surface:#0e1c33;--tint:#0b1a30;--ink:#e6eef9;--muted:#9aaac2;--line:#1f3352;--brand:#5aa2e6;--brand-ink:#9cc8f2;--accent:#ff7a50;--validate:#b77bf0;--ok:#3cc17c;--danger:#ff6b6f;color-scheme:dark}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--display);font-stretch:112%;margin:0;letter-spacing:-.01em;text-wrap:balance;line-height:1.05}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:8px;z-index:99;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sel{user-select:text}
.bl-wrap{max-width:1220px;margin:0 auto;padding-inline:var(--g)}

@view-transition{navigation:auto}
.bl-head{view-transition-name:blhead}
::view-transition-old(root){animation:bl-out .2s ease both}
::view-transition-new(root){animation:bl-in .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes bl-out{to{opacity:0}}
@keyframes bl-in{from{opacity:0;transform:translateY(10px)}}

/* top bar + header */
.bl-topbar{background:var(--brand-ink);color:#dce9f7;font-size:13.5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bl-topbar{background:#04101f}}
:root[data-theme="dark"] .bl-topbar{background:#04101f}
.bl-topbar-in{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:36px}
.bl-topbar form{margin:0}
.bl-lang{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:999px;padding:3px 12px;font:600 12.5px/1.4 var(--body);cursor:pointer;text-decoration:none}
.bl-lang:hover{background:rgba(255,255,255,.12)}
@media (max-width:640px){.bl-topbar-in>span:first-child{display:none}.bl-topbar-in{justify-content:flex-end}}
.bl-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:color-mix(in srgb,var(--surface) 97%,transparent);border-bottom:1px solid var(--line)}
.bl-head-in{display:flex;align-items:center;gap:24px;height:72px}
.bl-logo img{height:50px;width:auto}

.bl-nav{display:flex;gap:4px;margin-left:auto;font-weight:500;font-size:15px}
.bl-nav a{text-decoration:none;padding:8px 12px;border-radius:8px;color:var(--muted)}
.bl-nav a:hover{color:var(--ink);background:var(--tint)}
.bl-nav a[aria-current="page"]{color:var(--brand);background:var(--tint)}
.bl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:600 15.5px/1.1 var(--body);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.bl-btn:hover{border-color:var(--brand);color:var(--brand)}
.bl-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.bl-btn-primary:hover{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.bl-signin{padding:10px 16px}
.bl-user{position:relative}
.bl-user summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:999px}
.bl-user summary::-webkit-details-marker{display:none}
.bl-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-weight:700}
.bl-user-name{font-weight:600;font-size:15px;max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 40px -20px rgba(12,35,64,.35);padding:6px;display:grid}
.bl-user-menu a,.bl-user-menu button{display:block;text-align:left;padding:10px 12px;border-radius:8px;text-decoration:none;background:none;border:0;font:500 15px var(--body);color:var(--ink);cursor:pointer;width:100%}
.bl-user-menu a:hover,.bl-user-menu button:hover{background:var(--tint)}
.bl-user-menu form{margin:0;border-top:1px solid var(--line);padding-top:4px;margin-top:4px}
.bl-menu{display:none}
.bl-menu summary{list-style:none;cursor:pointer;width:44px;height:42px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center}
.bl-menu summary::-webkit-details-marker{display:none}
.bl-menu svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2}
.bl-menu nav{position:fixed;left:0;right:0;bottom:0;top:calc(env(safe-area-inset-top,0px) + 109px);background:var(--bg);padding:16px var(--g);display:grid;align-content:start}
.bl-menu nav a{font:700 24px/1.2 var(--display);text-decoration:none;padding:14px 0;border-bottom:1px solid var(--line)}
.bl-menu nav a[aria-current="page"]{color:var(--brand)}
@media (max-width:1020px){.bl-nav{display:none}.bl-signin,.bl-user{margin-left:auto}.bl-menu{display:block}}
@media (max-width:520px){.bl-signin{display:none}.bl-menu{margin-left:auto}.bl-user-name{display:none}}

/* hero */
.bl-kicker{font:600 14px/1 var(--body);letter-spacing:.04em;color:var(--brand);margin-bottom:16px}
.bl-hero{padding-block:clamp(48px,7vw,96px);background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line);overflow:hidden}
.bl-hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,96px);align-items:center}
.bl-hero h1{font-size:clamp(38px,5.4vw,72px);font-weight:800}
.bl-lede{margin-top:20px;font-size:clamp(17px,1.5vw,20px);color:var(--muted);max-width:56ch}
.bl-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
@media (max-width:880px){.bl-hero-in{grid-template-columns:1fr}}

.bl-doc{position:relative;justify-self:center;width:min(380px,100%);aspect-ratio:8.5/11;background:#fff;border-radius:6px;box-shadow:0 1px 0 var(--line),0 30px 60px -30px rgba(12,35,64,.45),0 0 0 1px rgba(12,35,64,.06);padding:8% 9%;display:grid;grid-template-rows:auto 1fr auto;gap:8%;transform:rotate(2deg);animation:bl-doc 1s cubic-bezier(.2,.8,.2,1) both}
@keyframes bl-doc{from{transform:rotate(6deg) translateY(30px);opacity:0}}
.bl-doc::before{content:"";position:absolute;inset:14px -14px -14px 14px;background:var(--tint);border-radius:6px;z-index:-1;transform:rotate(-4deg)}
.bl-doc-head{display:flex;align-items:center;gap:14px;padding-bottom:10%;border-bottom:2px solid #0f75bc}
.bl-doc-logo{width:46px;height:52px;background:url(betalab/mark.png) center/contain no-repeat}
.bl-doc-lines{display:grid;gap:7px;flex:1}
.bl-doc-lines i{height:8px;border-radius:4px;background:#c9d7e8}
.bl-doc-lines i:first-child{width:70%;background:#123a6b}
.bl-doc-rows{display:grid;gap:12px;align-content:start}
.bl-doc-row{display:grid;grid-template-columns:1.4fr 1fr .6fr;gap:10px;align-items:center}
.bl-doc-row i,.bl-doc-row b,
.bl-doc-row b{background:#9db5d1}
.bl-doc-row em{background:#2575bc;opacity:.55}
.bl-doc-foot{position:relative;display:flex;align-items:end;justify-content:space-between;gap:16px}
.bl-qr{width:34%;aspect-ratio:1;display:block}
.qr-ink{fill:#0c2340}
.qr-paper{fill:#fff}
.bl-scan{position:absolute;left:-4px;bottom:0;width:calc(34% + 8px);height:4px;border-radius:2px;background:#f1582b;box-shadow:0 0 18px 4px rgba(241,88,43,.45);animation:bl-scan 2.6s ease-in-out infinite}
@keyframes bl-scan{0%,100%{transform:translateY(0)}50%{transform:translateY(calc(-1 * min(380px,80vw) * .26))}}
.bl-doc-sign{display:grid;gap:6px;width:40%}
.bl-doc-sign i{height:7px;border-radius:4px;background:#dfe7f1}
.bl-doc-sign i:first-child{height:2px;background:#0c2340;margin-bottom:6px}
.bl-stamp{position:absolute;right:-18px;top:30%;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#14874b;color:#fff;font:800 28px/1 var(--display);box-shadow:0 10px 24px -10px rgba(20,135,75,.7);animation:bl-stamp .5s 1.1s cubic-bezier(.3,1.6,.4,1) both}
@keyframes bl-stamp{from{transform:scale(0) rotate(-30deg)}}

/* sections */
.bl-sec{padding-block:clamp(56px,8vw,112px)}
.bl-sec-tint{background:var(--tint)}
.bl-h2{font-size:clamp(28px,3.4vw,46px);font-weight:800;margin-bottom:clamp(24px,3vw,40px);max-width:20ch}
.bl-paths{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bl-path{display:grid;gap:14px;align-content:start;padding:clamp(24px,3vw,40px);border-radius:20px;text-decoration:none;border:1.5px solid var(--line);background:var(--surface);transition:transform .3s cubic-bezier(.3,.7,.2,1.3),box-shadow .3s,border-color .3s}
.bl-path:hover{transform:translateY(-4px);box-shadow:0 24px 48px -28px rgba(12,35,64,.45)}
.bl-path h3{font-size:clamp(24px,2.4vw,32px);font-weight:800}
.bl-path p{color:var(--muted)}
.bl-path-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:var(--tint)}
.bl-path-icon svg{width:28px;height:28px;fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.bl-path-cta{font-weight:700;color:var(--brand);margin-top:6px}
.bl-path-portal{background:var(--brand);border-color:var(--brand);color:#fff}
.bl-path-portal p{color:rgba(255,255,255,.85)}
.bl-path-portal .bl-path-icon{background:rgba(255,255,255,.16)}
.bl-path-portal .bl-path-icon svg{stroke:#fff}
.bl-path-portal .bl-path-cta{color:#fff}
.bl-path-qr:hover{border-color:var(--validate)}
.bl-path-qr .bl-path-icon svg{stroke:var(--validate)}
.bl-path-qr .bl-path-cta{color:var(--validate)}
.bl-steps{margin:0;padding-left:22px;color:var(--muted);display:grid;gap:6px}
.bl-steps li::marker{color:var(--validate);font-weight:700}
@media (max-width:800px){.bl-paths{grid-template-columns:1fr}}

.bl-values{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bl-values li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.bl-values svg{width:34px;height:34px;fill:none;stroke:var(--brand);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bl-values h3{font-size:21px;font-weight:700}
.bl-values p{color:var(--muted);font-size:15.5px}
@media (max-width:960px){.bl-values{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bl-values{grid-template-columns:1fr}}

.bl-mission{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,5vw,72px);align-items:start}
.bl-mission .bl-h2{margin:0}
.bl-mission blockquote{margin:0;font:500 clamp(20px,2.2vw,28px)/1.45 var(--body);padding-left:24px;border-left:4px solid var(--accent)}
@media (max-width:800px){.bl-mission{grid-template-columns:1fr}}

.bl-band{background:var(--brand-ink);color:#e6eef9}
.bl-band-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding-block:clamp(48px,6vw,80px);align-items:center}
.bl-band h2{font-size:clamp(26px,3vw,40px);font-weight:800;color:#fff}
.bl-band p{margin-top:12px;color:rgba(230,238,249,.8)}
.bl-dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bl-dl div{padding:18px;border-radius:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.bl-dl dt{font-size:13px;color:rgba(230,238,249,.7);margin-bottom:6px}
.bl-dl dd{margin:0;font-weight:600;overflow-wrap:anywhere}
@media (max-width:900px){.bl-band-in,.bl-dl{grid-template-columns:1fr}}

.bl-phead{padding-block:clamp(48px,7vw,96px);background:var(--surface);border-bottom:1px solid var(--line)}
.bl-phead h1{font-size:clamp(34px,4.6vw,60px);font-weight:800;max-width:20ch}
.bl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.bl-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:10px;align-content:start}
.bl-card h2{font-size:17px;font-weight:700;color:var(--muted)}
.bl-card p{font-weight:600;font-size:18px;overflow-wrap:anywhere}
.bl-card a{color:var(--brand);font-weight:600}
.bl-card-accent{background:var(--brand);border-color:var(--brand);color:#fff}
.bl-card-accent h2,.bl-card-accent a{color:#fff}
@media (max-width:960px){.bl-cards{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bl-cards{grid-template-columns:1fr}}

.bl-foot{background:var(--surface);border-top:1px solid var(--line);padding-block:48px 28px;font-size:15px}
.bl-foot-in{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.bl-foot-in>div{display:grid;gap:8px;align-content:start}
.bl-foot h2{font:700 14px/1 var(--body);color:var(--muted);margin-bottom:6px}
.bl-foot a{color:var(--brand);text-decoration:none}
.bl-foot a:hover{text-decoration:underline}
.bl-foot-brand p{color:var(--muted);max-width:40ch}
.bl-foot .bl-logo-dark img{filter:none}
.bl-legal{margin-top:32px;color:var(--muted);font-size:13.5px}
@media (max-width:760px){.bl-foot-in{grid-template-columns:1fr}}

/* portal */
.p-page{min-height:60vh}
.p-wrap{max-width:1320px;margin:0 auto;padding:clamp(28px,4vw,48px) var(--g) 80px}
.p-narrow{max-width:860px}
.p-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px}
.p-head h1{font-size:clamp(28px,3.2vw,40px);font-weight:800}
.p-kicker{font-size:14px;font-weight:600;color:var(--brand);margin-bottom:6px}
.p-lede{color:var(--muted);margin:10px 0 22px}
.p-h3{font:700 18px/1.2 var(--display);margin-top:8px}
.p-auth{padding:clamp(40px,7vw,96px) var(--g);display:grid;place-items:center;background:radial-gradient(80% 60% at 50% 0%,var(--tint),transparent 70%)}
.p-auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,40px);box-shadow:0 30px 60px -40px rgba(12,35,64,.5)}
.p-auth-wide{width:min(760px,100%)}
.p-auth-card h1{font-size:clamp(26px,3vw,34px);font-weight:800}
.p-qr-badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:color-mix(in srgb,var(--validate) 12%,var(--surface));margin-bottom:18px}
.p-qr-badge svg{width:30px;height:30px;fill:none;stroke:var(--validate);stroke-width:1.8}

.p-form{display:grid;gap:16px}
.p-grid2{grid-template-columns:1fr 1fr}
.p-grid2>.p-alert{grid-column:1/-1}
.p-span2{grid-column:1/-1}
@media (max-width:620px){.p-grid2{grid-template-columns:1fr}}
.p-field{display:grid;gap:6px;font-size:14px;font-weight:600;color:var(--muted);min-width:0}
.p-field small{font-weight:400}
.p-field input,.p-field select,.p-field textarea,.p-search{width:100%;font:500 16px/1.3 var(--body);color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;transition:border-color .2s,box-shadow .2s}
.p-field input:focus,.p-field select:focus,.p-field textarea:focus,.p-search:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 18%,transparent)}
.p-field input:disabled{background:var(--tint);color:var(--muted)}
.p-input-icon{position:relative;display:block}
.p-input-icon svg{position:absolute;left:12px;top:50%;width:20px;height:20px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:1.8}
.p-input-icon input{padding-left:42px;font-family:var(--mono);letter-spacing:.06em}
.p-check{display:flex;gap:10px;align-items:center;font-size:15px}
.p-check input{width:18px;height:18px;accent-color:var(--brand)}
.p-seg{border:0;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}
.p-seg legend{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:6px;width:100%}
.p-seg label{flex:1;display:flex;align-items:center;gap:8px;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;cursor:pointer;font-weight:600}
.p-seg label:has(input:checked){border-color:var(--validate);background:color-mix(in srgb,var(--validate) 8%,var(--surface))}
.p-seg input{accent-color:var(--validate)}
.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:10px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);font:600 15.5px/1.1 var(--body);cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.p-btn:hover{border-color:var(--brand);color:var(--brand)}
.p-btn:disabled{opacity:.6;cursor:progress}
.p-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.p-btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}
.p-btn-primary:hover{background:var(--brand-ink);border-color:var(--brand-ink);color:#fff}
.p-btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}
.p-btn-accent:hover{filter:brightness(.92);color:#fff;border-color:var(--accent)}
.p-btn-validate{background:var(--validate);border-color:var(--validate);color:#fff;border-radius:10px}
.p-btn-validate:hover{filter:brightness(.9);color:#fff;border-color:var(--validate)}
.p-btn-block{width:100%}
.p-form-links{display:grid;gap:8px;font-size:14.5px;color:var(--muted);text-align:center}
.p-form-links a{color:var(--brand);font-weight:600}
.p-link{background:none;border:0;padding:4px 6px;color:var(--brand);font:600 14px var(--body);cursor:pointer}
.p-link:hover{text-decoration:underline}

.p-alert{padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;border:1px solid}
.p-alert-error{background:color-mix(in srgb,var(--danger) 9%,var(--surface));border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}
.p-alert-ok{background:color-mix(in srgb,var(--ok) 10%,var(--surface));border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}
.p-alert-info{background:var(--tint);border-color:var(--line);color:var(--ink)}

.p-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:18px}
.p-filters .p-field{flex:0 1 170px}
.p-filters .p-grow{flex:1 1 220px}
.p-filter-actions{display:flex;gap:10px;flex-wrap:wrap}
.p-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.p-table{width:100%;border-collapse:collapse;font-size:15px;min-width:860px}
.p-table thead th{position:sticky;top:0;background:var(--brand);color:#fff;text-align:left;font-weight:600;font-size:14px;padding:0;white-space:nowrap}
.p-table thead th:not(:has(button)){padding:12px 14px}
.p-sort{all:unset;display:flex;gap:6px;align-items:center;padding:12px 14px;cursor:pointer;width:100%;box-sizing:border-box}
.p-sort svg{width:8px;height:12px;fill:currentColor;opacity:.6}
.p-sort:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.p-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle}
.p-table tbody tr:hover{background:var(--tint)}
.p-num{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}
.p-code{font-family:var(--mono);font-size:13.5px;white-space:nowrap}
.p-pill{display:inline-block;padding:5px 10px;border-radius:999px;font-weight:700;font-size:13px;white-space:nowrap}
.p-pill-ok{background:var(--ok);color:#fff}
.p-pill-wait{background:var(--wait);color:var(--wait-ink)}
.p-pill-off{background:var(--line);color:var(--muted)}
.p-dl{text-align:center}
.p-pdf{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:8px;background:color-mix(in srgb,var(--ok) 12%,var(--surface));color:var(--ok);font-weight:700;font-size:13px;text-decoration:none;border:1px solid color-mix(in srgb,var(--ok) 35%,transparent)}
.p-pdf:hover{background:var(--ok);color:#fff}
.p-pdf svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.p-pdf-off{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--danger) 10%,var(--surface))}
.p-pdf-off svg{width:16px;height:16px;fill:none;stroke:var(--danger);stroke-width:2.4;stroke-linecap:round}
.p-count{padding:12px 16px;font-size:14px;color:var(--muted);border-bottom:1px solid var(--line)}
.p-empty{padding:48px 20px;text-align:center;color:var(--muted)}
.p-skeleton{display:grid;gap:10px;padding:16px}
.p-skeleton span{height:38px;border-radius:8px;background:linear-gradient(90deg,var(--tint) 0,var(--line) 50%,var(--tint) 100%);background-size:200% 100%;animation:p-shim 1.2s linear infinite}
@keyframes p-shim{to{background-position:-200% 0}}

.p-dialog{border:0;border-radius:20px;padding:0;width:min(560px,calc(100vw - 32px));background:var(--surface);color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.p-dialog-wide{width:min(760px,calc(100vw - 32px))}
.p-dialog::backdrop{background:rgba(5,12,24,.88);backdrop-filter:blur(2px)}
.p-dialog[open]{animation:p-zoom .25s cubic-bezier(.2,.8,.2,1.2)}
@keyframes p-zoom{from{transform:scale(.92);opacity:0}}
.p-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}
.p-dialog-head h2{font-size:20px;font-weight:800}
.p-dialog>p,.p-dialog>img,.p-dialog>form{margin:20px}
.p-dialog>img{border-radius:10px;border:1px solid var(--line)}
.p-x{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.p-dialog-actions{display:flex;justify-content:flex-end;gap:10px}

.p-panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,32px)}
.p-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:20px}
.p-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:12px 14px;font:600 15.5px var(--body);color:var(--muted);cursor:pointer;display:flex;gap:8px;align-items:center}
.p-tabs button[aria-selected="true"]{color:var(--brand);border-color:var(--brand)}
.p-badge{min-width:24px;padding:2px 7px;border-radius:999px;background:var(--tint);font-size:12.5px;color:var(--ink)}
.p-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.p-search{flex:1 1 240px;width:auto}
.p-row-actions{white-space:nowrap;text-align:right}
.p-reqs{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.p-req{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px}
.p-req-who{display:grid;gap:4px;align-content:start}
.p-req-who span{color:var(--muted);font-size:14.5px}
.p-req-who q{font-size:14.5px;font-style:italic;margin-top:6px}
.p-req-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}
.p-req-form .p-alert{grid-column:1/-1}
.p-req-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px}
@media (max-width:860px){.p-req{grid-template-columns:1fr}.p-req-form{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* variante 3D: hero nocturno con la órbita del logo en WebGL y tarjetas con profundidad */
.bl-hero{position:relative;background:radial-gradient(70% 90% at 75% 40%,#13457d 0,#0a2a52 45%,#061a35 100%);border-bottom:0;color:#fff;padding-block:clamp(40px,6vw,80px)}
.bl-hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}
.bl-hero-in{position:relative;z-index:1}
.bl-hero .bl-kicker{color:#f1592a}
.bl-hero h1{color:#fff}
.bl-hero .bl-lede{color:rgba(225,236,250,.8)}
.bl-hero .bl-btn:not(.bl-btn-primary){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}
.bl-hero .bl-btn:not(.bl-btn-primary):hover{background:rgba(255,255,255,.16)}
.bl-hero .bl-btn-primary{background:#f1592a;border-color:#f1592a}
.bl-hero .bl-btn-primary:hover{background:#fff;border-color:#fff;color:#0a2a52}
.bl3d{position:relative;aspect-ratio:1/1;width:100%;max-width:620px;justify-self:center}
.bl3d-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.bl3d::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(15,117,188,.55),transparent 70%);filter:blur(30px)}
.bl3d-chip{position:absolute;padding:8px 14px;border-radius:999px;font:700 13px/1 var(--body);letter-spacing:.04em;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);animation:bl3d-float 6s ease-in-out infinite}
.bl3d-chip-a{left:4%;top:18%}
.bl3d-chip-b{right:6%;bottom:16%;animation-delay:-3s;background:rgba(241,89,42,.25);border-color:rgba(241,89,42,.6)}
@keyframes bl3d-float{50%{transform:translateY(-12px)}}

[data-tilt]{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
[data-tilt]:hover{transition:transform .08s linear,box-shadow .4s}
[data-tilt]>*{transform:translateZ(28px)}
[data-tilt]>.bl-path-icon,[data-tilt]>svg{transform:translateZ(54px)}
.bl-path{position:relative;overflow:visible;isolation:isolate}
.bl-path::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--gx) var(--gy),rgba(255,255,255,.35),transparent 55%);opacity:0;transition:opacity .3s;pointer-events:none}
.bl-path:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-4px);box-shadow:0 40px 70px -40px rgba(10,42,82,.6)}
.bl-path:hover::after{opacity:1}
.bl-path-portal{background:linear-gradient(145deg,#1584d3,#0b5c97)}
.bl-path-qr{padding-right:clamp(24px,3vw,40px)}
.bl-path-doc{position:absolute;right:-18px;bottom:-28px;width:150px;transform:translateZ(80px) rotate(-8deg)!important;pointer-events:none}
.bl-path-doc .bl-doc{width:150px;padding:9%;gap:6%;animation:none;transform:none;box-shadow:0 30px 50px -20px rgba(10,42,82,.5)}
.bl-path-doc .bl-doc::before{display:none}
.bl-path-doc .bl-stamp{width:40px;height:40px;font-size:18px;right:-12px}
.bl-path-qr .bl-steps{max-width:calc(100% - 120px)}
@media (max-width:800px){.bl-path-doc{display:none}.bl-path-qr .bl-steps{max-width:none}}
.bl-values li{transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.bl-values li:hover{box-shadow:0 30px 50px -30px rgba(10,42,82,.45)}
.bl-values svg{width:44px;height:44px;padding:8px;border-radius:12px;background:var(--tint);box-sizing:content-box}
@media (prefers-reduced-motion:reduce){[data-tilt],[data-tilt]>*{transform:none!important}}

/* 404 / offline: the logo's orange orbit stands in for the zero; offline shows a broken orbit */
.bl-err .bl-hero-in{min-height:min(48vh,440px)}
.bl-err-art{display:grid;place-items:center}
.bl-err-code{display:flex;align-items:center;margin:0;font:900 clamp(88px,13vw,190px)/1 var(--display);font-stretch:125%;letter-spacing:-.03em;color:#fff}
.bl-err-orbit{position:relative;display:inline-block;width:.7em;height:.7em;margin:0 .14em}
.bl-err-orbit::before{content:"";position:absolute;inset:4% -34%;border:.07em solid #f1592a;border-radius:50%;rotate:-30deg;animation:bl-err-orbit 7s ease-in-out infinite}
.bl-err-orbit::after{content:"";position:absolute;inset:30%;border-radius:50%;background:#5aa2e6;box-shadow:0 0 .25em rgba(90,162,230,.7)}
@keyframes bl-err-orbit{50%{rotate:-16deg}}
.bl-err-off{font-size:clamp(130px,17vw,220px)}
.bl-err-off::before{border-style:dashed;border-color:rgba(255,255,255,.45);animation-duration:12s}
.bl-err-off::after{background:rgba(255,255,255,.35);box-shadow:none}
.bl-err-sec{padding-top:clamp(32px,5vw,56px)}
.bl-err-links{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;margin-block:0}
.bl-err-links a{position:relative;display:grid;gap:6px;height:100%;padding:24px 56px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.bl-err-links a:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(12,35,64,.35)}
.bl-err-links strong{font:700 19px/1.2 var(--display);color:var(--ink)}
.bl-err-links span{color:var(--muted);font-size:15.5px}
.bl-err-links svg{position:absolute;right:20px;top:24px;width:22px;height:22px;fill:none;stroke:var(--brand);stroke-width:2;transition:transform .2s}
.bl-err-links a:hover svg{transform:translateX(4px)}
@media (max-width:880px){.bl-err .bl-hero-in{min-height:0}.bl-err-art{order:-1;justify-items:start;padding-left:.2em}.bl-err-code{font-size:clamp(72px,22vw,120px)}.bl-err-off{font-size:110px;margin:16px 40px}}