/* Portal Futuro · © 2026 Bruno Henrique Messias de Sousa Layout: cinematográfico. Vídeo em tela cheia na abertura e no topo de cada página (essas faixas ficam sempre escuras); o conteúdo segue o tema claro ou escuro do aparelho. */ :root{ --bg:hsl(201 100% 13%); --bg-deep:hsl(201 100% 9%); --fg:#FFFFFF; --muted-c:hsl(240 5% 72%); --text:rgb(255 255 255 / .86); --ov:255 255 255; --panel-rgb:0 34 51; --inv:#FFFFFF; --on-inv:hsl(201 100% 13%); --primary:0 0% 100%; --primary-foreground:0 0% 4%; --input:0 0% 18%; --glass:rgb(255 255 255 / .03); --glass-2:rgb(255 255 255 / .06); --card-shadow:none; --card-solid:hsl(201 100% 11%); --map-bld:hsl(201 100% 15%); --map-bld-h:hsl(201 70% 22%); --ill-p1:hsl(201 100% 15%); --ill-p2:hsl(201 80% 18%); --ill-s1:hsl(201 60% 20%); --ill-s2:hsl(201 40% 26%); --ill-b7:hsl(201 30% 40%); --terra:#E7A989; --sage:#A9CCA6; --mustard:#E9C985; --blue:#9DC6EA; --plum:#DDAABB; --petrol:#8ED1D6; --brown:#D6BFA8; --ok:#9FD3A8; --warn:#EFC27A; --bad:#F1A092; --on-accent:hsl(201 100% 10%); color-scheme:dark; --line:rgb(var(--ov) / .1); --line-2:rgb(var(--ov) / .18); --ink:var(--fg); --muted:var(--muted-c); --surface:var(--glass); --surface-2:var(--glass-2); --tone:var(--fg); --font-display:'Instrument Serif', Georgia, 'Times New Roman', serif; --font-body:'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif; --f-display:var(--font-display); --f-body:var(--font-body); --r:22px; --r-sm:14px; --r-xs:10px; --nav-h:76px; --ease:cubic-bezier(.22,1,.36,1); --gutter:max(16px, env(safe-area-inset-left, 0px)); --gutter-r:max(16px, env(safe-area-inset-right, 0px)); } @media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){ --bg:#F6F3EC; --bg-deep:#ECE7DC; --fg:hsl(201 70% 12%); --muted-c:hsl(205 12% 38%); --text:hsl(201 40% 18%); --ov:0 40 66; --panel-rgb:248 245 238; --inv:hsl(201 100% 13%); --on-inv:#FFFFFF; --primary:201 100% 13%; --primary-foreground:0 0% 100%; --input:35 18% 80%; --glass:#FFFFFF; --glass-2:#FFFFFF; --card-shadow:0 1px 2px rgb(0 40 66 / .05), 0 10px 30px rgb(0 40 66 / .06); --card-solid:#FFFFFF; --map-bld:#FFFFFF; --map-bld-h:#E5EDF3; --ill-p1:#FFFFFF; --ill-p2:#F3EFE6; --ill-s1:#E7E0D1; --ill-s2:#D6CBB6; --ill-b7:#C3CCD4; --terra:#A1502E; --sage:#426F48; --mustard:#83600F; --blue:#275E86; --plum:#85445E; --petrol:#1E666B; --brown:#6E503C; --ok:#336B3D; --warn:#7E570C; --bad:#9C3A2C; --on-accent:#FFFFFF; color-scheme:light; } } :root[data-theme="light"]{ --bg:#F6F3EC; --bg-deep:#ECE7DC; --fg:hsl(201 70% 12%); --muted-c:hsl(205 12% 38%); --text:hsl(201 40% 18%); --ov:0 40 66; --panel-rgb:248 245 238; --inv:hsl(201 100% 13%); --on-inv:#FFFFFF; --primary:201 100% 13%; --primary-foreground:0 0% 100%; --input:35 18% 80%; --glass:#FFFFFF; --glass-2:#FFFFFF; --card-shadow:0 1px 2px rgb(0 40 66 / .05), 0 10px 30px rgb(0 40 66 / .06); --card-solid:#FFFFFF; --map-bld:#FFFFFF; --map-bld-h:#E5EDF3; --ill-p1:#FFFFFF; --ill-p2:#F3EFE6; --ill-s1:#E7E0D1; --ill-s2:#D6CBB6; --ill-b7:#C3CCD4; --terra:#A1502E; --sage:#426F48; --mustard:#83600F; --blue:#275E86; --plum:#85445E; --petrol:#1E666B; --brown:#6E503C; --ok:#336B3D; --warn:#7E570C; --bad:#9C3A2C; --on-accent:#FFFFFF; color-scheme:light; } /* Faixas sobre o vídeo continuam escuras em qualquer tema */ .scope-dark,.topbar:not(.solid){ --tone:var(--fg); --bg:hsl(201 100% 13%); --bg-deep:hsl(201 100% 9%); --fg:#FFFFFF; --muted-c:hsl(240 5% 72%); --text:rgb(255 255 255 / .86); --ov:255 255 255; --panel-rgb:0 34 51; --inv:#FFFFFF; --on-inv:hsl(201 100% 13%); --primary:0 0% 100%; --primary-foreground:0 0% 4%; --input:0 0% 18%; --glass:rgb(255 255 255 / .03); --glass-2:rgb(255 255 255 / .06); --card-shadow:none; --card-solid:hsl(201 100% 11%); --map-bld:hsl(201 100% 15%); --map-bld-h:hsl(201 70% 22%); --ill-p1:hsl(201 100% 15%); --ill-p2:hsl(201 80% 18%); --ill-s1:hsl(201 60% 20%); --ill-s2:hsl(201 40% 26%); --ill-b7:hsl(201 30% 40%); --terra:#E7A989; --sage:#A9CCA6; --mustard:#E9C985; --blue:#9DC6EA; --plum:#DDAABB; --petrol:#8ED1D6; --brown:#D6BFA8; --ok:#9FD3A8; --warn:#EFC27A; --bad:#F1A092; --on-accent:hsl(201 100% 10%); color-scheme:dark; color:var(--text); } body[data-page="carreira"]{--tone:var(--terra)} body[data-page="ingresso"]{--tone:var(--sage)} body[data-page="cursos"]{--tone:var(--mustard)} body[data-page="instituicoes"]{--tone:var(--blue)} body[data-page="vida-adulta"]{--tone:var(--plum)} body[data-page="planejamento"]{--tone:var(--petrol)} body[data-page="calendario"]{--tone:var(--blue)} body[data-page="financas"]{--tone:var(--sage)} body[data-page="provas"]{--tone:var(--terra)} body[data-page="agenda"]{--tone:var(--mustard)} body[data-page="campus"]{--tone:var(--petrol)} body[data-page="carreira"] :is(.scope-dark,.topbar){--tone:var(--terra)} body[data-page="ingresso"] :is(.scope-dark,.topbar){--tone:var(--sage)} body[data-page="cursos"] :is(.scope-dark,.topbar){--tone:var(--mustard)} body[data-page="instituicoes"] :is(.scope-dark,.topbar){--tone:var(--blue)} body[data-page="vida-adulta"] :is(.scope-dark,.topbar){--tone:var(--plum)} body[data-page="planejamento"] :is(.scope-dark,.topbar){--tone:var(--petrol)} body[data-page="calendario"] :is(.scope-dark,.topbar){--tone:var(--blue)} body[data-page="financas"] :is(.scope-dark,.topbar){--tone:var(--sage)} body[data-page="provas"] :is(.scope-dark,.topbar){--tone:var(--terra)} body[data-page="agenda"] :is(.scope-dark,.topbar){--tone:var(--mustard)} body[data-page="campus"] :is(.scope-dark,.topbar){--tone:var(--petrol)} [data-c="carreira"]{--c:var(--terra)} [data-c="ingresso"]{--c:var(--sage)} [data-c="cursos"]{--c:var(--mustard)} [data-c="instituicoes"]{--c:var(--blue)} [data-c="vida"]{--c:var(--plum)} [data-c="plano"]{--c:var(--petrol)} [data-c="financas"]{--c:var(--sage)} [data-c="provas"]{--c:var(--terra)} [data-c="agenda"]{--c:var(--mustard)} [data-c="campus"]{--c:var(--petrol)} [data-c="calendario"]{--c:var(--blue)} [data-c="inicio"]{--c:var(--brown)} [data-c="salario"]{--c:var(--terra)} *{box-sizing:border-box} html{-webkit-text-size-adjust:100%;background:var(--bg)} body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16.5px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased} body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--bg)} h1,h2,h3,h4{color:var(--fg);margin:0;text-wrap:balance} h1,h2{font-family:var(--font-display);font-weight:400} h1{font-size:clamp(2.8rem,1.6rem + 4.4vw,5.6rem);line-height:.98;letter-spacing:-.02em} h2{font-size:clamp(1.9rem,1.4rem + 1.6vw,2.7rem);line-height:1.05;letter-spacing:-.01em} h3{font-family:var(--font-body);font-weight:500;font-size:1.06rem;line-height:1.4} em.soft{font-style:normal;color:var(--muted-c)} p{margin:0} a{color:var(--fg);text-decoration-color:rgb(var(--ov) / .35);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .25s,text-decoration-color .25s} a:hover{color:var(--fg);text-decoration-color:var(--fg)} :focus-visible{outline:2px solid rgb(var(--ov) / .8);outline-offset:3px;border-radius:8px} ::selection{background:rgb(var(--ov) / .2);color:var(--fg)} img,svg{max-width:100%} [hidden]{display:none!important} .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .label{font-size:.74rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-c)} .muted{color:var(--muted-c)} .small{font-size:.9rem} .num{font-variant-numeric:tabular-nums} .lead{font-size:1.1rem;line-height:1.75;color:var(--muted-c);max-width:62ch} .prose{display:flex;flex-direction:column;gap:14px;max-width:68ch} .prose ul,.prose ol{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px} .prose li::marker{color:var(--tone)} .prose strong{color:var(--fg);font-weight:500} .ext::after{content:" ↗";font-size:.85em} .ico{width:22px;height:22px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} /* ---------- Vidro líquido ---------- */ .liquid-glass{background:rgb(var(--ov) / .01);background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:none;box-shadow:inset 0 1px 1px rgb(var(--ov) / .1);position:relative;overflow:hidden} .liquid-glass::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgb(var(--ov) / .45) 0%,rgb(var(--ov) / .15) 20%,rgb(var(--ov) / 0) 40%,rgb(var(--ov) / 0) 60%,rgb(var(--ov) / .15) 80%,rgb(var(--ov) / .45) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} .glass-card{background:var(--glass);border-radius:var(--r);box-shadow:inset 0 1px 1px rgb(var(--ov) / .08);position:relative} .glass-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgb(var(--ov) / .22),rgb(var(--ov) / .04) 35%,rgb(var(--ov) / 0) 60%,rgb(var(--ov) / .08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} /* ---------- Animações base ---------- */ @keyframes fade-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} .animate-fade-rise{animation:fade-rise .8s ease-out both} .animate-fade-rise-delay{animation:fade-rise .8s ease-out .2s both} .animate-fade-rise-delay-2{animation:fade-rise .8s ease-out .4s both} .animate-fade-rise-delay-3{animation:fade-rise .8s ease-out .6s both} /* Palavra por palavra (70 ms entre palavras) */ .words .w{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(6px);transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s var(--ease);transition-delay:calc(var(--i) * 70ms)} .words.in .w{opacity:1;transform:none;filter:none} /* Revelar ao rolar */ .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s ease-out} .reveal.in{opacity:1;transform:none} .js-off .reveal,.js-off .words .w{opacity:1;transform:none;filter:none} /* ---------- Cursor personalizado ---------- */ .cursor-dot,.cursor-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:300;border-radius:50%;opacity:0;transition:opacity .3s,width .3s var(--ease),height .3s var(--ease),background-color .3s,border-color .3s} .cursor-dot{width:6px;height:6px;background:#fff;mix-blend-mode:difference;margin:-3px 0 0 -3px} .cursor-ring{width:36px;height:36px;border:1px solid rgb(255 255 255 / .9);mix-blend-mode:difference;margin:-18px 0 0 -18px} .has-cursor .cursor-dot,.has-cursor .cursor-ring{opacity:1} .cursor-ring.hover{width:58px;height:58px;margin:-29px 0 0 -29px;background:rgb(var(--ov) / .06);border-color:rgb(var(--ov) / .9)} @media (pointer:fine){ .has-cursor, .has-cursor a, .has-cursor button, .has-cursor label, .has-cursor summary{cursor:none} .has-cursor input,.has-cursor select,.has-cursor textarea{cursor:text} .has-cursor select{cursor:pointer} } /* Luz que segue o cursor */ .spot{--mx:50%;--my:50%} .spot::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;background:radial-gradient(260px circle at var(--mx) var(--my),rgb(var(--ov) / .1),transparent 60%)} .spot:hover::after{opacity:1} /* ---------- Navegação ---------- */ .topbar{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;transition:background-color .4s,backdrop-filter .4s,box-shadow .4s} .topbar.solid{background:rgb(var(--panel-rgb) / .62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgb(var(--ov) / .08)} .topbar-in{max-width:80rem;margin:0 auto;height:var(--nav-h);padding-left:max(2rem,env(safe-area-inset-left,0px));padding-right:max(2rem,env(safe-area-inset-right,0px));display:flex;align-items:center;justify-content:space-between;gap:24px} .brand{font-family:var(--font-display);font-size:1.875rem;letter-spacing:-.025em;color:var(--fg);text-decoration:none;white-space:nowrap;line-height:1} .brand:hover{color:var(--fg)} .mainnav{display:flex;align-items:center;gap:26px} .mainnav > a,.dropdown > button{font:inherit;font-size:.875rem;color:var(--muted-c);text-decoration:none;background:none;border:0;padding:6px 0;display:flex;align-items:center;gap:6px;cursor:pointer;transition:color .25s;white-space:nowrap} .mainnav > a:hover,.dropdown > button:hover,.mainnav > a[aria-current="page"],.dropdown > button.has-current,.dropdown > button[aria-expanded="true"]{color:var(--fg)} .mainnav .ico{width:16px;height:16px} .mainnav > a .ico{display:none} .dropdown{position:relative} .drop-panel{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);z-index:55;width:min(600px,92vw);border-radius:20px;padding:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:rgb(var(--panel-rgb) / .86);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:menu-in .35s var(--ease)} @keyframes menu-in{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}} .drop-panel a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 12px;padding:12px;border-radius:14px;text-decoration:none;color:var(--text);min-width:0;transition:background-color .2s} .drop-panel a:hover,.drop-panel a[aria-current="page"]{background:rgb(var(--ov) / .06)} .drop-panel .ib{grid-row:span 2} .drop-panel b{font-weight:500;color:var(--fg);font-size:.95rem;line-height:1.3} .drop-panel span.d{font-size:.82rem;color:var(--muted-c);line-height:1.35;overflow-wrap:anywhere} .top-actions{display:flex;align-items:center;gap:14px} .clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15} .clock b{font-weight:500;font-size:.92rem;color:var(--fg);font-variant-numeric:tabular-nums} .clock span{font-size:.72rem;color:var(--muted-c);white-space:nowrap} @media (max-width: 1480px){ .top-actions .cta-nav{display:none} } .glass-btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:.625rem 1.5rem;font:inherit;font-size:.875rem;color:var(--fg);text-decoration:none;cursor:pointer;border:0;transition:transform .3s var(--ease),background-color .3s;will-change:transform} .glass-btn:hover{transform:scale(1.03);color:var(--fg);background-color:rgb(var(--ov) / .04)} .glass-btn.lg{padding:1.25rem 3.5rem;font-size:1rem} .glass-btn .ico{width:18px;height:18px} .round-btn{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--fg);cursor:pointer;border:0;padding:0;transition:transform .3s var(--ease)} .round-btn:hover{transform:scale(1.06)} .round-btn.sm{width:36px;height:36px} .round-btn.sm .ico{width:17px;height:17px} .menu-btn{display:none} .mobile-nav{display:none} /* Ícone em botão */ .ib{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:var(--c,var(--tone));background:rgb(var(--ov) / .05);box-shadow:inset 0 1px 1px rgb(var(--ov) / .08);flex:none;transition:transform .45s var(--ease),background-color .3s,color .3s} .ib .ico{width:20px;height:20px} /* ---------- Mídia (vídeo) ---------- */ .media{position:absolute;inset:0;overflow:hidden;z-index:0;background:var(--bg-deep)} .media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .media .fallback{position:absolute;inset:0;display:none;place-items:center;opacity:.22} .media .fallback svg{width:min(720px,90%);height:auto} .media.no-video .fallback{display:grid} .media.no-video video{display:none} /* ---------- Página ---------- */ main{min-width:0} .view{min-width:0} .view-inner{max-width:80rem;margin:0 auto;padding-block:56px 96px;padding-left:max(1.5rem,var(--gutter));padding-right:max(1.5rem,var(--gutter-r))} .view.entering .page-head-in > *{animation:fade-rise .8s ease-out both} .view.entering .page-head-in > *:nth-child(2){animation-delay:.12s} .view.entering .page-head-in > *:nth-child(3){animation-delay:.24s} .view.entering .page-head-in > *:nth-child(4){animation-delay:.36s} /* Hero da página inicial */ .hero{position:relative;min-height:100svh;display:flex;flex-direction:column;overflow:hidden} .hero-content{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 90px) 1.5rem 90px} .hero-ticker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .4em;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-c);margin-bottom:28px} .ticker{display:inline-block;height:1.5em;overflow:hidden;vertical-align:bottom;color:var(--fg);text-align:left;transition:width .6s var(--ease)} .ticker-track{display:flex;flex-direction:column;transition:transform .7s var(--ease)} .ticker-track span{height:1.5em;line-height:1.5em;display:block} .hero h1{font-size:clamp(3rem,1.6rem + 6.4vw,6rem);line-height:.95;letter-spacing:-2.46px;max-width:80rem;font-weight:400} .hero h1 em{font-style:normal;color:var(--muted-c)} .hero .sub{color:var(--muted-c);font-size:1.125rem;max-width:42rem;margin-top:2rem;line-height:1.625} .hero .glass-btn.lg{margin-top:3rem} .hero-secondary{margin-top:1.25rem;font-size:.9rem;color:var(--muted-c);text-decoration:none;display:inline-flex;align-items:center;gap:8px} .hero-secondary:hover{color:var(--fg)} .hero-secondary .ico{width:16px;height:16px} .scroll-cue{position:absolute;left:50%;bottom:28px;z-index:10;transform:translateX(-50%);width:22px;height:36px;border-radius:12px;border:1px solid rgb(var(--ov) / .4)} .scroll-cue::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:7px;border-radius:2px;background:var(--fg);transform:translateX(-50%);animation:cue 1.8s ease-in-out infinite} @keyframes cue{0%{opacity:0;transform:translate(-50%,0)}40%{opacity:1}100%{opacity:0;transform:translate(-50%,12px)}} /* Cabeçalho das páginas internas (vídeo) */ .page-head{position:relative;min-height:min(70svh,640px);display:flex;align-items:flex-end;overflow:hidden} .page-head .media::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,transparent,var(--bg));z-index:1} .page-head-in{position:relative;z-index:10;width:100%;max-width:80rem;margin:0 auto;padding:calc(var(--nav-h) + 72px) max(1.5rem,var(--gutter-r)) 56px max(1.5rem,var(--gutter));display:flex;flex-direction:column;align-items:flex-start;gap:18px} .page-head .ib{width:52px;height:52px;border-radius:16px;color:var(--tone)} .page-head .ib .ico{width:26px;height:26px} .page-head h1{max-width:18ch} .page-head .lead{color:rgb(var(--ov) / .78)} .page{display:grid;grid-template-columns:260px minmax(0,1fr) minmax(240px,320px);grid-template-areas:"toc body fig";column-gap:40px;align-items:start} .page.tool{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"toc body"} .page-fig{grid-area:fig;position:sticky;top:calc(var(--nav-h) + 24px);margin:0;display:flex;flex-direction:column;gap:12px;padding:16px} .page-fig svg{display:block;width:100%;height:auto;border-radius:14px} .page-fig figcaption{font-size:.84rem;color:var(--muted-c);line-height:1.5} /* Índice lateral */ .toc{grid-area:toc;position:sticky;top:calc(var(--nav-h) + 24px);max-height:calc(100vh - var(--nav-h) - 48px);overflow:auto;scrollbar-width:none;padding:8px} .toc summary{display:none} .toc-title{display:block;padding:10px 12px 8px} .toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;position:relative} .toc a{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:10px 12px;border-radius:14px;text-decoration:none;color:var(--text);transition:background-color .25s} .toc a:hover{background:rgb(var(--ov) / .05)} .toc .n{grid-row:span 2;font-family:var(--font-display);font-size:1.15rem;color:var(--muted-c);line-height:1.2;transition:color .3s} .toc .t{font-weight:500;color:var(--fg);font-size:.93rem;line-height:1.35} .toc .d{font-size:.8rem;color:var(--muted-c);line-height:1.35} .toc a[aria-current="true"]{background:rgb(var(--ov) / .07)} .toc a[aria-current="true"] .n{color:var(--tone)} /* Corpo e seções */ .page-body{grid-area:body;min-width:0;display:flex;flex-direction:column;gap:20px} .sec{padding:32px 34px;scroll-margin-top:calc(var(--nav-h) + 20px);display:flex;flex-direction:column;gap:20px;min-width:0} .sec-head{display:flex;align-items:baseline;gap:16px} .sec-head .n{font-family:var(--font-display);font-size:1.4rem;color:var(--tone);line-height:1;min-width:28px} .defs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0} .defs.one{grid-template-columns:minmax(0,1fr)} .defs > div{position:relative;padding:18px 20px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035);display:flex;flex-direction:column;gap:4px;transition:background-color .3s,transform .4s var(--ease)} .defs > div:hover{background:rgb(var(--ov) / .06)} .defs dt{font-weight:500;color:var(--fg)} .defs dd{margin:0;font-size:.95rem;color:var(--text)} .defs dd .ex{display:block;margin-top:6px;color:var(--muted-c);font-size:.88rem} /* Linha do tempo desenhada na rolagem */ .steps{list-style:none;margin:0;padding:0 0 0 46px;counter-reset:s;display:flex;flex-direction:column;gap:22px;position:relative} .steps::before{content:"";position:absolute;left:15px;top:6px;bottom:6px;width:1px;background:rgb(var(--ov) / .12)} .steps::after{content:"";position:absolute;left:15px;top:6px;width:1px;height:calc((100% - 12px) * var(--p,0));background:var(--tone);transition:height .15s linear} .steps li{counter-increment:s;position:relative;display:flex;flex-direction:column;gap:4px} .steps li::before{content:counter(s);position:absolute;left:-46px;top:0;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:1.05rem;color:var(--muted-c);background:var(--bg);box-shadow:inset 0 0 0 1px rgb(var(--ov) / .2);transition:color .4s,box-shadow .4s,background-color .4s} .steps li.lit::before{color:var(--on-accent);background:var(--tone);box-shadow:0 0 0 6px color-mix(in srgb,var(--tone) 18%,transparent)} .steps h3{color:var(--fg)} .steps p{font-size:.95rem;color:var(--muted-c);max-width:62ch} .steps li.lit p{color:var(--text)} .note{display:flex;gap:14px;align-items:flex-start;border-radius:var(--r-sm);padding:16px 18px;background:hsl(38 80% 70% / .07);box-shadow:inset 0 0 0 1px hsl(38 80% 70% / .18)} .note .ib{--c:var(--warn)} .route-list{display:grid;gap:12px} .route{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:10px 26px;padding:22px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035)} .route-name{display:flex;flex-direction:column;gap:10px;align-items:flex-start} .route-name h3{font-family:var(--font-display);font-weight:400;font-size:2rem;line-height:1} .table-wrap{position:relative;overflow-x:auto;max-width:100%;border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line)} table{width:100%;border-collapse:collapse;font-size:.94rem} caption{text-align:left;padding:14px 16px 4px;color:var(--muted-c);font-size:.85rem;caption-side:top} th{text-align:left;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-c);font-weight:500;padding:12px 16px;white-space:nowrap} td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top} tbody th{text-transform:none;letter-spacing:0;font-size:.94rem;color:var(--fg);border-top:1px solid var(--line);white-space:normal} td.money,th.money{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap} td.desc{overflow-wrap:anywhere;min-width:150px} .inst-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px} .inst{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035);transition:background-color .3s,transform .45s var(--ease)} .inst:hover{background:rgb(var(--ov) / .06);transform:translateY(-3px)} .inst h3{font-family:var(--font-display);font-weight:400;font-size:1.6rem;line-height:1.05} .inst .meta{font-size:.84rem;color:var(--muted-c)} .inst p{font-size:.94rem} .inst a{margin-top:auto;font-size:.92rem} /* Documentos da matrícula: anel de progresso */ .doc-progress{display:flex;align-items:center;gap:18px} .ring{width:84px;height:84px;flex:none;transform:rotate(-90deg)} .ring circle{fill:none;stroke-width:6} .ring .bg{stroke:rgb(var(--ov) / .1)} .ring .fg{stroke:var(--tone);stroke-linecap:round;transition:stroke-dashoffset .8s var(--ease)} .ring-wrap{position:relative;display:grid;place-items:center} .ring-wrap b{position:absolute;font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--fg)} .meter-line{display:none} .checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .checks label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035);cursor:pointer;transition:background-color .25s} .checks label:hover{background:rgb(var(--ov) / .06)} .checks input{width:18px;height:18px;accent-color:var(--tone);margin-top:4px;flex:none} .checks input:checked + span{color:var(--muted-c);text-decoration:line-through} .tag{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:500;padding:4px 11px;border-radius:999px;white-space:nowrap;color:var(--muted-c);background:rgb(var(--ov) / .05);box-shadow:inset 0 0 0 1px rgb(var(--ov) / .08)} .tag.tone{color:var(--tone)} .tag.ok{color:var(--ok)} .tag.warn{color:var(--warn)} .tag.bad{color:var(--bad)} .tag.ex{background:transparent;box-shadow:inset 0 0 0 1px rgb(var(--ov) / .2)} /* ---------- Início ---------- */ .home-body{display:flex;flex-direction:column;gap:120px} .block{display:flex;flex-direction:column;gap:28px} .block-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px 24px} .block-head p{color:var(--muted-c);max-width:52ch} .block-head .label{display:block;margin-bottom:10px} /* Manifesto: texto que preenche com a rolagem */ .manifesto{font-family:var(--font-display);font-size:clamp(1.9rem,1.2rem + 2.6vw,3.4rem);line-height:1.15;letter-spacing:-.01em;max-width:24ch;margin:0 auto;text-align:center;color:rgb(var(--ov) / .14)} .manifesto .w{transition:color .25s linear} .manifesto .w.on{color:var(--fg)} .manifesto .w.near{color:var(--muted-c)} .tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px} .tile{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:20px;border-radius:var(--r);background:var(--glass);box-shadow:inset 0 1px 1px rgb(var(--ov) / .08),inset 0 0 0 1px rgb(var(--ov) / .06);text-decoration:none;color:var(--text);transition:transform .5s var(--ease),background-color .3s} .tile b{font-weight:500;color:var(--fg);font-size:1rem;line-height:1.3} .tile span.d{font-size:.84rem;color:var(--muted-c);line-height:1.4} .tile:hover{transform:translateY(-4px);background:var(--glass-2);color:var(--text)} .tile:hover .ib{transform:scale(1.1) rotate(-8deg);color:var(--c)} /* Capítulos empilhados */ .stack{display:flex;flex-direction:column;gap:0} .stack-card{position:sticky;top:calc(var(--nav-h) + 24px + var(--k) * 14px);height:min(68vh,480px);margin-bottom:40px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);background:var(--card-solid);box-shadow:0 -10px 40px rgba(0,0,0,.25),inset 0 0 0 1px rgb(var(--ov) / .08);text-decoration:none;color:var(--text);transform-origin:center top;transform:scale(var(--s,1));transition:filter .2s linear} .stack-card:last-child{margin-bottom:0} .stack-card .sc-text{display:flex;flex-direction:column;gap:16px;padding:44px;justify-content:space-between} .stack-card .code{font-family:var(--font-display);font-size:5rem;line-height:.9;color:var(--c)} .stack-card h3{font-family:var(--font-display);font-weight:400;font-size:clamp(2rem,1.4rem + 2vw,3.2rem);line-height:1;letter-spacing:-.015em} .stack-card p{color:var(--muted-c);max-width:40ch} .stack-card .more{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-size:.92rem} .stack-card .more .ico{width:18px;height:18px;transition:transform .4s var(--ease)} .stack-card:hover .more .ico{transform:translateX(6px)} .stack-card .sc-art{background:rgb(var(--ov) / .03);display:grid;place-items:center;padding:24px;border-left:1px solid var(--line)} .stack-card .sc-art svg{width:100%;max-width:300px;height:auto} .stack-card .shade{position:absolute;inset:0;background:#000;opacity:var(--d,0);pointer-events:none} .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .card{padding:26px;display:flex;flex-direction:column;gap:16px;min-width:0} .row-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px} .row-head h2,.row-head h3{display:flex;align-items:center;gap:12px} .card h3{font-family:var(--font-display);font-weight:400;font-size:1.65rem;line-height:1.1} .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .stat{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:22px;border-radius:var(--r);background:var(--glass);box-shadow:inset 0 1px 1px rgb(var(--ov) / .08),inset 0 0 0 1px rgb(var(--ov) / .06);text-decoration:none;color:var(--text);transition:transform .5s var(--ease),background-color .3s} .stat:hover{transform:translateY(-3px);background:var(--glass-2);color:var(--text)} .stat .top{display:flex;align-items:center;gap:10px} .stat .v{font-family:var(--font-display);font-size:2.3rem;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .stat .s{font-size:.84rem;color:var(--muted-c)} .pos{color:var(--ok)!important} .neg{color:var(--bad)!important} /* Odômetro */ .odo{display:inline-flex;overflow:hidden;height:1em;line-height:1;vertical-align:baseline} .odo .reel{display:inline-flex;flex-direction:column;transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 60ms)} .odo .reel span{height:1em;line-height:1;display:block;text-align:center} .odo .fixed{display:inline-block} .cal,.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cal li,.timeline li{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:12px 4px;border-top:1px solid var(--line)} .cal li:first-child,.timeline li:first-child{border-top:0} .cal .when,.timeline .when{font-size:.85rem;color:var(--muted-c);font-variant-numeric:tabular-nums} .cal li.past{opacity:.5} .cal li.next .what{color:var(--fg);font-weight:500} .timeline .what{color:var(--fg);overflow-wrap:anywhere} li.empty,.empty{display:block!important;color:var(--muted-c);font-size:.94rem;padding:14px 4px} /* ---------- Formulários ---------- */ .form{display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end} .form .wide{grid-column:span 2} .field{display:flex;flex-direction:column;gap:8px;min-width:0} .field label{font-size:.85rem;font-weight:500;color:var(--fg)} input[type=text],input[type=number],input[type=date],input[type=email],select{font:inherit;font-size:.95rem;color:var(--fg);background:rgb(var(--ov) / .04);border:1px solid hsl(var(--input));border-radius:12px;padding:0 14px;height:48px;width:100%;min-width:0;transition:border-color .25s,background-color .25s,box-shadow .25s} select option{background:var(--card-solid);color:var(--fg)} textarea{font:inherit;color:var(--fg);background:rgb(var(--ov) / .04);border:1px solid hsl(var(--input));border-radius:12px;padding:12px 14px;width:100%} input::placeholder{color:hsl(240 4% 66% / .7)} input:hover,select:hover{border-color:hsl(0 0% 30%)} input:focus,select:focus,textarea:focus{outline:none;border-color:rgb(var(--ov) / .55);background:rgb(var(--ov) / .06);box-shadow:0 0 0 4px rgb(var(--ov) / .06)} input[aria-invalid="true"]{border-color:var(--bad);box-shadow:0 0 0 4px hsl(8 80% 70% / .12)} input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7} .btn{font:inherit;font-size:.92rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;border:0;background:hsl(var(--primary));color:hsl(var(--primary-foreground));cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .3s var(--ease),background-color .25s,box-shadow .25s} .btn .ico{width:18px;height:18px} .btn:hover{transform:scale(1.03);color:hsl(var(--primary-foreground));box-shadow:0 8px 30px rgb(var(--ov) / .12)} .btn:active{transform:scale(.98)} .btn.secondary{background:rgb(var(--ov) / .04);color:var(--fg);box-shadow:inset 0 0 0 1px rgb(var(--ov) / .2)} .btn.secondary:hover{background:rgb(var(--ov) / .08);color:var(--fg)} .btn.sm{height:36px;padding:0 16px;font-size:.84rem} .btn.del{height:32px;padding:0 10px;background:transparent;color:var(--muted-c);font-size:.84rem;border-radius:8px;box-shadow:none} .btn.del:hover{color:var(--bad);background:hsl(8 80% 70% / .1);transform:none;box-shadow:none} .btn[disabled]{opacity:.5;cursor:not-allowed} .form-error{color:var(--bad);font-size:.9rem;font-weight:500;min-height:1.3em} .seg{display:inline-flex;flex-wrap:wrap;padding:4px;border-radius:999px;background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);gap:2px;max-width:100%} .seg button{font:inherit;font-size:.85rem;border:0;background:transparent;color:var(--muted-c);padding:7px 15px;border-radius:999px;cursor:pointer;transition:background-color .25s,color .25s} .seg button:hover{color:var(--fg)} .seg button[aria-pressed="true"]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))} .field.inline{flex-direction:row;align-items:center;gap:10px} .field.inline select{width:auto} .field.narrow{max-width:220px} /* ---------- Ferramentas ---------- */ .figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .figures > div{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035)} .figures .v{font-family:var(--font-display);font-size:2.1rem;line-height:1.1;color:var(--fg);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .figures .s{font-size:.84rem;color:var(--muted-c)} .bars{display:flex;flex-direction:column;gap:12px} .bar-row{display:grid;grid-template-columns:150px minmax(0,1fr) 104px;gap:14px;align-items:center;font-size:.94rem} .bar-track{height:8px;border-radius:999px;background:rgb(var(--ov) / .07);overflow:hidden} .bar-track i{display:block;height:100%;border-radius:999px;background:var(--tone);transform-origin:left;animation:grow 1s var(--ease) both} @keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}} .bar-row .num{text-align:right} textarea.csv{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;min-height:120px;resize:vertical} .exam-list,.ativ-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .exam-list li{display:grid;grid-template-columns:120px minmax(0,1fr) auto auto;gap:4px 16px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)} .exam-list li:first-child,.ativ-list li:first-child{border-top:0} .exam-list .when{font-size:.85rem;color:var(--muted-c);font-variant-numeric:tabular-nums} .exam-list .t,.ativ-list .t{font-weight:500;color:var(--fg);overflow-wrap:anywhere} .exam-list .m,.ativ-list .d{font-size:.86rem;color:var(--muted-c);overflow-wrap:anywhere} .ativ-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 4px;border-top:1px solid var(--line)} .ativ-list input[type=checkbox]{width:20px;height:20px;accent-color:var(--mustard)} .ativ-list li.done .t{text-decoration:line-through;color:var(--muted-c)} .calc-rows{display:flex;flex-direction:column;gap:8px;max-width:540px} .calc-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center} .calc-row .lbl{font-weight:500;font-size:.92rem;color:var(--fg)} .calc-out{border-radius:var(--r-sm);padding:14px 16px;background:rgb(var(--ov) / .04);max-width:540px;box-shadow:inset 3px 0 0 rgb(var(--ov) / .3)} .calc-out.ok{box-shadow:inset 3px 0 0 var(--ok)} .calc-out.warn{box-shadow:inset 3px 0 0 var(--warn)} .calc-out.bad{box-shadow:inset 3px 0 0 var(--bad)} .campus{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;align-items:start} .map-wrap{overflow-x:auto} .map svg{display:block;width:100%;height:auto;min-width:320px} .map .ground{fill:rgb(var(--ov) / .03);stroke:var(--line)} .map .path{fill:none;stroke:rgb(var(--ov) / .08);stroke-width:12} .map .lawn{fill:hsl(140 30% 60% / .14)} .map .lbl-free{fill:var(--muted-c);font-family:var(--font-body);font-size:11px;letter-spacing:.08em} .map .bld{cursor:pointer} .map .bld rect{fill:var(--map-bld);stroke:rgb(var(--ov) / .2);stroke-width:1;rx:10;transition:fill .25s} .map .bld text{fill:var(--fg);font-family:var(--font-body);font-size:13px;font-weight:500;pointer-events:none} .map .bld .code{fill:var(--muted-c);font-size:11px;font-weight:400} .map .bld:hover rect,.map .bld:focus rect{fill:var(--map-bld-h)} .map .bld[aria-pressed="true"] rect{fill:var(--inv);stroke:var(--inv)} .map .bld[aria-pressed="true"] text{fill:var(--on-inv)} .map .bld:focus{outline:none} .place-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px} .place-list button{font:inherit;font-size:.84rem;border:0;background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);padding:6px 13px;border-radius:999px;cursor:pointer;transition:background-color .25s} .place-list button[aria-pressed="true"]{background:var(--inv);color:var(--on-inv)} .place-info{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:var(--r-sm);background:rgb(var(--ov) / .04)} .place-info h3{font-family:var(--font-display);font-weight:400;font-size:1.9rem;line-height:1.05} .place-info ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:4px} /* Calendário */ .live-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block;animation:ping 1.8s ease-out infinite} @keyframes ping{0%{box-shadow:0 0 0 0 hsl(130 40% 70% / .6)}100%{box-shadow:0 0 0 10px transparent}} .live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:14px} .live-clock{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px;border-radius:var(--r-sm);background:rgb(var(--ov) / .04)} .big{font-family:var(--font-display);font-size:clamp(2.8rem,2rem + 2.6vw,4.4rem);line-height:1;color:var(--fg);font-variant-numeric:tabular-nums;letter-spacing:-.01em} .countdown{display:flex;flex-direction:column;gap:10px;padding:20px 22px;border-radius:var(--r-sm);background:rgb(var(--ov) / .04)} .countdown .what{font-family:var(--font-display);font-size:1.5rem;line-height:1.15;color:var(--fg)} .cd-units{display:flex;gap:8px;flex-wrap:wrap} .cd-units span{display:flex;flex-direction:column;align-items:center;min-width:64px;padding:10px;border-radius:14px;background:rgb(var(--ov) / .05);box-shadow:inset 0 1px 1px rgb(var(--ov) / .08)} .cd-units b{font-family:var(--font-display);font-size:1.9rem;font-weight:400;color:var(--fg);font-variant-numeric:tabular-nums;line-height:1} .cd-units small{font-size:.66rem;color:var(--muted-c);text-transform:uppercase;letter-spacing:.12em} .cal-nav{display:flex;align-items:center;gap:8px} .legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;color:var(--muted-c)} .legend span{display:flex;align-items:center;gap:6px} .legend i{width:8px;height:8px;border-radius:50%} .k-prova{background:var(--terra)} .k-ativ{background:var(--mustard)} .k-oficial{background:var(--blue)} .k-feriado{background:var(--sage)} .month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px} .month .wd{font-size:.7rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-c);text-align:center;padding:4px 0} .day{position:relative;min-height:96px;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:8px;border-radius:12px;background:rgb(var(--ov) / .03);border:0;box-shadow:inset 0 0 0 1px rgb(var(--ov) / .05);cursor:pointer;font:inherit;text-align:left;color:var(--text);transition:background-color .25s,transform .35s var(--ease);min-width:0} .day:hover{background:rgb(var(--ov) / .07);transform:translateY(-2px)} .day.out{opacity:.35} .day .dn{font-family:var(--font-display);font-size:1.15rem;color:var(--fg);line-height:1.1;font-variant-numeric:tabular-nums} .day.today{background:rgb(var(--ov) / .1);box-shadow:inset 0 0 0 1px rgb(var(--ov) / .5)} .day.today .dn{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--inv);color:var(--on-inv)} .day.today::after{content:"hoje";position:absolute;right:8px;top:10px;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)} .day.sel{box-shadow:inset 0 0 0 1.5px var(--blue)} .day.past:not(.today) .dn{color:var(--muted-c)} .ev{display:block;font-size:.7rem;line-height:1.3;padding:2px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg)} .ev.prova{background:hsl(20 70% 70% / .22)} .ev.ativ{background:hsl(40 75% 70% / .22)} .ev.oficial{background:hsl(208 65% 76% / .22)} .ev.feriado{background:hsl(115 25% 73% / .22)} .ev.done{opacity:.55;text-decoration:line-through} .ev.more{background:transparent;color:var(--muted-c);padding-left:2px} .dots{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;min-height:6px} .dots i{width:6px;height:6px;border-radius:50%} .month.mini{gap:4px} .month.mini .day{min-height:46px;padding:5px;align-items:center;gap:4px} .month.mini .day .dn{font-size:1rem} .month.mini .day.today .dn{width:26px;height:26px} .month.mini .day.today::after{display:none} .live-home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px} .day-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .day-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 4px;border-top:1px solid var(--line)} .day-list li:first-child{border-top:0} .day-list .k{width:10px;height:10px;border-radius:50%} .day-list .t{font-weight:500;color:var(--fg);overflow-wrap:anywhere} /* Salários */ .sal-scale{position:relative;height:16px;margin-left:calc(min(220px,34%) + 14px);margin-right:124px;font-size:.72rem;color:var(--muted-c)} .sal-scale span{position:absolute;transform:translateX(-50%);white-space:nowrap} .sal-scale span:nth-child(1){left:0;transform:none} .sal-scale span:nth-child(2){left:25%} .sal-scale span:nth-child(3){left:50%} .sal-scale span:nth-child(4){left:75%} .sal-scale span:nth-child(5){left:100%;transform:translateX(-100%)} .sal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;position:relative} .sal-list li{display:grid;grid-template-columns:minmax(0,min(220px,34%)) minmax(0,1fr) 110px;gap:14px;align-items:center;padding:12px 14px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035)} .sal-name b{display:block;font-weight:500;color:var(--fg);font-size:.95rem;line-height:1.3} .sal-name span{font-size:.78rem;color:var(--muted-c)} .sal-track{position:relative;height:10px;border-radius:999px;background:repeating-linear-gradient(90deg,rgb(var(--ov) / .12) 0 1px,transparent 1px 25%);background-color:rgb(var(--ov) / .04)} .sal-range{position:absolute;top:0;bottom:0;border-radius:999px;background:var(--c);opacity:.85;transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease)} .sal-avg{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--bg);border:2px solid var(--fg);transform:translate(-50%,-50%) scale(0);transition:transform .5s var(--ease) .6s} .sal-list.grown .sal-range{transform:scaleX(1)} .sal-list.grown .sal-avg{transform:translate(-50%,-50%) scale(1)} .sal-val{text-align:right;line-height:1.25} .sal-val b{display:block;font-family:var(--font-display);font-weight:400;font-size:1.3rem;color:var(--fg);font-variant-numeric:tabular-nums} .sal-val span{font-size:.76rem;color:var(--muted-c);white-space:nowrap} /* Onde tirar documentos */ .doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px} .doc-card,.poupa{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035);transition:background-color .3s,transform .45s var(--ease)} .doc-card:hover,.poupa:hover{background:rgb(var(--ov) / .06);transform:translateY(-3px)} .doc-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .doc-top h3{font-size:1rem;font-weight:500;flex:1;min-width:0} .doc-card dl{margin:0;display:flex;flex-direction:column;gap:8px} .doc-card dt{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-c)} .doc-card dd{margin:0;font-size:.92rem;line-height:1.5} .doc-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto} .sub-h{font-family:var(--font-display);font-weight:400;font-size:1.7rem;margin-top:8px} .poupa-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .poupa .doc-top .tag{flex-basis:100%;width:max-content;flex-grow:0;margin-left:52px} .poupa p{font-size:.93rem} /* ---------- Rodapé ---------- */ footer{border-top:1px solid var(--line);background:var(--bg-deep)} .foot-in{max-width:80rem;margin:0 auto;padding-block:48px;padding-left:max(2rem,var(--gutter));padding-right:max(2rem,var(--gutter-r));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:24px 48px;font-size:.88rem;color:var(--muted-c)} .foot-brand{font-family:var(--font-display);font-size:2.2rem;color:var(--fg);line-height:1} .credits{display:flex;flex-direction:column;gap:6px} .credits b{color:var(--fg);font-weight:500} .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--inv);color:var(--on-inv);padding:12px 22px;border-radius:999px;font-size:.92rem;font-weight:500;z-index:80;max-width:calc(100% - 32px);animation:toast-in .4s var(--ease)} @keyframes toast-in{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}} .sample-bar{position:relative;z-index:20;background:hsl(38 80% 70% / .08);border-bottom:1px solid hsl(38 80% 70% / .15)} .sample-in{max-width:80rem;margin:0 auto;padding-block:10px;padding-left:max(1.5rem,var(--gutter));padding-right:max(1.5rem,var(--gutter-r));display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.88rem;color:var(--muted-c)} .sample-in strong{color:var(--fg);font-weight:500} #confetti{position:fixed;inset:0;pointer-events:none;z-index:85} /* ---------- Ilustrações em traço (giz sobre marinho) ---------- */ .ill .ink{stroke:rgb(var(--ov) / .85);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round} .ill .ink-f{fill:rgb(var(--ov) / .85)} .ill .thin{stroke:var(--fg);fill:none;stroke-width:1;opacity:.35} .ill .p1{fill:var(--ill-p1)} .ill .p2{fill:var(--ill-p2)} .ill .s1{fill:var(--ill-s1)} .ill .s2{fill:var(--ill-s2)} .ill .tone{fill:var(--tone)} .ill .tone-l{fill:color-mix(in srgb,var(--tone) 35%,var(--bg))} .ill .wash{fill:transparent} .ill .glow{fill:hsl(40 80% 70% / .18)} .ill .b1{fill:var(--terra)} .ill .b2{fill:var(--sage)} .ill .b3{fill:var(--mustard)} .ill .b4{fill:var(--blue)} .ill .b5{fill:var(--plum)} .ill .b6{fill:var(--petrol)} .ill .b7{fill:var(--ill-b7)} .ill rect[class^="b"]{opacity:.75} .ill text{font-family:var(--font-display);fill:var(--fg)} .ill .tb{font-family:var(--font-body);fill:var(--muted-c)} .ill .lamp-glow{animation:glow 4s ease-in-out infinite} @keyframes glow{0%,100%{opacity:.6}50%{opacity:1}} /* ---------- Transição entre páginas ---------- */ ::view-transition-old(root){animation:vt-out .35s ease both} ::view-transition-new(root){animation:vt-in .5s var(--ease) both} @keyframes vt-out{to{opacity:0;transform:scale(.985)}} @keyframes vt-in{from{opacity:0;transform:translateY(14px)}} /* ---------- Responsivo ---------- */ @media (max-width: 1240px){ .tiles{grid-template-columns:repeat(4,minmax(0,1fr))} .page{grid-template-columns:240px minmax(0,1fr);grid-template-areas:"toc fig" "toc body";row-gap:20px} .page-fig{position:relative;top:auto;max-width:440px} .mainnav{gap:18px} .clock{display:none} } @media (max-width: 1040px){ .mainnav{display:none} .menu-btn{display:grid} .top-actions .cta-nav{display:none} .mobile-nav{display:block;position:fixed;inset:calc(var(--nav-h) + env(safe-area-inset-top,0px)) 0 0 0;z-index:49;background:rgb(var(--panel-rgb) / .94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto;padding:16px var(--gutter-r) 32px var(--gutter);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s,transform .3s,visibility .3s} .mobile-nav.open{opacity:1;visibility:visible;transform:none} .mobile-nav .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .stats{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 900px){ :root{--nav-h:68px} .topbar-in{padding-left:max(1rem,var(--gutter));padding-right:max(1rem,var(--gutter-r))} .view-inner{padding-block:32px 72px} .page,.page.tool{grid-template-columns:minmax(0,1fr);grid-template-areas:"fig" "toc" "body";row-gap:16px} .page-fig{max-width:none} .toc{position:relative;top:auto;max-height:none;overflow:visible} .toc summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;color:var(--fg);font-weight:500;list-style:none} .toc summary::-webkit-details-marker{display:none} .toc summary::after{content:"+";font-family:var(--font-display);font-size:1.6rem;line-height:1} .toc[open] summary::after{content:"–"} .toc .toc-title{display:none} .sec{padding:24px 20px} .defs,.checks,.grid-2,.campus,.live-grid,.live-home{grid-template-columns:minmax(0,1fr)} .route{grid-template-columns:minmax(0,1fr)} .foot-in{grid-template-columns:minmax(0,1fr)} .form .wide{grid-column:auto} .stack-card{grid-template-columns:minmax(0,1fr);height:auto;min-height:340px} .stack-card .sc-art{display:none} .stack-card .sc-text{padding:30px 26px} .stack-card .code{font-size:3.6rem} .home-body{gap:88px} .page-head{min-height:min(62svh,520px)} .page-head-in{padding-top:calc(var(--nav-h) + 48px);padding-bottom:36px} .month:not(.mini) .day{min-height:58px;padding:5px;align-items:center} .month:not(.mini) .day .ev{display:none} .day.today::after{display:none} .poupa-grid{grid-template-columns:minmax(0,1fr)} .sal-scale{display:none} .sal-list li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n v" "t t";row-gap:10px} .sal-name{grid-area:n} .sal-val{grid-area:v} .sal-track{grid-area:t} } @media (min-width: 901px){ .month:not(.mini) .dots{display:none} } @media (max-width: 600px){ .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} .stats,.figures{grid-template-columns:minmax(0,1fr)} .hero h1{letter-spacing:-1.2px} .bar-row{grid-template-columns:100px minmax(0,1fr) 88px} .cal li,.timeline li{grid-template-columns:minmax(0,1fr) auto} .cal .when,.timeline .when{grid-column:1 / -1} .exam-list li{grid-template-columns:minmax(0,1fr) auto} .exam-list .when{grid-column:1 / -1} .calc-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .calc-row .lbl{grid-column:1 / -1} .glass-btn.lg{padding:1.1rem 2.4rem} } @media (prefers-reduced-motion: reduce){ *,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important} .reveal,.words .w{opacity:1!important;transform:none!important;filter:none!important} .sal-range{transform:scaleX(1)!important} .sal-avg{transform:translate(-50%,-50%) scale(1)!important} } .sample-bar{position:fixed;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;max-width:min(560px,calc(100% - 32px));border-radius:18px;background:rgb(var(--panel-rgb) / .86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;box-shadow:inset 0 0 0 1px rgb(var(--ov) / .12)} .sample-in{padding:12px 16px} .stack-card .sc-mid{display:flex;flex-direction:column;gap:12px} .round-btn:not(.liquid-glass){background:rgb(var(--ov) / .06);box-shadow:inset 0 0 0 1px rgb(var(--ov) / .12)} .glass-card,.tile,.stat{box-shadow:inset 0 1px 1px rgb(var(--ov) / .08),inset 0 0 0 1px rgb(var(--ov) / .06),var(--card-shadow)} .stack-card{box-shadow:0 -10px 40px rgb(0 0 0 / .18),inset 0 0 0 1px rgb(var(--ov) / .08),var(--card-shadow)} .round-btn.theme .ico{width:19px;height:19px} /* ---------- Figura temática no topo de cada página ---------- */ :root{--page-bg:hsl(201 100% 13%)} @media (prefers-color-scheme: light){ :root:not([data-theme="dark"]){--page-bg:#F6F3EC} } :root[data-theme="light"]{--page-bg:#F6F3EC} .page-head .media::after{background:linear-gradient(180deg,transparent,var(--page-bg))} .page-head-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:end;gap:28px 48px} .head-text{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0} .head-art{margin:0;display:flex;flex-direction:column;gap:12px;align-self:center} .head-art-fig{border-radius:24px;padding:18px;background:rgb(255 255 255 / .04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 1px rgb(255 255 255 / .12),inset 0 0 0 1px rgb(255 255 255 / .08);animation:float 7s ease-in-out infinite} .head-art-fig svg{display:block;width:100%;height:auto} .head-art figcaption{font-size:.84rem;color:var(--muted-c);line-height:1.5;padding:0 6px} .view.entering .head-art{animation:fade-rise .9s ease-out .3s both} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} .page,.page.tool{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"toc body"} /* Variáveis das figuras animadas (sempre sobre fundo escuro) */ .head-art{--paper:hsl(201 70% 20%);--line:rgb(255 255 255 / .55);--green:var(--sage);--green-soft:color-mix(in srgb,var(--sage) 22%,hsl(201 100% 13%));--ink:#0b1a24;--ink-dk:#0b1a24;--muted:hsl(240 4% 66%);--capy:#C58A5C;--sun:var(--mustard);--blue-soft:color-mix(in srgb,var(--blue) 25%,hsl(201 100% 13%));--surface-2:hsl(201 60% 22%);--hill:color-mix(in srgb,var(--sage) 30%,hsl(201 100% 13%));--on-accent:#0b1a24} .head-art .ill .wash{fill:transparent} .head-art text{font-family:var(--font-display)} .head-art svg .fb{transform-box:fill-box;transform-origin:center} .a-blink{animation:blink 4.5s infinite} .a-conf{animation:fall 3.6s linear infinite} .a-coin{animation:coin 2.4s cubic-bezier(.5,0,.7,.4) infinite} .a-write{stroke-dasharray:240;stroke-dashoffset:240;animation:write 3.2s ease-in-out infinite} .a-pencil{animation:pencil 3.2s ease-in-out infinite} .a-train{animation:train 9s linear infinite} .a-puff{transform-box:fill-box;transform-origin:center;animation:puff 1.8s ease-out infinite} .a-check{stroke-dasharray:40;stroke-dashoffset:40;animation:check 3s ease-in-out infinite} .a-flip{transform-box:fill-box;transform-origin:top center;animation:flip 3s ease-in-out infinite} .a-letter{animation:letter 3.6s cubic-bezier(.22,1,.36,1) infinite} .a-sun{transform-box:fill-box;transform-origin:center;animation:pulse 4s ease-in-out infinite} .a-check2{stroke-dasharray:16;stroke-dashoffset:16;animation:check2 4.5s ease-in-out infinite} .a-check2.c2{animation-delay:.6s} .a-check2.c3{animation-delay:1.2s} .a-pulse2{transform-box:fill-box;transform-origin:center;animation:pulse 2.4s ease-in-out infinite} .dly0{animation-delay:0s} .dly6{animation-delay:-.6s} .dly12{animation-delay:-1.2s} .dly17{animation-delay:-1.7s} .dly21{animation-delay:-2.1s} .dly28{animation-delay:-2.8s} @keyframes blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.1)}} @keyframes fall{from{transform:translateY(-30px) rotate(0)}to{transform:translateY(130px) rotate(360deg)}} @keyframes coin{0%{transform:translateY(-40px);opacity:0}15%{opacity:1}70%{transform:translateY(30px);opacity:1}80%,100%{transform:translateY(34px);opacity:0}} @keyframes write{0%{stroke-dashoffset:240}60%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}} @keyframes pencil{0%{transform:translate(0,0)}60%{transform:translate(70px,24px)}85%{transform:translate(70px,24px)}100%{transform:translate(0,0)}} @keyframes train{from{transform:translateX(-140px)}to{transform:translateX(220px)}} @keyframes puff{0%{transform:translateY(0) scale(.5);opacity:.9}100%{transform:translateY(-26px) scale(1.4);opacity:0}} @keyframes check{0%,30%{stroke-dashoffset:40}60%,100%{stroke-dashoffset:0}} @keyframes check2{0%,15%{stroke-dashoffset:16}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:16}} @keyframes flip{0%,60%{transform:rotateX(0)}80%{transform:rotateX(90deg)}100%{transform:rotateX(0)}} @keyframes letter{0%,15%{transform:translateY(26px)}45%,85%{transform:translateY(0)}100%{transform:translateY(26px)}} @keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}} @media (max-width: 900px){ .page-head-in{grid-template-columns:minmax(0,1fr);gap:22px} .head-art{max-width:300px} .page,.page.tool{grid-template-areas:"toc" "body";grid-template-columns:minmax(0,1fr)} } .page-head .media::after{height:110px} .page-head-in{padding-bottom:110px} @media (max-width: 900px){ .page-head-in{padding-bottom:84px} .page-head .media::after{height:80px} .sample-in > span:first-child{font-size:.82rem} .sample-bar{max-width:calc(100% - 32px)} } /* ---------- Campus interativo ---------- */ .c-estudo{--cc:var(--blue)} .c-servicos{--cc:var(--mustard)} .c-alimentacao{--cc:var(--terra)} .c-saude{--cc:var(--plum)} .c-esporte{--cc:var(--sage)} .c-transporte{--cc:var(--petrol)} .map-search{min-width:min(320px,100%)} .cat-filter .cnt{font-size:.72rem;opacity:.7;margin-left:2px} .map-card{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:0;border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:rgb(var(--ov) / .02);min-height:560px} .map-stage{position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;background:rgb(var(--ov) / .02)} .map-stage.dragging{cursor:grabbing} .map-stage svg{display:block;width:100%;height:100%;min-height:420px;user-select:none;-webkit-user-select:none} #mapVP{transition:transform .45s var(--ease)} .map-stage.dragging #mapVP{transition:none} .map .ground,#campusMap .ground{fill:rgb(var(--ov) / .03)} #campusMap .lawn{fill:color-mix(in srgb,var(--sage) 14%,transparent)} #campusMap .lake{fill:color-mix(in srgb,var(--blue) 26%,transparent)} #campusMap .lake-ring{fill:none;stroke:color-mix(in srgb,var(--sage) 40%,transparent);stroke-width:2;stroke-dasharray:3 7} #campusMap .road{fill:none;stroke:rgb(var(--ov) / .09);stroke-width:16;stroke-linecap:round;stroke-linejoin:round} #campusMap .bike{fill:none;stroke:color-mix(in srgb,var(--sage) 70%,transparent);stroke-width:2;stroke-dasharray:8 6} #campusMap .trees circle{fill:color-mix(in srgb,var(--sage) 40%,transparent)} #campusMap .lbl-free{fill:var(--muted-c);font-family:var(--font-body);font-size:11px;letter-spacing:.12em} #campusMap .small-l{font-size:10px;letter-spacing:.02em;font-style:italic} #campusMap .bld{cursor:pointer;transition:opacity .3s} #campusMap .bld .body{fill:var(--map-bld);stroke:rgb(var(--ov) / .18);stroke-width:1;transition:fill .25s,stroke .25s} #campusMap .bld .stripe{fill:var(--cc)} #campusMap .bld text{fill:var(--fg);font-family:var(--font-body);font-size:14px;font-weight:500;pointer-events:none} #campusMap .bld .code{fill:var(--muted-c);font-size:11px;font-weight:400} #campusMap .bld .star{fill:var(--mustard);opacity:0;transition:opacity .25s} #campusMap .bld.fav .star{opacity:1} #campusMap .bld:hover .body,#campusMap .bld:focus-visible .body{fill:var(--map-bld-h);stroke:var(--cc)} #campusMap .bld[aria-pressed="true"] .body{fill:var(--cc);stroke:var(--cc)} #campusMap .bld[aria-pressed="true"] text{fill:var(--on-accent)} #campusMap .bld[aria-pressed="true"] .code{fill:var(--on-accent);opacity:.75} #campusMap .bld.dim{opacity:.22} #campusMap .bld:focus{outline:none} #campusMap .route-line{fill:none;stroke:var(--fg);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px rgb(var(--ov) / .25))} #campusMap .route-start{fill:var(--bg);stroke:var(--fg);stroke-width:3} #campusMap .route-end{fill:var(--fg);animation:pulse 1.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center} .map-ctrl{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:8px;z-index:3} .map-ctrl .round-btn{background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line-2),var(--card-shadow)} .map-ctrl .round-btn[disabled]{opacity:.4;cursor:not-allowed} .map-ctrl .ico{width:18px;height:18px} .map-tip{position:absolute;left:0;top:0;z-index:4;pointer-events:none;padding:6px 12px;border-radius:999px;background:var(--inv);color:var(--on-inv);font-size:.82rem;font-weight:500;white-space:nowrap} .place-panel{display:flex;flex-direction:column;gap:12px;padding:24px;border-left:1px solid var(--line);background:rgb(var(--ov) / .025);overflow:auto;max-height:640px} .place-panel h3{font-family:var(--font-display);font-weight:400;font-size:2rem;line-height:1.05} .place-panel ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:4px;font-size:.94rem} .place-panel li::marker{color:var(--cc,var(--tone))} .pp-top{display:flex;align-items:center;gap:10px} .pp-top .fav-btn{margin-left:auto} .place-panel .tag[class*="c-"]{color:var(--cc)} .pp-route{font-size:.9rem;color:var(--muted-c);padding:10px 12px;border-radius:12px;background:rgb(var(--ov) / .05)} .pp-route b{color:var(--fg);font-weight:500} .pp-tip{padding-top:10px;border-top:1px solid var(--line)} .pp-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px} .fav-btn .ico{fill:none} .fav-btn.on{color:var(--mustard)} .fav-btn.on .ico{fill:currentColor} .map-legend i{border-radius:3px} .lg-estudo{background:var(--blue)} .lg-servicos{background:var(--mustard)} .lg-alimentacao{background:var(--terra)} .lg-saude{background:var(--plum)} .lg-esporte{background:var(--sage)} .lg-transporte{background:var(--petrol)} .lg-route{background:var(--fg);height:3px!important;width:16px!important} /* Mapa ampliado */ .map-card.expanded{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 12px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(12px,env(safe-area-inset-left,0px));z-index:75;background:var(--bg);box-shadow:0 30px 80px rgb(0 0 0 / .45),inset 0 0 0 1px var(--line-2);animation:pop-in .35s var(--ease)} .map-card.expanded .place-panel{max-height:none} .map-card.expanded .map-stage svg{min-height:0} @keyframes pop-in{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}} body.map-open{overflow:hidden} body.map-open .topbar{z-index:40} .fav-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px} .fav-go{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:center;text-align:left;font:inherit;color:var(--text);padding:12px 14px;border-radius:var(--r-sm);border:0;background:rgb(var(--ov) / .04);cursor:pointer;transition:background-color .25s,transform .35s var(--ease)} .fav-go:hover{background:rgb(var(--ov) / .08);transform:translateY(-2px)} .fav-go .dotc{grid-row:span 2;width:12px;height:12px;border-radius:50%;background:var(--cc)} .fav-go b{font-weight:500;color:var(--fg)} .faq{display:flex;flex-direction:column} .faq details{border-top:1px solid var(--line)} .faq details:first-child{border-top:0} .faq summary{list-style:none;cursor:pointer;padding:16px 4px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--fg);font-weight:500} .faq summary::-webkit-details-marker{display:none} .faq summary::after{content:"+";font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--tone);transition:transform .3s var(--ease)} .faq details[open] summary::after{transform:rotate(45deg)} .faq details p{padding:0 4px 16px;color:var(--text);max-width:68ch} .faq details[open] p{animation:fade-rise .45s ease-out both} @media (max-width: 1100px){ .map-card{grid-template-columns:minmax(0,1fr)} .place-panel{border-left:0;border-top:1px solid var(--line);max-height:none} .map-stage svg{min-height:0;height:auto} .map-card.expanded{grid-template-rows:minmax(0,1fr) auto;overflow:auto} .map-card.expanded .map-stage svg{height:100%} } /* mapa em largura total, painel abaixo */ .map-card{grid-template-columns:minmax(0,1fr);min-height:0} .map-stage svg{height:auto;min-height:0} .place-panel{border-left:0;border-top:1px solid var(--line);max-height:none;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px 32px;align-items:start} .pp-main,.pp-details{display:flex;flex-direction:column;gap:12px;min-width:0} .pp-actions{margin-top:4px} .map-card.expanded{grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:none;overflow:hidden} .map-card.expanded .map-stage{display:grid;place-items:center} .map-card.expanded .map-stage svg{width:100%;height:auto;max-height:100%} .map-card.expanded .place-panel{border-top:0;border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr);overflow:auto} @media (max-width: 1100px){ .map-card.expanded{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;overflow:auto} .map-card.expanded .place-panel{border-left:0;border-top:1px solid var(--line)} } @media (max-width: 760px){ .place-panel{grid-template-columns:minmax(0,1fr)} .map-ctrl{position:static;flex-direction:row;justify-content:flex-end;padding:10px;border-top:1px solid var(--line)} .cat-filter{flex-wrap:nowrap;overflow-x:auto;border-radius:999px;scrollbar-width:none} .cat-filter button{white-space:nowrap} } @media (max-width: 1100px){ .map-card.expanded{display:flex;flex-direction:column;overflow:auto} .map-card.expanded .map-stage{height:62svh;flex:none;display:block} .map-card.expanded .map-stage svg{width:100%;height:100%;max-height:none} } .campus-art .win{fill:var(--mustard);opacity:.25;animation:lights 6s ease-in-out infinite} .campus-art .w2{animation-delay:1.5s} .campus-art .w3{animation-delay:3s} .campus-art .w4{animation-delay:4.5s} .campus-art .flag{transform-box:fill-box;transform-origin:left center;animation:flag 3s ease-in-out infinite} .campus-art .tree{transform-box:fill-box;transform-origin:bottom center;animation:sway2 6s ease-in-out infinite} .campus-art .sunc{fill:var(--mustard);opacity:.7} @keyframes lights{0%,100%{opacity:.2}50%{opacity:.9}} @keyframes flag{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.82)}} @keyframes sway2{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}} /* ---------- Campus em 3D ---------- */ .zc-estudo{--cc:var(--blue)} .zc-servicos{--cc:var(--mustard)} .zc-alimentacao{--cc:var(--terra)} .zc-saude{--cc:var(--plum)} .zc-esporte{--cc:var(--sage)} .zc-moradia{--cc:var(--brown)} .zc-transporte{--cc:var(--petrol)} .zc-convivencia{--cc:var(--sage)} .c3d-card{display:grid;grid-template-columns:minmax(0,1fr);border-radius:var(--r);overflow:hidden;box-shadow:inset 0 0 0 1px var(--line);background:rgb(var(--ov) / .02)} .c3d-stage{position:relative;height:min(68vh,600px);min-height:380px;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,rgb(var(--ov) / .06),transparent 70%);cursor:grab;touch-action:pan-y} .c3d-stage.dragging{cursor:grabbing} .c3d-stage canvas{display:block;width:100%;height:100%} .c3d-pins{position:absolute;inset:0;pointer-events:none;z-index:2} .c3d-pin{position:absolute;left:0;top:0;pointer-events:auto;display:flex;align-items:center;gap:6px;margin:-14px 0 0 -14px;padding:0;border:0;background:none;cursor:pointer;font:inherit;transition:opacity .25s} .c3d-pin .pn{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.75rem;font-weight:500;color:var(--on-accent);background:var(--cc);box-shadow:0 2px 8px rgb(0 0 0 / .25),0 0 0 2px var(--card-solid);transition:transform .3s var(--ease)} .c3d-pin .pl{padding:4px 10px;border-radius:999px;background:var(--card-solid);color:var(--fg);font-size:.78rem;white-space:nowrap;box-shadow:0 2px 10px rgb(0 0 0 / .18);opacity:0;transform:translateX(-4px);transition:opacity .25s,transform .25s var(--ease);pointer-events:none} .c3d-pin:hover .pl,.c3d-pin.hover .pl,.c3d-pin.sel .pl{opacity:1;transform:none} .c3d-pin:hover .pn,.c3d-pin.hover .pn{transform:scale(1.15)} .c3d-pin.sel .pn{transform:scale(1.2);animation:pinpulse 1.8s ease-out infinite} .c3d-pin.sel{z-index:3} .c3d-pin.off{opacity:0;pointer-events:none} .c3d-pin.dim{opacity:.25} @keyframes pinpulse{0%{box-shadow:0 0 0 2px var(--card-solid),0 0 0 2px var(--cc)}100%{box-shadow:0 0 0 2px var(--card-solid),0 0 0 14px transparent}} .c3d-hint{position:absolute;left:14px;bottom:14px;z-index:3;font-size:.78rem;color:var(--muted-c);padding:6px 12px;border-radius:999px;background:rgb(var(--panel-rgb) / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;max-width:calc(100% - 90px)} .c3d-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;color:var(--muted-c)} .c3d-stage .map-ctrl{z-index:4} .c3d-card .place-panel{border-top:1px solid var(--line)} .pp-desc{font-size:1rem;color:var(--text);line-height:1.65} .place-panel .tag[class*="zc-"]{color:var(--cc)} .zone-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px} .zone-btn{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:center;text-align:left;font:inherit;color:var(--text);padding:10px 12px;border-radius:var(--r-sm);border:0;background:rgb(var(--ov) / .04);cursor:pointer;transition:background-color .25s,transform .35s var(--ease),opacity .25s} .zone-btn:hover{background:rgb(var(--ov) / .08);transform:translateY(-2px)} .zone-btn .zn{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:500;background:var(--cc);color:var(--on-accent)} .zone-btn b{font-weight:500;color:var(--fg);font-size:.9rem;line-height:1.3} .zone-btn .zd{font-size:.76rem;color:var(--muted-c)} .zone-btn[aria-pressed="true"]{background:color-mix(in srgb,var(--cc) 18%,transparent);box-shadow:inset 0 0 0 1px var(--cc)} .zone-btn.dim{opacity:.35} .c3d-card.expanded{position:fixed;inset:calc(env(safe-area-inset-top,0px) + 12px) max(12px,env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom,0px) + 12px) max(12px,env(safe-area-inset-left,0px));z-index:75;background:var(--bg);grid-template-columns:minmax(0,1fr) 380px;box-shadow:0 30px 80px rgb(0 0 0 / .45),inset 0 0 0 1px var(--line-2);animation:pop-in .35s var(--ease)} .c3d-card.expanded .c3d-stage{height:auto;min-height:0} .c3d-card.expanded .place-panel{border-top:0;border-left:1px solid var(--line);grid-template-columns:minmax(0,1fr);overflow:auto} @media (max-width: 1100px){ .c3d-card.expanded{grid-template-columns:minmax(0,1fr);grid-template-rows:62svh auto;overflow:auto} .c3d-card.expanded .c3d-stage{height:62svh} .c3d-card.expanded .place-panel{border-left:0;border-top:1px solid var(--line)} } @media (max-width: 760px){ .c3d-stage{height:58svh;min-height:340px} .c3d-stage .map-ctrl{position:absolute;top:auto;bottom:10px;right:10px;flex-direction:row;padding:0;border:0;flex-wrap:wrap;justify-content:flex-end;max-width:180px} .c3d-stage .map-ctrl .round-btn{width:38px;height:38px} .c3d-hint{bottom:auto;top:10px;max-width:calc(100% - 20px)} } .doc-link{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:.88rem;font-weight:500;color:var(--fg);text-decoration:none;padding:7px 14px;border-radius:999px;background:rgb(var(--ov) / .06);box-shadow:inset 0 0 0 1px var(--line-2);transition:background-color .25s,transform .3s var(--ease)} .doc-link:hover{background:rgb(var(--ov) / .12);color:var(--fg);transform:translateX(3px)} .doc-link .ico{width:15px;height:15px} /* ---------- Linhas de ônibus ---------- */ [data-c="onibus"]{--c:var(--blue)} body[data-page="onibus"]{--tone:var(--blue)} body[data-page="onibus"] :is(.scope-dark,.topbar){--tone:var(--blue)} .bus-art .win{fill:color-mix(in srgb,var(--blue) 30%,transparent);animation:lights 5s ease-in-out infinite} .bus-art .sign{fill:#0b1a24;font-weight:600} .bus-art .bus-body-g{animation:idle 1.6s ease-in-out infinite} .bus-art .wheel{transform-box:fill-box;transform-origin:center;animation:spin 3s linear infinite} .bus-art .road-dash{stroke-dasharray:10 10;animation:dash 2s linear infinite} @keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-1px)}} @keyframes spin{to{transform:rotate(360deg)}} @keyframes dash{to{stroke-dashoffset:-20}} .trip-form{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:end} .trip-form .round-btn{margin-bottom:2px;background:rgb(var(--ov) / .06);box-shadow:inset 0 0 0 1px var(--line-2)} .trip-out{display:flex;flex-direction:column;gap:10px;padding:16px 18px;border-radius:var(--r-sm);background:rgb(var(--ov) / .04);min-height:60px} .trip-ok{color:var(--fg);font-weight:500} .plan-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .plan-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .bus-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center} .chips-dest{border-radius:20px} .bus-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px} .bus-card{border-radius:var(--r-sm);background:rgb(var(--ov) / .035);transition:background-color .25s} .bus-card:hover,.bus-card.open{background:rgb(var(--ov) / .06)} .bus-row{display:flex;align-items:center;gap:8px;padding-right:12px} .bus-head{flex:1;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 14px;align-items:center;text-align:left;font:inherit;color:var(--text);background:none;border:0;padding:14px 4px 14px 14px;cursor:pointer} .bus-n{display:inline-grid;place-items:center;min-width:52px;height:34px;padding:0 10px;border-radius:10px;font-weight:500;font-size:.95rem;font-variant-numeric:tabular-nums;color:var(--on-accent);background:var(--blue);white-space:nowrap} .bt-met .bus-n,.bus-n.bt-met{background:var(--sage)} .bus-n.sm{min-width:44px;height:28px;font-size:.84rem;border-radius:8px} .bus-t{display:flex;flex-direction:column;min-width:0} .bus-t b{font-weight:500;color:var(--fg);overflow-wrap:anywhere;line-height:1.35} .bus-chev{font-family:var(--font-display);font-size:1.6rem;line-height:1;color:var(--muted-c);transition:transform .3s var(--ease)} .bus-card.open .bus-chev{transform:rotate(45deg)} .bus-body{padding:4px 18px 18px 18px;display:flex;flex-direction:column;gap:12px} .trip{list-style:none;margin:0;padding:0 0 0 6px;display:flex;flex-direction:column;position:relative} .trip li{position:relative;padding:6px 0 6px 26px;font-size:.94rem} .trip li::before{content:"";position:absolute;left:4px;top:0;bottom:0;width:2px;background:rgb(var(--ov) / .18)} .trip li:first-child::before{top:50%} .trip li:last-child::before{bottom:50%} .trip li::after{content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--muted-c)} .trip li.start::after,.trip li.end::after{width:14px;height:14px;margin-top:-7px;left:-2px;background:var(--blue);box-shadow:none} .bt-met .trip li.start::after,.bt-met .trip li.end::after{background:var(--sage)} .trip li.start span,.trip li.end span{color:var(--fg);font-weight:500} .bus-facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px} .bus-facts > div{padding:10px 12px;border-radius:12px;background:rgb(var(--ov) / .04)} .bus-facts dt{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-c)} .bus-facts dd{margin:2px 0 0;font-size:.92rem} .bus-src a{color:var(--muted-c)} @media (max-width: 760px){ .trip-form{grid-template-columns:minmax(0,1fr)} .trip-form .round-btn{justify-self:center;transform:rotate(90deg)} .bus-tools{grid-template-columns:minmax(0,1fr)} .chips-dest,.bus-tools .seg{flex-wrap:nowrap;overflow-x:auto;border-radius:999px;scrollbar-width:none} .chips-dest button,.bus-tools .seg button{white-space:nowrap} } .tiles{grid-template-columns:repeat(7,minmax(0,1fr))} @media (max-width: 1240px){ .tiles{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width: 1040px){ .mobile-nav .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width: 600px){ .tiles{grid-template-columns:repeat(2,minmax(0,1fr))} } .c3d-hint{transition:opacity .5s} .c3d-hint.gone{opacity:0} /* Meu bairro */ .bairro-form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px} .bairro-form input[type="search"]{font-size:1.05rem} .bairro-sug{display:flex;flex-wrap:wrap;gap:8px;align-items:center} .bairro-sug .label{width:100%} .chip-btn{font:inherit;font-size:.85rem;border:0;cursor:pointer;padding:7px 14px;border-radius:999px;color:var(--fg);background:rgb(var(--ov) / .05);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .25s,transform .25s var(--ease)} .chip-btn:hover{background:rgb(var(--ov) / .1);transform:translateY(-1px)} .bairro-out{display:flex;flex-direction:column;gap:12px} .bairro-res{padding:14px 16px;border-radius:var(--r-sm);background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);animation:fade-rise .5s var(--ease) both} .bairro-name{margin:0 0 4px;font-size:1.05rem} .bairro-name b{font-weight:500;color:var(--fg)} .bairro-res .plan-list{margin-top:8px} .plan-go{font:inherit;color:var(--text);display:flex;align-items:center;gap:10px;background:none;border:0;padding:4px 6px 4px 0;border-radius:10px;cursor:pointer;text-align:left} .plan-go:hover span:last-child{color:var(--fg);text-decoration:underline;text-underline-offset:3px} .bairro-groups{display:flex;flex-direction:column;gap:10px} .bairro-g b{display:block;font-weight:500;color:var(--muted-c);letter-spacing:.06em;margin-bottom:6px} .bairro-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px} .bairro-chips li{font-size:.8rem;padding:4px 10px;border-radius:999px;background:rgb(var(--ov) / .05);color:var(--text)} .bairro-chips li.cond{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mustard) 60%,transparent)} .bairro-chips li.cond::before{content:"◆ ";color:var(--mustard);font-size:.7em} .bairro-chips li.hit{background:var(--blue);color:var(--on-accent)} /* ================= Tela de entrada (pré-login) ================= */ body.locked{overflow:hidden} .gate{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--bg);overflow:auto;overscroll-behavior:contain} .gate[hidden]{display:none} .gate.leaving{animation:gate-out .75s cubic-bezier(.7,0,.2,1) forwards;pointer-events:none} @keyframes gate-out{to{opacity:0;transform:scale(1.04);filter:blur(6px)}} .gate-art{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 10% 0%,#0b4566 0%,#00283f 55%,#001a2a 100%);color:var(--text);min-height:100%} .gate-glow span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:gate-drift 18s ease-in-out infinite alternate} .gate-glow span:nth-child(1){width:46vmax;height:46vmax;left:-12vmax;top:-10vmax;background:#1f6f8b} .gate-glow span:nth-child(2){width:30vmax;height:30vmax;right:-8vmax;top:30%;background:#2f8f5b;opacity:.32;animation-duration:22s} .gate-glow span:nth-child(3){width:26vmax;height:26vmax;left:20%;bottom:-12vmax;background:#c9a43a;opacity:.18;animation-duration:26s} @keyframes gate-drift{to{transform:translate(6vmax,4vmax) scale(1.12)}} .gate-art::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,#000 0%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);pointer-events:none} .gate-art-in{position:relative;z-index:1;display:flex;flex-direction:column;gap:40px;justify-content:space-between;min-height:100%;padding:44px clamp(28px,5vw,72px)} .gate-brand{color:#fff} .gate-copy{max-width:560px;animation:fade-rise .9s var(--ease) both .1s} .gate-kicker{color:hsl(150 30% 75%)} .gate-h{font-size:clamp(2.6rem,5.2vw,4.6rem);line-height:1;letter-spacing:-.03em;margin:.35em 0 .4em;color:#fff} .gate-h em{font-style:italic;color:hsl(45 70% 72%)} .gate-lead{color:hsl(200 20% 82%);font-size:1.05rem;max-width:46ch;margin:0 0 28px} .gate-feats{list-style:none;margin:0;padding:0;display:grid;gap:10px} .gate-feats li{display:flex;align-items:center;gap:14px;color:hsl(200 25% 90%);font-size:.95rem;opacity:0;animation:fade-rise .7s var(--ease) forwards} .gate-feats li:nth-child(1){animation-delay:.35s}.gate-feats li:nth-child(2){animation-delay:.45s}.gate-feats li:nth-child(3){animation-delay:.55s}.gate-feats li:nth-child(4){animation-delay:.65s}.gate-feats li:nth-child(5){animation-delay:.75s} .gate-feats .ib{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .14);flex:none} .gate-feats .ico{width:19px;height:19px} .gate-book{margin:0;width:min(260px,60%);align-self:flex-start} .gate-book .gb-trail{fill:none;stroke:rgb(255 255 255 / .35);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:2 7} .gate-book .gb-glow{fill:hsl(45 70% 72% / .12);stroke:hsl(45 70% 72% / .55);stroke-width:1.2} .gate-book .gb-core{fill:#F6F3EC} .gate-book .gb-star{transform-origin:150px 52px;animation:star-breathe 4.5s ease-in-out infinite} .gate-book .gb-dot{fill:rgb(255 255 255 / .6);animation:star-twinkle 3.2s ease-in-out infinite} .gate-book .gb-dot.d2{animation-delay:1.1s}.gate-book .gb-dot.d3{animation-delay:2.2s} @keyframes star-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}} @keyframes star-twinkle{0%,100%{opacity:.25}50%{opacity:.9}} .gate-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px clamp(18px,4vw,56px)} .gate-card{width:100%;max-width:440px;animation:fade-rise .8s var(--ease) both .2s} .gate-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:999px;background:rgb(var(--ov) / .05);box-shadow:inset 0 0 0 1px var(--line);margin-bottom:28px} .gate-tabs button{position:relative;z-index:1;font:inherit;font-size:.92rem;font-weight:500;border:0;background:none;color:var(--muted-c);height:42px;border-radius:999px;cursor:pointer;transition:color .3s} .gate-tabs button[aria-selected="true"]{color:hsl(var(--primary-foreground))} .gate-tab-ink{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:hsl(var(--primary));transition:transform .45s cubic-bezier(.22,1,.36,1)} .gate-tabs.signup .gate-tab-ink{transform:translateX(100%)} .gate-form{display:flex;flex-direction:column;gap:16px} .gate-form:not([hidden]){animation:fade-rise .5s var(--ease) both} .gate-head h2{font-size:clamp(2rem,3.2vw,2.6rem);line-height:1.05;margin:0 0 6px;color:var(--fg)} .gate-head p{margin:0} input[type=password],input[type=search]{font:inherit;font-size:.95rem;color:var(--fg);background:rgb(var(--ov) / .04);border:1px solid hsl(var(--input));border-radius:12px;padding:0 14px;height:48px;width:100%;min-width:0;transition:border-color .25s,background-color .25s,box-shadow .25s} .gate-form input[aria-invalid="true"]{border-color:var(--terra);box-shadow:0 0 0 4px color-mix(in srgb,var(--terra) 18%,transparent)} .pass-wrap{position:relative} .pass-wrap input{padding-right:84px} .pass-eye{position:absolute;right:6px;top:6px;height:36px;padding:0 12px;border:0;border-radius:9px;font:inherit;font-size:.8rem;color:var(--muted-c);background:rgb(var(--ov) / .06);cursor:pointer} .pass-eye:hover{color:var(--fg)} .pw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:2px} .pw-meter span{height:4px;border-radius:4px;background:rgb(var(--ov) / .1);transition:background-color .3s} .pw-meter[data-s="1"] span:nth-child(-n+1){background:var(--terra)} .pw-meter[data-s="2"] span:nth-child(-n+2){background:var(--mustard)} .pw-meter[data-s="3"] span:nth-child(-n+3){background:var(--sage)} .pw-meter[data-s="4"] span{background:var(--sage)} .field .pw-meter + p{margin:0} .check{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;color:var(--text);cursor:pointer;line-height:1.5} .check input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:hsl(var(--primary))} .gate-msg{margin:0;min-height:0;font-size:.88rem;color:var(--terra)} .gate-msg:empty{display:none} .gate-msg.ok{color:var(--sage)} .gate-submit{width:100%;height:52px;font-size:.98rem} .gate-submit .ico{width:18px;height:18px;transition:transform .3s var(--ease)} .gate-submit:hover .ico{transform:translateX(4px)} .gate-submit[aria-busy="true"]{opacity:.7;pointer-events:none} .gate-demo{width:100%} .gate-or{display:flex;align-items:center;gap:12px;color:var(--muted-c);font-size:.8rem} .gate-or::before,.gate-or::after{content:"";flex:1;height:1px;background:var(--line)} .gate-switch{text-align:center;margin:0} .link-btn{font:inherit;color:var(--fg);background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer} .gate-note{display:flex;gap:10px;align-items:flex-start;margin:24px 0 0;padding:12px 14px;border-radius:14px;background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);color:var(--muted-c)} .gate-note .ico{width:18px;height:18px;flex:none;margin-top:2px;color:var(--mustard)} .gate-note strong{color:var(--fg);font-weight:500} .gate-foot{margin:0} .shake{animation:shake .4s} @keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}} @media (max-width:900px){ .gate{display:block} .gate-art{min-height:0} .gate-art-in{padding:28px 22px 30px;gap:18px} .gate-h{font-size:clamp(2.2rem,9vw,3rem)} .gate-lead{margin-bottom:0;font-size:.98rem} .gate-feats,.gate-book{display:none} .gate-panel{justify-content:flex-start;padding:28px 18px 36px} } @media (max-height:960px) and (min-width:901px){.gate-book{display:none}} @media (prefers-reduced-motion: reduce){.gate-glow span,.gate-book .gb-star,.gate-book .gb-dot{animation:none}.gate.leaving{animation-duration:.01s}} /* conta no topo */ .user-menu{position:relative} .user-chip{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 4px;border-radius:999px;font:inherit;font-size:.85rem;color:var(--fg);cursor:pointer;border:0} .user-chip .av{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--sage),var(--blue));color:#fff;font-weight:500;font-size:.8rem;letter-spacing:.02em} .user-chip .un{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .user-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:240px;padding:16px;border-radius:18px;z-index:60;background:var(--card-solid);box-shadow:0 20px 50px rgb(0 0 0 / .25),inset 0 0 0 1px var(--line);animation:menu-in-r .3s var(--ease)} @keyframes menu-in-r{from{opacity:0;transform:translateY(-6px)}} .user-panel p{margin:0} .up-name{font-weight:500;color:var(--fg)} .up-mail{overflow-wrap:anywhere} .user-panel .btn{margin-top:12px;width:100%} @media (max-width:1100px){.user-chip .un{display:none}.user-chip{padding:0 4px}} .hero-hello{display:inline-flex;align-self:center;margin:0 auto 18px;padding:8px 16px;border-radius:999px;background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16);font-size:.9rem;color:#fff} .hero-hello[hidden]{display:none} /* ---------- Perfil ---------- */ body[data-page="perfil"]{--tone:var(--plum)} body[data-page="perfil"] :is(.scope-dark,.topbar){--tone:var(--plum)} .user-chip[aria-current="page"]{box-shadow:inset 0 0 0 1.5px var(--plum)} .pf-id{display:flex;align-items:center;gap:20px;min-width:0} .pf-id-t{display:flex;flex-direction:column;gap:10px;min-width:0} .pf-id h1{overflow-wrap:anywhere} .pf-av{flex:none;display:grid;place-items:center;width:88px;height:88px;border-radius:50%;font-family:var(--font-display);font-size:2.4rem;color:#fff;background:linear-gradient(135deg,var(--sage),var(--blue) 55%,var(--plum));box-shadow:0 0 0 4px rgb(255 255 255 / .1),0 0 0 9px color-mix(in srgb,var(--plum) 22%,transparent)} .pf-chips{display:flex;flex-wrap:wrap;gap:8px} .pf-chips .tag{color:var(--fg);background:rgb(255 255 255 / .08);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .16);font-size:.78rem;padding:5px 12px} .pf-overview{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;align-items:start} .pf-complete{display:flex;flex-direction:column;gap:16px;padding:22px;border-radius:var(--r);background:rgb(var(--ov) / .035)} .pf-complete .ring{width:96px;height:96px} .pf-complete .ring-wrap{justify-self:start;align-self:flex-start} .pf-complete h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.1} .pf-complete-t{display:flex;flex-direction:column;gap:10px} .pf-todo{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.88rem} .pf-todo li{display:flex;gap:8px;align-items:center;color:var(--muted-c)} .pf-todo li::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgb(var(--ov) / .3)} .pf-todo li.ok{color:var(--text)} .pf-todo li.ok::before{background:var(--ok);box-shadow:none;-webkit-mask:none} .pf-todo button{font:inherit;font-size:inherit;background:none;border:0;padding:0;color:var(--fg);text-decoration:underline;text-decoration-color:rgb(var(--ov) / .35);text-underline-offset:3px;cursor:pointer} .pf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .pf-stats .stat .v{font-size:2rem} .pf-form .field p{margin:0} .pf-form input[readonly]{opacity:.7;cursor:default} .pf-areas{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px} .pf-areas legend{font-size:.85rem;font-weight:500;color:var(--fg);padding:0;margin-bottom:10px} .pf-area-list{display:flex;flex-wrap:wrap;gap:8px} .pf-area-list button{font:inherit;font-size:.86rem;border:0;cursor:pointer;padding:8px 15px;border-radius:999px;color:var(--text);background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);transition:background-color .25s,color .25s,transform .3s var(--ease)} .pf-area-list button:hover{background:rgb(var(--ov) / .08)} .pf-area-list button[aria-pressed="true"]{background:var(--inv);color:var(--on-inv);box-shadow:none} .pf-area-list button[aria-pressed="true"]::before{content:"✓ "} .pf-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap} .pf-sec-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:start} .pf-pass,.pf-session,.pf-priv-item{display:flex;flex-direction:column;gap:14px;padding:22px;border-radius:var(--r-sm);background:rgb(var(--ov) / .035);min-width:0} .pf-pass h3,.pf-session h3,.pf-priv-item h3{font-family:var(--font-display);font-weight:400;font-size:1.5rem;line-height:1.1} .pf-pass .btn,.pf-session .btn{align-self:flex-start} .pf-kv{margin:0;display:flex;flex-direction:column} .pf-kv div{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-top:1px solid var(--line)} .pf-kv div:first-child{border-top:0;padding-top:0} .pf-kv dt{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-c)} .pf-kv dd{margin:0;color:var(--fg);font-variant-numeric:tabular-nums} .pf-priv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} .pf-priv-item .btn{align-self:flex-start} .pf-priv-item.danger{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 30%,transparent)} .pf-del{color:var(--bad)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bad) 50%,transparent)!important} .pf-del-box{display:flex;flex-direction:column;gap:12px} .pf-del-actions{display:flex;flex-wrap:wrap;gap:10px} .pf-del-yes{background:var(--bad);color:var(--on-accent)} .pf-del-yes:hover{color:var(--on-accent)} @media (max-width:1240px){ .pf-overview{grid-template-columns:minmax(0,1fr)} .pf-complete{flex-direction:row;align-items:center} } @media (max-width:900px){ .pf-sec-grid,.pf-priv-grid{grid-template-columns:minmax(0,1fr)} .pf-stats{grid-template-columns:repeat(2,minmax(0,1fr))} .pf-av{width:68px;height:68px;font-size:1.9rem} } @media (max-width:520px){ .pf-complete{flex-direction:column;align-items:flex-start} .pf-stats{gap:8px} .pf-stats .stat{padding:16px} .pf-stats .stat .v{font-size:1.7rem} .pf-id{flex-direction:column;align-items:flex-start;gap:14px} } .pf-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px 16px} .pf-form .wide{grid-column:1 / -1} @media (max-width:600px){ .pf-form{grid-template-columns:minmax(0,1fr)} } /* Login com servidor */ .gate-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px} .gate-row .link-btn{font-size:.86rem} .gate-google{width:100%;gap:10px} .g-ico{width:18px;height:18px;flex:none} .gate-msg.ok{color:var(--ok)} .gate-msg .link-btn{font-weight:500} .pf-sync{display:inline-flex;align-items:center;gap:8px} .pf-sync::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)} .pf-sync.wait::before{background:var(--warn)} .pf-sync.err::before{background:var(--bad)} /* Tela de entrada no computador: a arte da esquerda fica parada e só o painel do formulário rola */ @media (min-width:901px){ .gate{overflow:hidden} .gate-art{height:100%;min-height:0} .gate-art-in{height:100%;min-height:0;overflow:hidden} .gate-panel{height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;justify-content:flex-start;scrollbar-gutter:stable} .gate-card{margin-top:auto} .gate-foot{margin-bottom:auto} } @media (min-width:901px) and (max-height:820px){ .gate-feats{display:none} .gate-art-in{justify-content:flex-start;gap:12vh} } /* Política de privacidade */ .priv-dialog{border:0;padding:0;margin:auto;width:min(760px,calc(100% - 32px));max-height:min(88vh,900px);border-radius:24px;background:var(--card-solid);color:var(--text);box-shadow:0 30px 80px rgb(0 0 0 / .35),inset 0 0 0 1px var(--line);overflow:hidden} .priv-dialog[open]{display:flex;flex-direction:column;animation:fade-rise .4s var(--ease)} .priv-dialog::backdrop{background:rgb(0 20 32 / .62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .priv-in{display:flex;flex-direction:column;min-height:0;max-height:inherit} .priv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:26px 28px 18px;border-bottom:1px solid var(--line)} .priv-head h2{margin:6px 0 4px} .priv-close{flex:none;background:rgb(var(--ov) / .05);box-shadow:inset 0 0 0 1px var(--line)} .priv-body{overflow-y:auto;overscroll-behavior:contain;padding:22px 28px 8px;max-width:none;min-height:0} .priv-body h3{font-family:var(--font-display);font-weight:400;font-size:1.45rem;margin-top:10px} .priv-lead{font-size:1.02rem;color:var(--fg);padding:14px 16px;border-radius:14px;background:rgb(var(--ov) / .04);box-shadow:inset 3px 0 0 var(--plum)} .priv-mail{overflow-wrap:anywhere} .priv-foot{display:flex;justify-content:flex-end;padding:14px 28px 20px;border-top:1px solid var(--line)} .check-wrap{display:flex;flex-direction:column;gap:6px;align-items:flex-start} .check-wrap .link-btn{margin-left:28px} @media (max-width:600px){ .priv-head,.priv-body,.priv-foot{padding-left:18px;padding-right:18px} .priv-dialog{max-height:92vh} } .priv-dialog .priv-foot{background:transparent;margin:0;padding:14px 28px 20px;border-top:1px solid var(--line);color:inherit} @media (max-width:600px){ .priv-dialog .priv-foot{padding-left:18px;padding-right:18px} } .gate-gnote{margin:-6px 0 0;text-align:center;font-size:.8rem} .gate-gnote .link-btn{font-size:inherit} /* Animações das figuras de Carreira, Cursos, Instituições, Documentos e Planejamento */ .a-drawer{animation:drawer 4s cubic-bezier(.22,1,.36,1) infinite} .a-grow{transform-box:fill-box;transform-origin:bottom;animation:grow-up 4.5s cubic-bezier(.22,1,.36,1) infinite} .a-grow.g2{animation-delay:.25s} .a-grow.g3{animation-delay:.5s} .a-cap{animation:cap 4.5s ease-in-out infinite} .a-lens{animation:lens 6s ease-in-out infinite} .a-letter.l2{animation-delay:.5s} .a-block{transform-box:fill-box;transform-origin:center;animation:block 5s ease-in-out infinite} .a-block.b2{animation-delay:.3s} .a-block.b3{animation-delay:.6s} .a-block.b4{animation-delay:.9s} .a-block.b5{animation-delay:1.2s} .a-block.b6{animation-delay:1.5s} .a-hand{transform-box:view-box;transform-origin:170px 44px;animation:hand 5s linear infinite} @keyframes drawer{0%,20%{transform:translateY(0)}45%,80%{transform:translateY(8px)}100%{transform:translateY(0)}} @keyframes grow-up{0%{transform:scaleY(0)}30%,85%{transform:scaleY(1)}100%{transform:scaleY(1)}} @keyframes cap{0%,25%{transform:translateY(-12px);opacity:0}45%,85%{transform:translateY(0);opacity:1}100%{opacity:1}} @keyframes lens{0%,100%{transform:translate(0,0)}50%{transform:translate(-14px,-4px)}} @keyframes block{0%,10%{transform:scale(0);opacity:0}25%,85%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:1}} @keyframes hand{to{transform:rotate(360deg)}} /* Dar opinião */ .fb-fab{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:44;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px 0 14px;border-radius:999px;border:0;font:inherit;font-size:.88rem;font-weight:500;color:#fff;background:rgb(0 40 63 / .82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgb(0 0 0 / .25);cursor:pointer;transition:transform .3s var(--ease)} .fb-fab:hover{transform:translateY(-2px)} .fb-fab .ico{width:19px;height:19px} body.locked .fb-fab{display:none} @media (max-width:600px){ .fb-fab{width:46px;padding:0;justify-content:center} .fb-fab span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)} } .fb-dialog{width:min(560px,calc(100% - 32px))} .fb-body{display:flex;flex-direction:column;gap:16px;padding-bottom:16px} .fb-kinds{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .fb-kinds legend{font-size:.85rem;font-weight:500;color:var(--fg);padding:0;margin-bottom:10px} .fb-kinds label{position:relative;cursor:pointer} .fb-kinds input{position:absolute;opacity:0;inset:0;cursor:pointer} .fb-kinds span{display:inline-block;padding:8px 16px;border-radius:999px;font-size:.9rem;background:rgb(var(--ov) / .04);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);transition:background-color .2s,color .2s} .fb-kinds input:checked + span{background:var(--inv);color:var(--on-inv);box-shadow:none} .fb-kinds input:focus-visible + span{outline:2px solid rgb(var(--ov) / .8);outline-offset:3px} .fb-body textarea{min-height:120px;resize:vertical} .fb-count{margin:0;text-align:right} .fb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} .fb-dialog .priv-foot{gap:10px} .fb-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 10px} .fb-done .ib{width:56px;height:56px;border-radius:50%;color:var(--ok)} /* Levar para a agenda */ .ics-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding-top:6px;border-top:1px solid var(--line)} .ics-row p{margin:0;flex:1 1 260px} .ics-btn .ico{width:17px;height:17px} /* Cronômetro de estudo */ .pomo{display:flex;flex-direction:column;align-items:center;gap:18px;padding:24px;border-radius:var(--r);background:rgb(var(--ov) / .035)} .pomo-modes{justify-content:center} .pomo-dial{position:relative;width:min(240px,70vw);aspect-ratio:1;max-width:100%} .pomo-ring{width:100%;height:100%;transform:rotate(-90deg)} .pomo-ring circle{fill:none;stroke-width:7} .pomo-ring .bg{stroke:rgb(var(--ov) / .1)} .pomo-ring .fg{stroke:var(--tone);stroke-linecap:round;transition:stroke-dashoffset 1s linear} .pomo.pause .pomo-ring .fg{stroke:var(--sage)} .pomo-read{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px} .pomo-read b{font-family:var(--font-display);font-weight:400;font-size:clamp(3rem,2.2rem + 3vw,4.2rem);line-height:1;color:var(--fg);font-variant-numeric:tabular-nums} .pomo-read span{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-c)} .pomo-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center} .pomo-count{margin:0;text-align:center} /* Acessibilidade */ .skip-link{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));top:calc(12px + env(safe-area-inset-top,0px));z-index:400;padding:12px 18px;border-radius:12px;background:var(--inv);color:var(--on-inv);font-weight:500;text-decoration:none;transform:translateY(-200%);transition:transform .2s} .skip-link:focus{transform:none;color:var(--on-inv)} body.locked .skip-link{display:none} .cd-units small{color:var(--text)} .sec-head .n{font-size:1.55rem} /* Números do portal (só o dono) */ .pf-num-lead{margin:-6px 0 18px;max-width:62ch} .pf-num-grid .stat{cursor:default} .pf-num-chart{margin-top:22px} .pf-num-chart h3{margin:0 0 12px;font-weight:500;color:var(--muted-c)} .pf-bars{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;height:150px} .pf-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%;min-width:0} .pf-bar i{display:block;width:100%;max-width:42px;min-height:3px;border-radius:8px 8px 3px 3px;background:var(--petrol)} .pf-bar b{font-size:.8rem;font-weight:500} .pf-bar span{font-size:.72rem;color:var(--muted-c);white-space:nowrap} .pf-num-foot{margin-top:16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap} @media (max-width:520px){ .pf-bars{gap:4px;height:120px} .pf-bar span{font-size:.62rem} } /* ===================================================================== Versão de celular com cara de aplicativo (v1.21) · só até 760px. O computador não muda: tudo aqui fica dentro das media queries. ===================================================================== */ .tabbar,.sheet{display:none} @media (max-width:760px){ :root{--tab-h:64px} /* Barra de abas fixa embaixo */ .tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:52;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding:0 max(4px,env(safe-area-inset-right,0px)) env(safe-area-inset-bottom,0px) max(4px,env(safe-area-inset-left,0px));background:rgb(var(--panel-rgb) / .92);-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);box-shadow:0 -1px 0 var(--line)} .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:0 2px;border:0;background:none;font:inherit;font-size:.68rem;font-weight:500;letter-spacing:.01em;color:var(--muted-c);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent} .tabbar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tabbar .ico{width:23px;height:23px;transition:transform .3s var(--ease)} .tabbar .on{color:var(--fg)} .tabbar .on::before{content:"";position:absolute;top:7px;left:50%;width:46px;height:30px;margin-left:-23px;border-radius:999px;background:color-mix(in srgb,var(--tone,var(--mustard)) 22%,transparent);z-index:-1} .tabbar a:active .ico,.tabbar button:active .ico{transform:scale(.88)} body.locked .tabbar{display:none} body{padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px))} .menu-btn,.user-menu,.mobile-nav{display:none!important} .fb-fab{bottom:calc(var(--tab-h) + 14px + env(safe-area-inset-bottom,0px))} .toast{bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom,0px))} .sample-bar{bottom:calc(var(--tab-h) + 10px + env(safe-area-inset-bottom,0px));left:10px;max-width:calc(100% - 20px)} /* Painéis que sobem de baixo (Guia e Ferramentas) */ .sheet{display:block;position:fixed;inset:0;z-index:51} .sheet[hidden]{display:none} .sheet-scrim{position:absolute;inset:0;background:rgb(0 0 0 / .45);opacity:0;transition:opacity .28s} .sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:86svh;overflow:auto;overscroll-behavior:contain;padding:10px 16px calc(var(--tab-h) + 14px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;background:var(--card-solid);box-shadow:0 -20px 60px rgb(0 0 0 / .3);transform:translateY(100%);transition:transform .32s var(--ease)} .sheet.open .sheet-scrim{opacity:1} .sheet.open .sheet-panel{transform:none} .sheet-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--line-2,var(--line));margin:0 auto 14px} .sheet-head{padding:0 4px 12px} .sheet-head h2{font-size:2rem} .sheet-head p{color:var(--muted-c);font-size:.92rem;margin-top:4px} .sheet-list{list-style:none;margin:0;padding:0;border-radius:18px;background:rgb(var(--ov) / .035);overflow:hidden} .sheet-list li + li{border-top:1px solid var(--line)} .sheet-item{display:flex;align-items:center;gap:14px;padding:13px 14px;color:var(--fg);text-decoration:none} .sheet-item .si-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .sheet-item b{font-weight:500} .sheet-item .d{font-size:.82rem;color:var(--muted-c)} .sheet-item .chev{width:18px;height:18px;color:var(--muted-c)} .sheet-item[aria-current="page"]{background:rgb(var(--ov) / .05)} .sheet-item:active{background:rgb(var(--ov) / .08)} .sheet-x{position:absolute;top:12px;right:12px;width:38px;height:38px} body.sheet-open{overflow:hidden} /* Abertura: vídeo grande no topo, texto logo abaixo */ .hero{min-height:0;display:block;background:var(--bg-deep)} .hero .media{position:relative;inset:auto;width:100%;aspect-ratio:1/1;max-height:64svh;margin-top:calc(var(--nav-h) + env(safe-area-inset-top,0px))} .hero .media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to bottom,transparent,var(--bg-deep));z-index:1;pointer-events:none} .hero .media .fallback{opacity:.35} .hero-content{padding:4px 20px 44px;margin-top:-28px} .hero h1{font-size:clamp(2.5rem,11vw,3.2rem);line-height:1} .hero .sub{font-size:1rem;margin-top:1.1rem} .hero .glass-btn.lg{margin-top:1.6rem} .hero-ticker{margin-bottom:16px;font-size:.72rem} .scroll-cue{display:none} /* Topo dos capítulos e ferramentas: compacto */ .page-head{min-height:0} .page-head-in{padding-top:calc(var(--nav-h) + 22px);padding-bottom:40px;gap:16px} .page-head .media::after{height:60px} .page-head h1{font-size:clamp(2.3rem,10vw,2.9rem)} .page-head .lead{font-size:.98rem} .head-art{max-width:none;width:100%;align-items:center} .head-art-fig{padding:12px 22px;width:min(100%,260px)} .head-art-fig svg{max-height:150px} .head-art figcaption{display:none} /* Conteúdo em estilo lista de aplicativo */ .view-inner{padding-top:20px;padding-left:max(16px,var(--gutter));padding-right:max(16px,var(--gutter-r))} .page-body{gap:0} .page-body > .sec.glass-card{background:none;box-shadow:none;border-radius:0;padding:30px 0 10px;gap:16px} .page-body > .sec.glass-card + .sec.glass-card{border-top:1px solid var(--line)} .page-body > .sec.glass-card::before,.page-body > .sec.glass-card::after{display:none} .sec-head{gap:10px} .sec-head .n{font-size:1.15rem;min-width:0} .sec h2{font-size:1.85rem} .toc{border-radius:16px} /* grupos de itens: um bloco só, com divisórias */ .defs,.route-list,.doc-grid,.inst-list,.poupa-grid,.figures,.bus-list,.fav-list{display:flex;flex-direction:column;gap:0;border-radius:18px;background:var(--card-solid);box-shadow:0 1px 2px rgb(0 0 0 / .04),inset 0 0 0 1px var(--line);overflow:hidden} .defs > div,.route,.doc-card,.inst,.poupa,.figures > div,.bus-card{border-radius:0;background:none;padding:16px;transform:none!important} .defs > div + div,.route + .route,.doc-card + .doc-card,.inst + .inst,.poupa + .poupa,.figures > div + div,.bus-card + .bus-card{border-top:1px solid var(--line)} .defs > div:hover,.doc-card:hover,.inst:hover,.poupa:hover{background:none} .bus-card.open{background:rgb(var(--ov) / .04)} .route-name h3{font-size:1.6rem} .steps{padding-left:40px} .steps li::before{left:-40px} .note{padding:14px} /* filtros em linha, rolando para o lado */ .seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%} .seg::-webkit-scrollbar{display:none} .seg > *{flex:none;white-space:nowrap} .row-head h2{display:block} .row-head{flex-wrap:wrap;gap:12px} /* Tabelas viram cartões */ .table-wrap.stack{box-shadow:none;overflow:visible;border-radius:0} .stack table,.stack tbody,.stack tr,.stack td,.stack tbody th{display:block} .stack thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .stack caption{display:block;padding:0 2px 10px} .stack tbody{display:flex;flex-direction:column;border-radius:18px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden} .stack tr{padding:14px 16px} .stack tr + tr{border-top:1px solid var(--line)} .stack tbody th{border:0;padding:0 0 6px;font-weight:500;font-size:1rem} .stack td{border:0;padding:5px 0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:12px;min-width:0} .stack td::before{content:attr(data-label);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-c);padding-top:3px} .stack td:not([data-label])::before{content:none} .stack td:not([data-label]){display:block} /* lançamentos de finanças: descrição e valor em cima, data e categoria embaixo */ #finBody tr{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"d d v x" "m c c x";gap:4px 10px;align-items:center} #finBody td{display:block;padding:0} #finBody td::before{content:none} #finBody td.desc{grid-area:d;min-width:0;font-weight:500;color:var(--fg)} #finBody td.money{grid-area:v} #finBody td.num{grid-area:m;font-size:.82rem;color:var(--muted-c)} #finBody td.cat{grid-area:c;font-size:.82rem;color:var(--muted-c);min-width:0} #finBody td.cat::before{content:"· "} #finBody td.act{grid-area:x} #finBody td[colspan]{grid-column:1 / -1} /* Linhas de ônibus: número e botões em cima, nome da linha embaixo com a largura toda */ .bus-head{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n . c" "t t t";gap:10px 12px;padding:14px 4px 14px 14px} .bus-head .bus-n{grid-area:n} .bus-head .bus-t{grid-area:t} .bus-head .bus-chev{grid-area:c} .bus-row{align-items:flex-start} /* Campus 3D ocupa a largura toda */ .sec .c3d-card{margin-inline:calc(-1 * max(16px,var(--gutter)));border-radius:0;box-shadow:none;border-block:1px solid var(--line)} .c3d-stage{height:60svh} } /* Notificações no perfil */ .push-list{display:flex;flex-direction:column;border-radius:18px;background:rgb(var(--ov) / .035);overflow:hidden} .push-sw{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer} .push-sw + .push-sw{border-top:1px solid var(--line)} .push-sw .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .push-sw .t b{font-weight:500;color:var(--fg)} .push-sw .t .d{font-size:.86rem;color:var(--muted-c);line-height:1.45} .push-sw input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:rgb(var(--ov) / .18);position:relative;cursor:pointer;transition:background-color .25s;margin:0} .push-sw input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .3);transition:transform .25s var(--ease)} .push-sw input[type=checkbox]:checked{background:var(--sage,#4f8a6b)} .push-sw input[type=checkbox]:checked::after{transform:translateX(20px)} .push-sw input[type=checkbox]:focus-visible{outline:2px solid var(--fg);outline-offset:3px} .push-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center} .push-actions .btn .ico{width:18px;height:18px} @media (max-width:760px){ .push-list{background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line)} .push-sw{padding:14px 16px} } /* Carregamento rápido (antes de abrir a conta já conectada) */ .splash{position:fixed;inset:0;z-index:250;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 120%,#6B3B33 0%,#0B3550 45%,#00283F 75%);color:#F6F3EC;transition:opacity .35s ease} .splash[hidden]{display:none} .splash.out{opacity:0;pointer-events:none} .splash-in{display:flex;flex-direction:column;align-items:center;gap:18px} .splash-star{width:58px;height:75px;fill:#F6F3EC;animation:splash-pulse 1.6s ease-in-out infinite} .splash-name{font-family:var(--font-display);font-size:2rem;letter-spacing:-.01em} .splash-bar{display:block;width:120px;height:3px;border-radius:2px;background:rgb(255 255 255 / .15);overflow:hidden} .splash-bar span{display:block;width:40%;height:100%;border-radius:2px;background:#E8CF86;animation:splash-load 1.1s ease-in-out infinite} @keyframes splash-pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.08);opacity:1}} @keyframes splash-load{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}} @media (prefers-reduced-motion: reduce){.splash-star,.splash-bar span{animation:none}} /* Pedido de permissão para notificações (aplicativo instalado) */ .push-ask{position:fixed;z-index:48;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));width:min(400px,calc(100% - 32px));display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:18px;border-radius:22px;background:var(--card-solid);color:var(--fg);box-shadow:0 18px 50px rgb(0 0 0 / .28),inset 0 0 0 1px var(--line);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s var(--ease)} .push-ask[hidden]{display:none} .push-ask.in{opacity:1;transform:none} .push-ask .ib{grid-row:span 2} .push-ask .pa-t b{display:block;font-weight:500;font-size:1rem;margin-bottom:4px} .push-ask .pa-t p{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted-c)} .push-ask .pa-act{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px} @media (max-width:760px){ .push-ask{left:10px;right:10px;width:auto;bottom:calc(var(--tab-h) + 10px + env(safe-area-inset-bottom,0px))} } @media (prefers-reduced-motion: reduce){ .push-ask{transition:none} } /* ===================================================================== v1.25 · Configurações, sons e toques, tamanho do texto, menos animações ===================================================================== */ html[data-text="lg"]{font-size:112.5%} html[data-text="xl"]{font-size:125%} html.calm *,html.calm *::before,html.calm *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important} /* marcação leve ao tocar */ @keyframes tap-pop{0%{transform:scale(1)}35%{transform:scale(.86)}70%{transform:scale(1.06)}100%{transform:scale(1)}} .pop{animation:tap-pop .36s var(--ease)} .round-btn,.tile,.stat,.set-row,.sheet-item,.m-row,.m-chap,.btn,.glass-btn{-webkit-tap-highlight-color:transparent} .round-btn:active,.tile:active,.stat:active,.m-chap:active{transform:scale(.96)} .set-row:active,.sheet-item:active,.m-row:active{background:rgb(var(--ov) / .06)} @keyframes pill-in{from{transform:scaleX(.45);opacity:0}to{transform:none;opacity:1}} .tabbar .on::before{animation:pill-in .32s var(--ease)} /* painel de configurações: gaveta à direita no computador, tela que sobe de baixo no celular */ .settings{position:fixed;inset:0;z-index:72} .settings[hidden]{display:none} .set-scrim{position:absolute;inset:0;background:rgb(0 0 0 / .42);opacity:0;transition:opacity .28s} .settings.open .set-scrim{opacity:1} .set-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);display:flex;flex-direction:column;background:var(--bg);color:var(--fg);box-shadow:-20px 0 60px rgb(0 0 0 / .25);transform:translateX(102%);transition:transform .32s var(--ease)} .settings.open .set-panel{transform:none} .set-panel .sheet-grab{display:none} .set-head{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top,0px)) 20px 10px} .set-head h2{font-size:2rem} .set-body{flex:1;overflow:auto;overscroll-behavior:contain;padding:4px 20px calc(28px + env(safe-area-inset-bottom,0px))} .set-g{font-family:var(--font-sans,inherit);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-c);margin:22px 4px 8px} .set-list{border-radius:18px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden} .set-list > * + *{border-top:1px solid var(--line)} .set-row{display:flex;align-items:center;gap:14px;width:100%;min-height:54px;padding:12px 16px;border:0;background:none;font:inherit;color:var(--fg);text-align:left;text-decoration:none;cursor:pointer} .set-row[hidden]{display:none} .set-row.col{flex-direction:column;align-items:stretch;gap:10px;cursor:default} .set-l{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .set-l b{font-weight:500} .set-l .d{font-size:.82rem;color:var(--muted-c);line-height:1.4} .set-row .chev,.set-acc .chev{width:18px;height:18px;color:var(--muted-c);flex:none} .set-row.danger b{color:#c0503a} .set-row:disabled{cursor:default;opacity:.6} .set-seg{display:flex;width:100%;flex-wrap:nowrap} .set-seg button{flex:1;white-space:nowrap} .set-seg button.on{background:var(--fg);color:var(--bg)} .set-row input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:none;width:48px;height:28px;border-radius:999px;background:rgb(var(--ov) / .18);position:relative;cursor:pointer;transition:background-color .25s;margin:0} .set-row input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .3);transition:transform .25s var(--ease)} .set-row input[type=checkbox]:checked{background:var(--sage,#4f8a6b)} .set-row input[type=checkbox]:checked::after{transform:translateX(20px)} .set-row input[type=checkbox]:focus-visible{outline:2px solid var(--fg);outline-offset:3px} .set-acc{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);text-decoration:none;margin-top:6px} .set-acc .av{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--mustard);color:#0b1a24;font-weight:500} .set-about{margin:24px 4px 0;font-size:.8rem;line-height:1.6;color:var(--muted-c);text-align:center} .m-only{display:none} .m-index,.m-back{display:none} @media (max-width:760px){ .set-panel{top:auto;left:0;width:100%;max-height:92svh;border-radius:26px 26px 0 0;box-shadow:0 -20px 60px rgb(0 0 0 / .3);transform:translateY(100%)} .set-panel .sheet-grab{display:block;margin:10px auto 0} .set-head{padding:8px 16px 6px} .set-body{padding:0 16px calc(24px + env(safe-area-inset-bottom,0px))} .top-actions{gap:8px} /* Página inicial: só o essencial */ .m-only{display:block} .hero .sub,.hero-ticker{display:none} .hero-content{padding-bottom:30px} .home-body{display:flex;flex-direction:column;gap:34px} .home-body > .manifesto,.home-body > section[aria-labelledby="h-acervo"]{display:none} .home-body > section[aria-labelledby="h-caderno"]{order:1} .home-body > section[aria-labelledby="h-atalhos"]{order:2} .home-body > .m-guide{order:3} .home-body > section[aria-labelledby="h-live"]{order:4} .home-body > section[aria-labelledby="h-agora"]{order:5} .home-body .block-head p{display:none} .home-body .block-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px} .home-body .block-head h2{font-size:1.6rem} .home-body .block-head .label{display:none} /* Seu caderno: cartões lado a lado, deslizando */ .home-body .stats{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(-1 * max(16px,var(--gutter)));padding:2px max(16px,var(--gutter)) 6px;scrollbar-width:none} .home-body .stats::-webkit-scrollbar{display:none} .home-body .stats .stat{flex:0 0 72%;scroll-snap-align:start;padding:16px} .home-body .stats .stat .v{font-size:1.7rem} /* Atalhos: grade de ícones, como na tela de um celular */ .home-body .tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 8px} .home-body .tiles .tile{padding:0;background:none;box-shadow:none;align-items:center;text-align:center;gap:8px;min-height:0} .home-body .tiles .tile .ib{width:56px;height:56px;border-radius:18px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line)} .home-body .tiles .tile .ib .ico{width:24px;height:24px} .home-body .tiles .tile b{font-size:.74rem;font-weight:500;line-height:1.2} .home-body .tiles .tile .d{display:none} .home-body .tiles .tile:nth-child(3),.home-body .tiles .tile:nth-child(4),.home-body .tiles .tile:nth-child(5),.home-body .tiles .tile:nth-child(6),.home-body .tiles .tile:nth-child(9),.home-body .tiles .tile:nth-child(14){display:none} /* Guia: capítulos deslizando */ .m-chaps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 calc(-1 * max(16px,var(--gutter)));padding:2px max(16px,var(--gutter)) 6px;scrollbar-width:none} .m-chaps::-webkit-scrollbar{display:none} .m-chap{flex:0 0 46%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:128px;padding:16px;border-radius:20px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);text-decoration:none;transition:transform .2s var(--ease)} .m-chap .n{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--tone,var(--terra))} .m-chap:nth-child(1) .n{color:var(--terra)} .m-chap:nth-child(2) .n{color:var(--sage)} .m-chap:nth-child(3) .n{color:var(--mustard)} .m-chap:nth-child(4) .n{color:var(--blue)} .m-chap:nth-child(5) .n{color:var(--plum)} .m-chap:nth-child(6) .n{color:var(--petrol)} .m-chap b{font-weight:500;font-size:.95rem;line-height:1.25} /* Agora: só o relógio e a contagem; o mês fica no calendário */ .home-body .live-home > .card:nth-child(2){display:none} .home-body section[aria-labelledby="h-agora"] .grid-2 > .card:first-child{display:none} #upcoming li:nth-child(n+4){display:none} /* Páginas: lista de assuntos; cada assunto abre numa tela com voltar */ .page .toc{display:none} .page-body > .sec.m-sub{display:none} .m-index{display:block;padding:26px 0 6px} .page-body > .sec + .m-index{border-top:1px solid var(--line);margin-top:4px} .m-index-h{font-size:1.5rem;margin:0 0 12px} .m-index ol{list-style:none;margin:0;padding:0;border-radius:18px;background:var(--card-solid);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden} .m-index li + li{border-top:1px solid var(--line)} .m-row{display:flex;align-items:center;gap:14px;padding:15px 16px;color:var(--fg);text-decoration:none} .m-row .n{font-family:var(--font-display);font-size:1.15rem;color:var(--tone);min-width:24px} .m-row .t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} .m-row b{font-weight:500} .m-row .d{font-size:.82rem;color:var(--muted-c)} .m-row .chev{width:18px;height:18px;color:var(--muted-c);flex:none} .page-head .lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .head-art-fig svg{max-height:120px} .view.m-detail .page-head,.view.m-detail .m-index{display:none} .view.m-detail .page-body > .sec{display:none} .view.m-detail .page-body > .sec.m-open{display:flex;border-top:0;padding-top:6px;animation:m-in .3s var(--ease)} .view.m-detail .view-inner{padding-top:calc(var(--nav-h) + env(safe-area-inset-top,0px) + 6px)} .view.m-detail .m-back{display:inline-flex} .m-back{align-items:center;gap:6px;padding:8px 12px 8px 6px;margin-left:-6px;border-radius:999px;color:var(--muted-c);text-decoration:none;font-size:.95rem} .m-back .ico{width:20px;height:20px} body.m-detail-on .topbar{background:rgb(var(--panel-rgb) / .72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgb(var(--ov) / .08)} @keyframes m-in{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}} footer .foot-in{padding-block:28px} .fb-fab{display:none} } /* v1.26 · celular: início mínimo, créditos nas configurações, sem rodapé */ .m-row-only{display:none!important} .set-sub[hidden],.set-body[hidden]{display:none} .set-sub{flex:1;overflow:auto;overscroll-behavior:contain;padding:0 20px calc(28px + env(safe-area-inset-bottom,0px))} .set-back{display:inline-flex!important;align-items:center;gap:6px;border:0;background:none;font:inherit;color:var(--muted-c);padding:8px 12px 8px 4px;cursor:pointer} .set-back .ico{width:20px;height:20px} .set-sub-h{font-family:var(--font-display);font-weight:400;font-size:1.8rem;margin:6px 4px 14px} .set-text{padding:6px 18px} .set-text p{margin:12px 0;font-size:.92rem;line-height:1.6;color:var(--text)} .set-text p:empty{display:none} @media (max-width:760px){ .m-row-only{display:flex!important} .set-sub{padding:0 16px calc(24px + env(safe-area-inset-bottom,0px))} body > footer{display:none} .home-body > section[aria-labelledby="h-atalhos"],.home-body > .m-guide,.home-body > section[aria-labelledby="h-agora"]{display:none} .home-body > section[aria-labelledby="h-caderno"]{display:block;order:0} .home-body > section[aria-labelledby="h-caderno"] .block-head{display:none} .home-body > section[aria-labelledby="h-caderno"] .stats{display:block;margin:0;padding:0;overflow:visible} .home-body > section[aria-labelledby="h-caderno"] .stats .stat{display:none} .home-body > section[aria-labelledby="h-caderno"] .stats .stat:first-child{display:flex;width:auto;padding:18px 20px} .home-body > section[aria-labelledby="h-live"] .block-head a{display:none} .tap-card{cursor:pointer;position:relative;transition:transform .2s var(--ease)} .tap-card:active{transform:scale(.98)} .hero-secondary{display:none} .view-inner{padding-bottom:28px} } /* Configurações: cartão de instalar o aplicativo */ .set-install{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;align-items:center;margin-top:12px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#0B3550 0%,#00283F 60%,#3a2a33 100%);color:#F6F3EC;box-shadow:0 10px 30px rgb(0 40 63 / .25)} .set-install[hidden]{display:none} .set-install img{width:56px;height:56px;border-radius:14px;box-shadow:0 4px 14px rgb(0 0 0 / .3)} .set-install .si-txt{display:flex;flex-direction:column;gap:3px;min-width:0} .set-install .si-txt b{font-weight:500;font-size:1.02rem} .set-install .si-txt span{font-size:.84rem;line-height:1.4;color:rgb(246 243 236 / .78)} .set-install-btn{grid-column:1 / -1;width:100%;height:44px;background:#E8CF86;color:#1d1a10;font-weight:500} .set-install-btn:hover{background:#efd998} .set-install-btn .ico{width:18px;height:18px}