/* Tema moderno · Hecho por Pablo Calderón · Técnico en Farmacia */
:root{--pri:#00529b;--pri2:#003d73;--acc:#0d9488;--bg:#f4f7fb;--card:#fff;--tx:#14233a;--mut:#5b6b80;--bd:#dbe3ee;--in:#fff;--sh:0 2px 10px rgba(16,40,80,.08);--r:14px}
html[data-tema=oscuro]{--pri:#4ea3ff;--pri2:#0b1c33;--acc:#2dd4bf;--bg:#0d1522;--card:#16213a;--tx:#e6edf7;--mut:#9fb0c6;--bd:#2a3a57;--in:#0f1a2d;--sh:0 2px 12px rgba(0,0,0,.4)}
html body{font-family:Inter,"Segoe UI",Roboto,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--tx);transition:background .25s,color .25s;-webkit-font-smoothing:antialiased}
html body header{background:linear-gradient(120deg,#00529b,#0d6fb8 60%,#0d9488);color:#fff;padding:16px 18px;position:sticky;top:0;z-index:50;box-shadow:0 2px 10px rgba(0,0,0,.15)}
html body header h1{font-size:1.15rem;font-weight:700;letter-spacing:.2px;padding-right:44px}
html body nav{background:var(--card)!important;border-bottom:1px solid var(--bd);padding:6px 10px!important;overflow-x:auto;flex-wrap:nowrap!important;gap:4px!important;scrollbar-width:none}
html body nav a{color:var(--tx)!important;white-space:nowrap;padding:7px 12px;border-radius:999px;font-weight:600;font-size:.9rem;margin:0!important;transition:background .2s,color .2s}
html body nav a:hover{background:rgba(13,148,136,.12)}html body nav a.on{background:var(--pri)!important;color:#fff!important;text-decoration:none!important}
html body .credito-top{background:transparent!important;color:var(--mut)!important}
html body main{max-width:900px;padding:14px}
html body .card{background:var(--card);border:1px solid var(--bd);border-radius:var(--r);box-shadow:var(--sh);padding:16px;transition:transform .15s,box-shadow .2s}
html body a.card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,40,80,.14)}
html body .aviso{border-radius:var(--r);border:1px solid #f3b4b4;border-left:5px solid #c62828;background:#fff1f1;color:#5c1515}
html[data-tema=oscuro] body .aviso{background:#3a1b22;color:#ffd7d7;border-color:#7a2d3a}
html body input,html body select,html body textarea{background:var(--in);color:var(--tx);border:1.5px solid var(--bd);border-radius:10px;padding:11px 12px;transition:border .2s,box-shadow .2s}
html body input:focus,html body select:focus,html body textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 3px rgba(13,148,136,.2)}
html body button{background:var(--pri);border-radius:10px;font-weight:600;padding:10px 16px;transition:filter .15s,transform .1s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
html body button:hover{filter:brightness(1.1)}html body button:active{transform:scale(.97)}
html body label{color:var(--tx);font-size:.92rem}html body small{color:var(--mut)}html body h2{color:var(--pri)}
html body table{border-radius:10px;overflow:hidden}html body th{background:rgba(0,82,155,.08);color:var(--tx)}html body td,html body th{border-bottom:1px solid var(--bd)}
html body .badge{background:var(--acc);border-radius:999px;padding:2px 9px}html body .chip{background:rgba(13,148,136,.12);color:var(--tx);border-radius:999px}
html body .ccss{background:rgba(13,148,136,.08);border-left-color:var(--acc)}html body .big{color:var(--pri)}
html body a{color:var(--pri)}html body footer.credito{color:var(--mut)!important;border-color:var(--bd)!important;padding-bottom:84px!important}
html body .bot{background:var(--card);color:var(--tx)}html body #f{background:var(--bg)}
#tema-btn{position:fixed;top:12px;right:12px;z-index:60;width:38px;height:38px;border-radius:50%;padding:0;background:rgba(255,255,255,.2);font-size:18px;box-shadow:none}
#bnav{display:none}
@media(max-width:700px){html body nav{display:none!important}
 #bnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:70;background:var(--card);border-top:1px solid var(--bd);box-shadow:0 -2px 10px rgba(0,0,0,.08);padding:4px 2px calc(4px + env(safe-area-inset-bottom))}
 #bnav a{flex:1;text-align:center;color:var(--mut);text-decoration:none;font-size:.68rem;font-weight:600;padding:4px 0}#bnav a span{display:block;font-size:1.3rem}#bnav a.on{color:var(--pri)}
 #fab-chat{bottom:76px!important}html body main{padding:10px}}
#bmenu{position:fixed;inset:auto 0 60px 0;z-index:69;background:var(--card);border-top:1px solid var(--bd);padding:10px;display:none;grid-template-columns:repeat(3,1fr);gap:6px;max-height:60vh;overflow:auto}
#bmenu.open{display:grid}#bmenu a{padding:10px 6px;text-align:center;border-radius:10px;background:var(--bg);color:var(--tx);text-decoration:none;font-size:.85rem;font-weight:600}
html body nav+div{color:#3a2a00}