:root{--b:#03304f;--b2:#03304f;--bd:#021f35;--ink:#0c2a40;--mut:#5d7088;--ln:#e3ebf6;--bg:#f3f6f9;--card:#fff;--sky:#e8eef3;--g:#12a36b;--r:#e5584a;--p:#6b5bd6;--t:#0f9fb0}
*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%}
body{font-family:"Plus Jakarta Sans","Carlito","Nimbus Sans",system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;font-size:16px}
.ic{width:22px;height:22px;flex:none}.lg{width:34px;height:34px;color:#fff}
.logo{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:20px;letter-spacing:-.2px}.logo b{font-weight:800}
a{color:inherit;text-decoration:none}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:14px;font-weight:700;font-size:16px;border:0;cursor:pointer}
.btn.w{background:#fff;color:var(--b)}.btn.p{background:var(--b);color:#fff;box-shadow:0 8px 20px rgba(3,48,79,.28)}.btn.o{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.45)}
.demo{position:fixed;right:14px;bottom:14px;z-index:50;background:rgba(3,31,53,.92);color:#fff;font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px}
.hz{display:grid;grid-template-columns:44px repeat(5,1fr);gap:6px;font-size:12.5px}
.hh{font-weight:800;text-align:center;color:var(--mut);padding:4px 0}.hh.td{color:var(--b)}
.hr{font-weight:700;color:var(--mut);font-size:12px;display:flex;align-items:center}
.hc{background:color-mix(in srgb,var(--c) 12%,#fff);border-left:4px solid var(--c);border-radius:10px;padding:9px 8px;font-weight:700;color:var(--ink);min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.2}
.hc.rec{background:repeating-linear-gradient(135deg,#f0f4fa 0 8px,#e8eef7 8px 16px);border:0;color:var(--mut);text-align:center;align-items:center}
.hc.live{background:var(--c);color:#fff;box-shadow:0 8px 18px rgba(3,48,79,.35)}.hc.live i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.8px;background:rgba(255,255,255,.25);padding:2px 7px;border-radius:99px;align-self:flex-start}
@media(max-width:900px){.hz{grid-template-columns:36px repeat(5,1fr);gap:4px;font-size:10.5px}.hc{padding:6px 3px;min-height:40px;font-size:10px;border-left-width:3px}.hr{font-size:10px}}.hz{display:grid;grid-template-columns:44px repeat(5,1fr);gap:6px;font-size:12.5px}
.hh{font-weight:800;text-align:center;color:var(--mut);padding:4px 0}.hh.td{color:var(--b)}
.hr{font-weight:700;color:var(--mut);font-size:12px;display:flex;align-items:center}
.hc{background:color-mix(in srgb,var(--c) 12%,#fff);border-left:4px solid var(--c);border-radius:10px;padding:9px 8px;font-weight:700;color:var(--ink);min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:3px;line-height:1.2}
.hc.rec{background:repeating-linear-gradient(135deg,#f0f4fa 0 8px,#e8eef7 8px 16px);border:0;color:var(--mut);text-align:center;align-items:center}
.hc.live{background:var(--c);color:#fff;box-shadow:0 8px 18px rgba(3,48,79,.35)}.hc.live i{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.8px;background:rgba(255,255,255,.25);padding:2px 7px;border-radius:99px;align-self:flex-start}
@media(max-width:900px){.hz{grid-template-columns:36px repeat(5,1fr);gap:4px;font-size:10.5px}.hc{padding:6px 3px;min-height:40px;font-size:10px;border-left-width:3px}.hr{font-size:10px}}
.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}
.side{background:linear-gradient(180deg,#03304f,#021f35);color:#fff;padding:24px 18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.side .logo{padding:4px 10px 22px}
.nv{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;font-weight:600;font-size:15px;color:rgba(255,255,255,.82)}
.nv.on{background:rgba(255,255,255,.16);color:#fff}
.nv .bd{margin-left:auto;background:#fff;color:var(--b);font-size:12px;font-weight:800;border-radius:99px;padding:2px 9px}
.sf{margin-top:auto;background:rgba(255,255,255,.1);border-radius:16px;padding:14px;font-size:13.5px;color:rgba(255,255,255,.9)}
.sf b{display:block;font-size:14px;margin-bottom:2px}
main{padding:26px 34px 60px;min-width:0}
.top{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.top h1{font-size:28px;letter-spacing:-.6px;font-weight:800}.top p{color:var(--mut);font-size:15px}
.sr{margin-left:auto;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--ln);border-radius:14px;padding:10px 14px;color:var(--mut);width:260px;font-size:14px}.sr .ic{width:18px;height:18px}
.ib2{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;position:relative;color:var(--ink)}.ib2 i{position:absolute;top:9px;right:10px;width:9px;height:9px;border-radius:50%;background:var(--r);border:2px solid #fff}
.av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#03304f,#6b5bd6);color:#fff;font-weight:800;display:grid;place-items:center}
.g1{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}
.card{background:#fff;border:1px solid var(--ln);border-radius:24px;padding:22px;box-shadow:0 6px 18px rgba(3,31,53,.05)}
.card h3{font-size:18px;letter-spacing:-.2px}
.ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ch a{color:var(--b2);font-weight:700;font-size:14px}
.cont{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:16px}
.th{border-radius:18px;background:linear-gradient(135deg,#03304f 0,#021f35 100%);position:relative;min-height:210px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.th:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 34px)}
.fx{position:absolute;left:20px;top:18px;font-weight:800;font-size:28px;color:#fff}.fy{position:absolute;left:20px;bottom:16px;font-size:13px;color:rgba(255,255,255,.78);font-weight:600}
.dur{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:700;padding:4px 9px;border-radius:8px}
.pl{width:64px;height:64px;border-radius:50%;background:#fff;color:var(--b);display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.3);position:relative}.pl .ic{width:28px;height:28px;margin-left:3px}
.sub1{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:700;color:var(--b2);background:var(--sky);padding:5px 11px;border-radius:99px}
.cont h2{font-size:23px;letter-spacing:-.5px;margin:12px 0 6px;line-height:1.2}.cont p{color:var(--mut);font-size:15px}
.bar{height:9px;background:var(--sky);border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--b2),var(--b));border-radius:99px}
.btn.p{margin-top:16px;padding:12px 20px;font-size:15px}
.prog{display:flex;align-items:center;gap:20px}
.ring{width:128px;height:128px;border-radius:50%;background:conic-gradient(var(--b) 0 68%,var(--sky) 0);display:grid;place-items:center;flex:none}.ring div{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center;font-weight:800;font-size:28px;line-height:1}.ring small{display:block;font-size:11.5px;color:var(--mut);font-weight:600;margin-top:2px}
.pr{flex:1;font-size:14px}.pr .l{display:flex;justify-content:space-between;margin:9px 0 5px;font-weight:600}.pr .l:first-child{margin-top:0}
.sec{margin:26px 0 14px;display:flex;align-items:center;justify-content:space-between}.sec h2{font-size:21px;letter-spacing:-.4px}.sec a{color:var(--b2);font-weight:700;font-size:14px}
.mats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mt{background:#fff;border:1px solid var(--ln);border-radius:22px;padding:18px;box-shadow:0 6px 18px rgba(3,31,53,.05)}
.mt .t{display:flex;align-items:center;gap:12px;margin-bottom:14px}.mt .dot{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff}.mt .dot .ic{width:24px;height:24px}
.mt h4{font-size:16px}.mt small{color:var(--mut);font-size:13px}.mt .f{display:flex;justify-content:space-between;font-size:13px;color:var(--mut);margin-top:8px;font-weight:600}.mt .f b{color:var(--ink)}
.g2{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:26px}
.it{display:flex;align-items:center;gap:12px;padding:12px 0}.it+.it{border-top:1px solid var(--ln)}
.it .dot{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;flex:none}.it .dot .ic{width:21px;height:21px}
.it b{display:block;font-size:14.5px;line-height:1.3}.it span{font-size:12.5px;color:var(--mut)}
.pill{margin-left:auto;font-size:12px;font-weight:800;padding:5px 11px;border-radius:99px;white-space:nowrap}
.pill.r{background:#fdecea;color:#c23b2e}.pill.a{background:#fff1dc;color:#a0620c}.pill.g{background:#e6f7ef;color:#0b7a4f}.pill.b{background:var(--sky);color:var(--b)}
.res{background:linear-gradient(135deg,#e6f7ef,#f3fbf7);border:1px solid #cdeedd;border-radius:18px;padding:16px;margin-top:6px}
.res .big{font-size:36px;font-weight:800;color:#0b7a4f;letter-spacing:-1px}.res small{color:#3d6b57;font-weight:600}
.tabbar{display:none}
.gs{display:flex;gap:8px;align-items:center;margin-bottom:16px}.gs span{width:44px;height:38px;border-radius:12px;background:#fff;border:1px solid var(--ln);display:grid;place-items:center;font-weight:800;color:var(--mut)}.gs span.on{background:var(--b);color:#fff;border-color:var(--b)}.gs small{color:var(--mut);font-weight:600;margin-left:6px}
.lvc{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px;align-items:center}.lv{display:flex;gap:16px;align-items:flex-start}.rec2{width:54px;height:54px;border-radius:17px;background:var(--sky);color:var(--b);display:grid;place-items:center;flex:none}.rec2 .ic{width:28px;height:28px}
@media(max-width:900px){.lvc{grid-template-columns:1fr;gap:18px}.gs small{display:none}.lv{flex-direction:column}}
@media(max-width:900px){.app{display:block}.side{display:none}main{padding:16px 16px 100px}.top{flex-wrap:wrap;gap:12px}.top h1{font-size:23px}.sr,.ib2.hid{display:none}
.g1,.g2,.cont{grid-template-columns:1fr}.mats{grid-template-columns:1fr 1fr;gap:12px}.mt{padding:14px}.mt .t{flex-direction:column;align-items:flex-start;gap:10px}.prog{flex-direction:column;align-items:flex-start}.ring{margin:0 auto}.pr{width:100%}
.th{min-height:170px}.cont{padding:14px}.cont h2{font-size:20px}.card{border-radius:20px;padding:18px}
.tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--ln);padding:8px 6px calc(8px + env(safe-area-inset-bottom));justify-content:space-around;z-index:30}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--mut);padding:4px 10px;border-radius:12px}.tabbar a.on{color:var(--b)}.tabbar .ic{width:24px;height:24px}
.mtop{display:flex}.demo{bottom:78px}}
.mtop{display:none}

.fol{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--ln);border-radius:18px;padding:16px}.fol b{display:block;font-size:16px}.fol span{font-size:12.5px;color:var(--mut)}.fol em{margin-left:auto;font-style:normal;font-weight:800;color:var(--b);background:var(--sky);border-radius:99px;padding:4px 11px;font-size:13px;flex:none}
.fols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.av2{width:42px;height:42px;border-radius:50%;background:var(--sky);color:var(--b);font-weight:800;display:grid;place-items:center;font-size:14px;flex:none}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:18px}.stat small{color:var(--mut);font-weight:600;font-size:13px}.stat b{display:block;font-size:30px;letter-spacing:-1px;color:var(--b);margin-top:4px}
.sec a.up,.up{color:#fff!important;display:inline-flex;align-items:center;gap:8px;background:var(--b);color:#fff;border-radius:14px;padding:11px 18px;font-weight:700;font-size:14.5px;box-shadow:0 8px 20px rgba(3,48,79,.28)}
.fol .dot{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;flex:none}.fol .dot .ic{width:22px;height:22px;color:#fff}
.vis{display:inline-flex;gap:8px;align-items:center;background:#e8f7ef;color:#0b7a4b;font-weight:700;font-size:13px;border-radius:99px;padding:6px 13px}
.g2d{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
@media(max-width:900px){.fols,.g2d{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.up{font-size:13px;padding:10px 14px}}

.hw,.lvc>*,.card,.hz{min-width:0}.hw{overflow:hidden}.hz>*{min-width:0;overflow:hidden}.sn{display:none}@media(max-width:900px){.fn{display:none}.sn{display:inline}}
button,select,input,textarea{font-family:inherit}

/* ===== Diseño v2 "premium" ===== */
:root{--b:#03304f;--b2:#0b4a75;--bd:#021f35;--ink:#0c2a40;--mut:#5b6e8c;--ln:#e4ebf5;--bg:#f3f6f9;--sky:#e8eef3;--sh1:0 1px 2px rgba(3,31,53,.04),0 8px 24px rgba(3,31,53,.06);--sh2:0 2px 4px rgba(3,31,53,.05),0 18px 40px rgba(3,31,53,.11)}
html{scroll-behavior:smooth}
body{background:radial-gradient(1100px 520px at 85% -120px,#dfeaff 0,transparent 70%),var(--bg);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}
h1,h2,h3,h4{letter-spacing:-.02em;color:var(--ink)}
::selection{background:#cfe1ff}
:focus-visible{outline:3px solid rgba(11,74,117,.45);outline-offset:2px;border-radius:10px}
/* barra lateral */
.side{background:radial-gradient(420px 300px at 0 0,rgba(176,141,51,.35),transparent 70%),radial-gradient(360px 280px at 100% 100%,rgba(3,48,79,.35),transparent 70%),linear-gradient(185deg,#03304f 0%,#0a3a94 55%,#08275f 100%);padding:26px 16px 20px;box-shadow:inset -1px 0 0 rgba(255,255,255,.06)}
.side .logo{padding:2px 12px 26px;font-size:19px}
.nv{position:relative;transition:background .18s,color .18s,transform .18s;padding:12px 14px;font-size:15px}
.nv:hover{background:rgba(255,255,255,.10);color:#fff}
.nv.on{background:rgba(255,255,255,.17);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 6px 16px rgba(3,31,53,.25)}
.nv.on:before{content:"";position:absolute;left:-16px;top:12px;bottom:12px;width:4px;border-radius:0 4px 4px 0;background:#fff}
.nv .ic{opacity:.95}
.sf{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(6px);line-height:1.45}
.sf a{color:#fff;opacity:.85;text-decoration:underline;text-underline-offset:3px}.sf a:hover{opacity:1}
/* contenido */
main{padding:32px 40px 72px;max-width:1280px}
.top{margin-bottom:26px}.top h1{font-size:30px;letter-spacing:-.03em}.top p{margin-top:2px;font-size:15px}
.card{border:1px solid rgba(214,226,243,.8);border-radius:22px;box-shadow:var(--sh1);transition:box-shadow .2s,transform .2s}
.card h3{font-size:17px;font-weight:800}
.mt,.stat,.fol{border-radius:20px;box-shadow:var(--sh1);transition:box-shadow .2s,transform .2s,border-color .2s;border-color:rgba(214,226,243,.8)}
a.mt:hover,.fol:hover{box-shadow:var(--sh2);transform:translateY(-2px);border-color:#cfdcf1}
.stat b{font-size:32px;letter-spacing:-.04em}
.sec{margin:30px 0 14px}.sec h2{font-size:20px;font-weight:800}
.vis,.sub1{letter-spacing:0}
/* botones */
.btn{transition:transform .15s,box-shadow .15s,filter .15s;letter-spacing:-.005em}
.btn.p,.up{background:linear-gradient(180deg,#0b4a75 0%,#03304f 100%);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 22px rgba(3,48,79,.30)}
.btn:hover,.up:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn:active,.up:active{transform:translateY(0)}
.btn[style*="0f9d58"]{background:linear-gradient(180deg,#16b36a 0%,#0c9254 100%)!important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 22px rgba(12,146,84,.30)!important}
.pill{font-weight:700;letter-spacing:0;transition:filter .15s}button.pill:hover{filter:brightness(.96)}
/* formularios */
main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),main select,main textarea{background:#fff;border:1.5px solid #dbe5f4;border-radius:12px;padding:12px 14px;font:inherit;font-size:15.5px;color:var(--ink);transition:border-color .15s,box-shadow .15s;min-height:48px}
main textarea{min-height:110px}
main input:focus,main select:focus,main textarea:focus{outline:0;border-color:var(--b2);box-shadow:0 0 0 4px rgba(11,74,117,.14)}
main input::placeholder{color:#9aaac2}
main label{color:#1d3b55}
main form.card{display:block}
form[action="?p=usuario_nuevo"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px 16px;align-items:end}
form[action="?p=usuario_nuevo"]>div{min-width:0}
form[action="?p=usuario_nuevo"] input,form[action="?p=usuario_nuevo"] select{width:100%}
/* listas */
.it{padding:14px 0}.it b{font-size:15px}
/* horario */
.hh{font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.hc{border-radius:12px;box-shadow:0 1px 0 rgba(3,31,53,.03);transition:transform .15s}
.hc.live{box-shadow:0 10px 22px rgba(3,48,79,.38)}
.rec2{background:linear-gradient(135deg,#e6efff,#d6e6ff);box-shadow:inset 0 0 0 1px rgba(11,74,117,.12)}
.th{background:radial-gradient(240px 160px at 85% 10%,rgba(120,175,255,.55),transparent 70%),linear-gradient(135deg,#0b4a75 0,#021f35 100%);box-shadow:0 12px 28px rgba(3,48,79,.28)}
.pl{transition:transform .2s}.th:hover .pl{transform:scale(1.06)}
.ring{box-shadow:0 8px 20px rgba(3,48,79,.12)}
.bar{height:10px}.bar i{background:linear-gradient(90deg,#4f93ff,#03304f)}
.demo{backdrop-filter:blur(6px)}
/* entrada suave */
@media(prefers-reduced-motion:no-preference){main>*{animation:up .45s cubic-bezier(.2,.7,.2,1) both}main>*:nth-child(2){animation-delay:.04s}main>*:nth-child(3){animation-delay:.08s}main>*:nth-child(4){animation-delay:.12s}main>*:nth-child(n+5){animation-delay:.16s}@keyframes up{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
/* login */
.lg2{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}
.lh{position:relative;overflow:hidden;color:#fff;padding:48px 56px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(520px 420px at 15% 0,rgba(110,170,255,.55),transparent 70%),radial-gradient(600px 500px at 100% 100%,rgba(11,74,117,.55),transparent 70%),linear-gradient(160deg,#03304f 0%,#021f35 100%)}
.lh:before,.lh:after{content:"";position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.14);pointer-events:none}
.lh:before{width:520px;height:520px;right:-170px;top:-140px}.lh:after{width:360px;height:360px;left:-120px;bottom:-130px}
.lh .logo{color:#fff;font-size:22px;position:relative}.lh .lg{width:40px;height:40px}
.lhm{position:relative;max-width:520px}.lhm h1{color:#fff;font-size:clamp(30px,3.4vw,44px);line-height:1.1;letter-spacing:-.035em;font-weight:800}
.lhm p{margin-top:16px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.86)}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.chips span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:9px 14px;border-radius:99px;font-weight:600;font-size:14px;backdrop-filter:blur(6px)}.chips .ic{width:18px;height:18px}
.lh small{position:relative;color:rgba(255,255,255,.7);font-weight:600;letter-spacing:.04em}
.lf{display:grid;place-items:center;padding:32px 24px;background:radial-gradient(500px 300px at 100% 0,#e6efff,transparent 70%),#fff}
.lb{width:100%;max-width:400px;background:transparent;box-shadow:none;border-radius:0;padding:0}
.lb .lbl{display:none;color:var(--b);margin-bottom:6px}.lb .lbl .lg{color:var(--b)}
.lb h2{font-size:30px;letter-spacing:-.035em;font-weight:800}.lb .sb{color:var(--mut);margin-top:4px}
.lb label{display:block;font-weight:700;font-size:14px;margin:18px 0 7px;color:#1d3b55}
.lb input{width:100%;padding:14px 16px;border:1.5px solid #dbe5f4;border-radius:14px;font:inherit;font-size:17px;background:#fbfdff;min-height:52px;transition:border-color .15s,box-shadow .15s}
.lb input:focus{outline:0;border-color:var(--b2);box-shadow:0 0 0 4px rgba(11,74,117,.14);background:#fff}
.lb .btn{width:100%;justify-content:center;margin-top:24px;padding:15px;font-size:17px;border-radius:14px}
.lb .hl{color:var(--mut);font-size:13.5px;margin-top:18px;text-align:center}
.er{background:#fdecea;color:#b3261e;border:1px solid #f6c9c4;border-radius:12px;padding:11px 13px;font-weight:600;margin-top:16px;font-size:14px}
@media(max-width:860px){
 .lg2{grid-template-columns:1fr;grid-template-rows:auto 1fr;background:#f3f6f9}
 .lh{padding:26px 24px 64px;border-radius:0 0 30px 30px}.lh .logo{font-size:19px}.lh .lg{width:32px;height:32px}
 .lhm h1{font-size:27px}.lhm p,.chips,.lh small{display:none}.lhm{margin-top:22px}
 .lf{background:none;padding:0 16px 32px;align-items:start}
 .lb{margin-top:-40px;background:#fff;border-radius:24px;padding:26px 22px 24px;box-shadow:var(--sh2);border:1px solid rgba(214,226,243,.8)}
 .lb h2{font-size:25px}
}
/* móvil */
@media(max-width:900px){
 main{padding:18px 16px 108px}.top h1{font-size:25px}
 .card{border-radius:20px;padding:18px}
 .tabbar{background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(14px);border-top:1px solid rgba(214,226,243,.9);padding:8px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px rgba(3,31,53,.07)}
 .tabbar a{position:relative;padding:5px 10px;border-radius:14px;transition:color .15s,background .15s}
 .tabbar a.on{color:var(--b);background:var(--sky)}
 .tabbar a.on:after{content:"";position:absolute;top:-9px;left:30%;right:30%;height:3px;border-radius:0 0 4px 4px;background:var(--b)}
 .th{min-height:190px}
 .stat b{font-size:28px}
 main input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),main select{font-size:16px}
}
@media(max-width:900px){.card div[style*="grid-template-columns"],.card form[style*="grid-template-columns"]{grid-template-columns:1fr!important}.card input,.card select{max-width:100%}}
@media(max-width:860px){.lf{position:relative;z-index:2}.lh{padding-bottom:70px}.lb{margin-top:-46px}}
.lgm{display:inline-flex;flex:none;width:46px;height:46px;border-radius:50%;background:#fff;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(3,31,53,.28),0 0 0 3px rgba(255,255,255,.28)}
.lgm img{width:86%;height:86%;object-fit:contain;display:block}
.lh .lgm{width:64px;height:64px}
.lbl .lgm{width:44px;height:44px;box-shadow:0 2px 10px rgba(3,31,53,.18),0 0 0 1px #e2e8f4}
@media(max-width:860px){.lh .lgm{width:48px;height:48px}}
@media(min-width:861px){.lhm::before{content:"";display:block;width:150px;height:150px;border-radius:50%;background:#fff url(logo.png) center/88% no-repeat;margin-bottom:26px;box-shadow:0 10px 30px rgba(3,31,53,.35),0 0 0 5px rgba(255,255,255,.25)}}
@media(min-width:861px){.lh .logo .lgm{display:none}}
.tabbar a.on:after{background:#b08d33}
.lh h1+p{opacity:.92}
@media(max-width:860px){
.lh{text-align:center;padding-top:26px;padding-bottom:78px}
.lh .logo{display:none}
.lhm{display:flex;flex-direction:column;align-items:center}
.lhm::before{content:"";display:block;width:116px;height:116px;border-radius:50%;background:#fff url(logo.png) center/88% no-repeat;margin:0 auto 14px;box-shadow:0 8px 24px rgba(3,31,53,.4),0 0 0 4px rgba(255,255,255,.28)}
.lhm h1{font-size:25px;margin:0}
.lhm p,.lhm .chips{display:none}
.lh>div:last-child{display:none}
}