/* pictogramas + menu Softwares · v36 */
.ptile{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--bg-2);color:var(--violet);--pa:#FFE45C;--card:var(--bg-2)}
:root[data-theme="dark"] .ptile{--pa:rgba(63,224,207,.38);color:#C9BFFF}
.ptile svg{width:28px;height:28px;display:block}
.ptile.sm{width:36px;height:36px;border-radius:10px}
.ptile.sm svg{width:24px;height:24px}
.pq li{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px}
.feat .ptile,.mods .ptile{margin-bottom:10px}
.ptasks button .pi{width:22px;height:22px;flex:none;color:var(--violet);--pa:#FFE45C;--card:var(--bg)}
:root[data-theme="dark"] .ptasks button .pi{color:#C9BFFF;--pa:rgba(63,224,207,.38)}
/* menu suspenso */
.nav li.dd{position:relative}
.nav .ddb{font:inherit;letter-spacing:inherit;text-transform:inherit;font-weight:inherit;color:var(--muted);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.nav .ddb:hover,.nav .ddb[aria-expanded="true"]{color:var(--ink)}
.nav .ddb.cur{color:var(--violet)}
.nav .ddb::after{content:"";width:6px;height:6px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.nav .ddb[aria-expanded="true"]::after{transform:translateY(1px) rotate(-135deg)}
.nav .ddm{position:absolute;top:calc(100% + 16px);left:-20px;width:min(440px,92vw);background:var(--card);border:1px solid var(--rule);border-radius:16px;box-shadow:0 26px 54px -24px rgba(20,10,60,.5);padding:8px;display:none;z-index:200;text-transform:none;letter-spacing:0;font-family:var(--f-sans);font-weight:400}
.nav li.dd.open .ddm{display:block}
.nav .ddm a{display:flex;gap:12px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--ink);text-decoration:none}
.nav .ddm a:hover,.nav .ddm a:focus-visible{background:var(--bg-2);color:var(--ink)}
.nav .ddm a[aria-current="page"] b{color:var(--violet)}
.nav .ddm b{display:block;font-size:15px;font-weight:600;line-height:1.2}
.nav .ddm small{display:block;font-size:13px;color:var(--muted);line-height:1.3;margin-top:2px}
.nav .ddm .all{margin-bottom:6px;padding-bottom:12px;border-bottom:1px solid var(--rule);border-radius:10px 10px 0 0}
.nav .ddm .all b::after{content:" →"}
.feat .ptile,.mods .ptile{width:52px;height:52px;border-radius:14px}
.feat .ptile svg,.mods .ptile svg{width:32px;height:32px}
.pk p.pk-t{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--teal);margin:10px 0 2px}
/* menu do celular */
.burger{display:none;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:999px;font:600 13px/1 var(--f-mono);letter-spacing:.04em;cursor:pointer}
.burger i{position:relative;width:16px;height:2px;background:currentColor;border-radius:2px}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px}
.burger i::before{top:-5px}.burger i::after{top:5px}
@media (max-width:900px){.burger{display:inline-flex}}
.mdrawer{position:fixed;inset:0;z-index:1000;display:none}
.mdrawer.open{display:block}
.mdrawer .bk{position:absolute;inset:0;background:rgba(10,6,28,.55);backdrop-filter:blur(2px)}
.mdrawer .sh{position:absolute;top:0;right:0;bottom:0;width:min(380px,90vw);background:var(--bg);color:var(--ink);display:flex;flex-direction:column;box-shadow:-20px 0 50px -20px rgba(0,0,0,.4);animation:mdin .2s ease-out;padding-top:env(safe-area-inset-top,0px)}
@keyframes mdin{from{transform:translateX(30px);opacity:.4}to{transform:none;opacity:1}}
.mdrawer .hd{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--rule)}
.mdrawer .hd b{font:700 20px/1 var(--f-sans);letter-spacing:-.02em}.mdrawer .hd b span{color:var(--violet)}
.mdrawer .x{width:40px;height:40px;border-radius:50%;border:1px solid var(--rule);background:var(--card);color:var(--ink);font-size:24px;line-height:1;cursor:pointer}
.mdrawer .bd{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 10px 16px}
.mdrawer .lk{display:block;padding:14px 12px;font:600 17px/1.2 var(--f-sans);color:var(--ink);text-decoration:none;border-radius:10px}
.mdrawer .lk:hover,.mdrawer .lk:active{background:var(--bg-2)}
.mdrawer .lk[aria-current="page"]{color:var(--violet)}
.mdrawer .grp{margin:4px 0 8px;padding:6px;border:1px solid var(--rule);border-radius:14px;background:var(--card)}
.mdrawer .grp>p{margin:6px 8px 4px;font:600 11px/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.mdrawer .grp a{display:flex;gap:12px;align-items:center;padding:9px 8px;border-radius:10px;color:var(--ink);text-decoration:none}
.mdrawer .grp a:active,.mdrawer .grp a:hover{background:var(--bg-2)}
.mdrawer .grp a[aria-current="page"] b{color:var(--violet)}
.mdrawer .grp b{display:block;font-size:15.5px;font-weight:600;line-height:1.2}
.mdrawer .grp small{display:block;font-size:13px;color:var(--muted);line-height:1.3;margin-top:2px}
.mdrawer .ft{padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rule);display:flex;flex-direction:column;gap:10px}
.mdrawer .ft .btn{display:flex!important;justify-content:center;width:100%}
body.mlock{overflow:hidden}
@media (min-width:901px){.nav ul{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:9px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--rule) 70%,transparent)}}
.theme::before{content:"";display:inline-block;width:11px;height:11px;border-radius:50%;border:1.5px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%);margin-right:7px;vertical-align:-1px}