:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#f6f8fb;--card:#fff;--tx:#14202e;--mu:#5b6b7d;--ln:#dde4ec;--red:#d0202b;--hero:#e9f0f8}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0e1620;--card:#16212e;--tx:#e8eef5;--mu:#93a3b5;--ln:#26364a;--hero:#132131}}
:root[data-theme="dark"]{--bg:#0e1620;--card:#16212e;--tx:#e8eef5;--mu:#93a3b5;--ln:#26364a;--hero:#132131}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 60px)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif}
nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--card);border-bottom:1px solid var(--ln);display:flex;gap:4px;align-items:center;padding:8px 16px;overflow-x:auto}
nav b{color:var(--red);margin-right:auto;white-space:nowrap}nav a{color:var(--tx);text-decoration:none;padding:6px 12px;border-radius:8px;white-space:nowrap;font-size:14px}nav a:hover{background:var(--hero)}
section{max-width:1000px;margin:auto;padding:48px 20px}h2{margin:0 0 16px}
#inicio{max-width:none;background:var(--hero);text-align:center;padding:56px 20px}
#inicio p{max-width:560px;margin:8px auto;color:var(--mu)}svg{max-width:100%;height:auto}
.orb{transform-origin:150px 150px;animation:spin linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.btn{display:inline-block;background:var(--red);color:#fff;border:0;border-radius:8px;padding:9px 16px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}
.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:16px}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--mu);font-size:14px}
.brand{text-align:center;font-weight:600;cursor:pointer;transition:.2s}.brand:hover{border-color:var(--red);transform:translateY(-2px)}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tabs button{background:var(--card);color:var(--tx);border:1px solid var(--ln);border-radius:20px;padding:7px 16px;font:inherit;cursor:pointer}.tabs .on{background:var(--red);color:#fff;border-color:var(--red)}
.acc{background:var(--card);border:1px solid var(--ln);border-radius:12px;margin-bottom:10px;overflow:hidden}
.acc>button{width:100%;text-align:center;background:none;border:0;color:var(--tx);font:600 17px system-ui;padding:18px;cursor:pointer;position:relative}
.acc>button:after{content:"+";position:absolute;right:20px;transition:.3s}.acc.open>button:after{transform:rotate(45deg)}
.body{display:none;padding:0 14px 14px}.acc.open .body{display:grid}.body{gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.body .card{display:flex;flex-direction:column;gap:10px;justify-content:space-between}
form{display:grid;gap:10px;max-width:520px}input,select,textarea{font:inherit;padding:10px;border:1px solid var(--ln);border-radius:8px;background:var(--card);color:var(--tx);width:100%}
footer{text-align:center;color:var(--mu);padding:24px;font-size:14px}
#wa{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:9}
#wa>button{width:56px;height:56px;border-radius:50%;border:0;background:#25d366;color:#fff;font-size:26px;cursor:pointer;box-shadow:0 4px 14px #0004}
#wp{position:absolute;right:0;bottom:66px;width:250px;background:var(--card);border:1px solid var(--ln);border-radius:12px;padding:12px;display:none;max-height:60vh;overflow:auto}
#wp.on{display:block}#wp a{display:block;padding:10px;border-radius:8px;color:var(--tx);text-decoration:none;font-size:14px}#wp a:hover{background:var(--hero)}

nav .lg{display:flex;align-items:center;gap:8px}nav .lg img{height:30px}.brand img{max-width:100%;height:64px;object-fit:contain;display:block;margin:0 auto 8px}