/* The original Tico palette, illustrations and activity engines are retained. */
:root{--sombra:0 4px 14px rgba(75,58,42,.055);--terr-bg:#FBE8DE;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{min-height:100dvh}
img{max-width:100%}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:disabled{cursor:default}
[hidden]{display:none!important}
.spacer{min-width:0}
.loading{padding-top:25vh}.loading img{object-fit:contain}
.retorno:not(.on){visibility:hidden}.retorno.on{visibility:visible}
.skip-link{position:fixed;top:-100px;left:12px;background:var(--roxo);color:white;padding:12px 20px;z-index:200;border-radius:10px}
.skip-link:focus{top:10px}
.wrap{max-width:1120px;padding:28px 24px 115px}
.wrap.estreito{max-width:610px}
.topo{min-height:82px;padding:14px max(24px,calc((100vw - 1072px)/2));gap:12px;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--bg) 94%,transparent);top:0;padding-top:calc(14px + env(safe-area-inset-top,0px))}
.topo .titulo{font-size:1.1rem}.topo small{margin-top:3px}
.btn{box-shadow:0 3px 0 var(--roxo-esc);font-size:.96rem;padding:13px 22px;transition:background .15s,transform .15s;line-height:1.4}
.btn.sec{box-shadow:none;border-width:1px}
.btn.amarelo{box-shadow:0 3px 0 #D2AF56}
.btn.peq{min-height:44px;padding:9px 16px}
.btn:hover{filter:brightness(.97)}
.icone-btn{width:46px;height:46px;border:1px solid var(--line);box-shadow:none}
.card,.beneficio{border:1px solid var(--line)}
.selo-demo{display:none}
.preview-bar{font-size:.75rem;color:var(--ink2);border-bottom:1px solid var(--line);padding:8px 20px;text-align:center;background:var(--bg2);line-height:1.6}
.preview-bar b{color:var(--roxo)}
.brand-lockup{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand-icon{width:45px;height:45px;object-fit:contain;border-radius:14px;background:var(--amarelo);padding:2px}
.desktop-links{display:flex;gap:22px;align-items:center;margin-right:14px}
.desktop-links a{font-size:.87rem;text-decoration:none;font-weight:600;color:var(--ink2)}
.hero{padding:30px 0 38px;gap:50px;grid-template-columns:1.15fr .85fr}
.hero h1{font-size:clamp(2.2rem,4.2vw,3.5rem);line-height:1.12;letter-spacing:-.035em;margin:18px 0}
.hero p{max-width:580px}.hero .tico-hero{width:310px;height:310px;aspect-ratio:1;overflow:visible;position:relative;background:#F5DB8C;border:12px solid #F9EAB9;box-shadow:0 12px 0 #F1E3C6;isolation:isolate}
.hero .tico-hero img{width:95%;height:95%;object-fit:contain}
.hero .tico-hero:before,.hero .tico-hero:after{position:absolute;z-index:-1;font-family:var(--mao);color:var(--roxo);font-size:2.4rem;font-weight:700}
.hero .tico-hero:before{content:'olá!';top:-30px;right:-14px;transform:rotate(14deg)}
.hero .tico-hero:after{content:'✧';bottom:-18px;left:-30px;font-family:inherit;font-size:3.2rem;color:var(--terracota)}
.eyebrow{color:var(--roxo);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:700}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 12px}
.hero-note{font-size:.78rem!important;color:var(--ink2);line-height:1.65}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:34px 0 20px}
.section-heading h2{font-size:1.7rem;margin:6px 0 0;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--ink2);font-size:.88rem;max-width:400px}
.beneficios{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 42px}
.beneficio{box-shadow:none;padding:20px;font-size:.84rem;line-height:1.65}
.beneficio b{font-size:.9rem;line-height:1.45;margin-bottom:8px}
.how-to{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:20px 0 40px}
.how-to article{border-top:2px solid var(--line);padding:18px 8px 0}.how-to .step{font-family:var(--mao);font-size:2.3rem;color:var(--roxo)}
.how-to h3{font-size:1rem;margin:8px 0}.how-to p{font-size:.86rem;color:var(--ink2);line-height:1.7;margin:0}
.trial-panel{border:1px solid #D9C2E0;background:var(--lilas);border-radius:26px;padding:28px;display:flex;align-items:center;gap:24px;margin:30px 0}
.trial-panel h2{font-size:1.4rem}.trial-panel p{font-size:.85rem;line-height:1.7;margin:6px 0}.trial-panel>div:first-child{flex:1}
.trial-actions{display:grid;gap:12px;min-width:240px}
.planos-wrap .beneficios{grid-template-columns:1fr 1fr}.plano{border:1px solid var(--line);box-shadow:none;padding:28px}.plano:nth-child(2){border-color:#BD91C4}.plano h3{font-size:1.35rem}.plano .preco{margin:20px 0;font-size:2.5rem}.plano p,.plano li{font-size:.86rem;line-height:1.75}.plano li:last-child{font-size:.78rem;color:var(--ink2)}
.install-panel{border-radius:24px;padding:24px;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;gap:20px;margin-top:26px}
.install-panel img{width:65px;height:65px;border-radius:18px}.install-panel h3{font-size:1.1rem}.install-panel p{font-size:.84rem;margin:6px 0;color:var(--ink2)}
.rodape{border-top:1px solid var(--line);padding-top:24px;line-height:1.9}
.welcome-panel{display:flex;align-items:center;gap:22px;background:var(--lilas);border:1px solid #E2CCE7;border-radius:28px;padding:26px 30px;margin-bottom:24px;overflow:hidden}
.welcome-panel img{width:116px;height:116px;object-fit:contain}.welcome-panel h1{font-size:clamp(1.6rem,3vw,2rem);margin:0 0 8px;letter-spacing:-.025em}.welcome-panel p{margin:0;font-size:.9rem}.welcome-panel .progress-tag{margin-left:auto;background:var(--card);border-radius:20px;padding:15px 22px;text-align:center;font-size:.78rem;white-space:nowrap}.progress-tag b{display:block;color:var(--roxo);font-size:1.6rem}
.activity-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:24px 0 12px}.activity-toolbar h2{font-size:1.35rem;margin:0}.search-box{position:relative;max-width:340px;width:100%}.search-box input{padding:12px 42px 12px 16px;border-width:1px;font-size:.86rem}.search-box button{position:absolute;right:4px;top:4px;min-width:38px;min-height:38px;background:none;border:0;border-radius:10px;font-size:1.2rem}
.activity-filters{display:flex;gap:8px;overflow:auto;margin:12px 0 22px;padding:3px 1px 9px;scrollbar-width:thin}.activity-filters button{border:1px solid var(--line);background:var(--card);border-radius:30px;padding:10px 16px;min-height:44px;white-space:nowrap;font-size:.79rem;font-weight:600}.activity-filters button.on{background:var(--roxo);border-color:var(--roxo);color:#fff}
.grade-atividades{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ativ{border:1px solid var(--line);padding:20px 15px;box-shadow:0 4px 0 var(--line);min-height:225px;align-content:start;gap:12px;transition:transform .15s,border-color .15s}.ativ:hover{transform:translateY(-3px);border-color:#B78DBD}.ativ .bolha{width:88px;height:88px}.ativ .nome{font-size:.94rem}.ativ .activity-subtitle{color:var(--ink2);font-size:.72rem;font-weight:400;line-height:1.55}.ativ .mini-estrelas{font-size:.74rem;margin-top:auto}.ativ.locked{background:color-mix(in srgb,var(--card) 65%,var(--bg2))}.ativ.locked .bolha{opacity:.65}.activity-count{color:var(--ink2);font-size:.78rem}
.resume-card{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px 20px;margin-bottom:20px}.resume-card>span{font-size:2rem}.resume-card p{font-size:.8rem;color:var(--ink2);margin:4px 0 0}.resume-card b{font-size:.9rem}
.empty-state{grid-column:1/-1;text-align:center;border:2px dashed var(--line);border-radius:24px;padding:35px;color:var(--ink2)}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;background:color-mix(in srgb,var(--card) 97%,transparent);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px max(16px,calc((100vw - 700px)/2)) calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.bottom-nav a,.bottom-nav button{font:600 .7rem var(--fonte);text-decoration:none;color:var(--ink2);border:0;background:transparent;border-radius:16px;min-height:53px;display:grid;justify-items:center;align-content:center;gap:3px;padding:5px}
.bottom-nav .nav-symbol{font-size:1.2rem;line-height:1.2}.bottom-nav .on{color:var(--roxo);background:var(--lilas)}
.adult-note{background:var(--bg2);border-radius:14px;font-size:.77rem;padding:12px 16px;margin-bottom:20px;color:var(--ink2);line-height:1.7}
.route-title{font-size:1.5rem}.abas{flex-wrap:wrap;overflow:visible;gap:8px}.abas button{box-shadow:none;border:1px solid var(--line);min-height:44px;font-size:.8rem}.abas button.on{border-color:var(--roxo)}
.cab-ativ .bolha{width:72px;height:72px;font-size:2.2rem}.cab-ativ h2{font-size:1.4rem}.cab-ativ p{font-size:.86rem}
.nivel{border:1px solid var(--line);box-shadow:0 3px 0 var(--line)}.nivel .n{width:48px;height:48px}.nivel .seta{font-size:1.1rem}.nivel b{font-size:.98rem}
.palco-topo{gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:20px}.palco-topo b{font-size:1.05rem}
.instrucao{border:1px solid var(--line);font-size:1rem;line-height:1.6}.card-emo{border-width:2px;min-height:150px}.opcao{min-height:78px}.opcao[disabled]{opacity:1}.grade-emo{grid-template-columns:repeat(3,minmax(0,1fr));max-width:660px;margin:auto}.detalhe-emo{max-width:660px;margin:20px auto 0}
.termo-seg{min-height:52px}.nav-hs{gap:10px}.nav-hs .btn{padding:12px 18px}.retorno{bottom:calc(90px + env(safe-area-inset-bottom,0px));box-shadow:0 8px 35px #4B3A2A22}.retorno .face{width:42px;height:42px}.retorno span{font-size:.9rem}
.modal-fundo{padding:20px;background:rgba(40,28,20,.46);backdrop-filter:blur(4px)}.modal{padding:28px;max-height:calc(100dvh - 40px)}.modal-close{float:right;border:0;background:var(--bg2);width:38px;height:38px;min-height:38px;border-radius:50%;font-size:1.3rem}.modal h2{font-size:1.45rem}.modal p,.modal li{font-size:.88rem;line-height:1.8}.modal ol{padding-left:22px}
.settings-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:start}.settings-grid .card+.card{margin-top:0}.settings-grid h2{font-size:1.15rem}.interruptor{font-size:.88rem}.interruptor:last-child{border-bottom:0}.settings-message{font-size:.8rem;min-height:1.5em;color:var(--ok);margin:12px 0 0}.settings-grid .stack{display:grid;gap:18px}.segmented{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.segmented button{border-radius:12px;border:1px solid var(--line);background:var(--bg);padding:10px 14px;min-height:44px;font-size:.8rem}.segmented button.on{background:var(--roxo);color:#fff;border-color:var(--roxo)}
#connection{position:fixed;top:0;left:0;right:0;z-index:150;background:var(--amarelo);color:#4B3A2A;text-align:center;font-size:.76rem;padding:6px;pointer-events:none}
#toast{position:fixed;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%,10px);max-width:calc(100vw - 32px);padding:12px 20px;background:var(--ink);color:var(--bg);border-radius:14px;box-shadow:var(--sombra);z-index:160;opacity:0;pointer-events:none;font-size:.86rem;text-align:center;transition:.2s}
#toast.on{opacity:1;transform:translate(-50%,0)}
[data-theme="dark"] .welcome-panel,[data-theme="dark"] .trial-panel{border-color:var(--line)}
[data-reduced-motion="true"] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(min-width:1200px){.grade-atividades{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:800px){.desktop-links{display:none}.hero{gap:25px}.hero .tico-hero{width:240px;height:240px}.beneficios{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-atividades{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.trial-panel{align-items:start}.trial-actions{min-width:210px}.welcome-panel{padding:22px}.welcome-panel .progress-tag{display:none}}
@media(max-width:600px){
 .wrap{padding:22px 16px 108px}.topo{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px));min-height:74px;gap:8px}.topo .titulo{font-size:.94rem}.topo .titulo small{font-size:.67rem}.topo>.btn{font-size:.74rem;padding:9px 12px}.topo .estrelas-chip{padding:7px 10px;font-size:.85rem}.topo .icone-btn{width:42px;height:42px;font-size:1.1rem}.topo .avatar{width:40px!important;height:40px!important;font-size:1.1rem!important}.brand-icon{width:39px;height:39px}.preview-bar{font-size:.65rem;padding:6px 12px}
 .hero{grid-template-columns:1fr;padding:12px 0 24px;gap:25px}.hero h1{font-size:2.3rem;margin:12px 0 16px}.hero p{font-size:.98rem!important}.hero .tico-hero{grid-row:1;width:166px;height:166px;border-width:7px;justify-self:center;margin:8px 0}.hero .tico-hero:before{font-size:1.7rem;top:-15px}.hero .tico-hero:after{font-size:2.3rem}.hero .hero-note{font-size:.73rem!important}.hero-actions{gap:10px;margin-top:20px}.hero-actions .btn{flex:1;white-space:nowrap;font-size:.85rem;padding:12px 15px}.eyebrow{font-size:.67rem;letter-spacing:.08em}
 .section-heading{display:block;margin-top:28px}.section-heading h2{font-size:1.45rem}.section-heading p{margin-top:10px;font-size:.83rem}.beneficios{gap:10px;margin-bottom:25px}.beneficio{padding:15px 13px;font-size:.74rem;border-radius:16px}.beneficio b{font-size:.8rem}.how-to{grid-template-columns:1fr;gap:16px}.how-to article{position:relative;padding:15px 8px 0 48px;min-height:80px}.how-to .step{position:absolute;left:4px;top:9px;font-size:2rem}.how-to h3{font-size:.9rem;margin:0 0 6px}.how-to p{font-size:.78rem}
 .trial-panel{display:block;padding:22px;margin:24px 0}.trial-panel h2{font-size:1.3rem}.trial-actions{margin-top:18px;grid-template-columns:1fr}.trial-actions .btn{font-size:.87rem}.planos-wrap .beneficios{grid-template-columns:1fr}.plano{padding:24px}.install-panel{padding:18px;flex-wrap:wrap;gap:13px}.install-panel>div{flex:1;min-width:150px}.install-panel img{width:54px;height:54px}.install-panel .btn{width:100%}.install-panel h3{font-size:1rem}.install-panel p{font-size:.77rem}
 .welcome-panel{padding:19px 16px;gap:12px;border-radius:23px}.welcome-panel img{width:75px;height:85px;flex-shrink:0}.welcome-panel h1{font-size:1.4rem;margin-bottom:6px}.welcome-panel p{font-size:.79rem}.activity-toolbar{display:block;margin:22px 0 12px}.activity-toolbar h2{font-size:1.22rem}.search-box{max-width:none;margin-top:14px}.search-box input{min-height:48px}.activity-filters{margin:10px 0 16px}.activity-filters button{font-size:.73rem;padding:10px 13px}.grade-atividades{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ativ{padding:18px 11px 14px;border-radius:21px;min-height:216px;gap:10px}.ativ .bolha{width:75px;height:75px}.ativ .nome{font-size:.82rem}.ativ .activity-subtitle{font-size:.68rem}.ativ .mini-estrelas{font-size:.68rem}.resume-card{padding:15px;gap:10px;flex-wrap:wrap}.resume-card>div{flex:1;min-width:175px}.resume-card .btn{width:100%}.resume-card b{font-size:.83rem}.resume-card p{font-size:.74rem}
 .bottom-nav{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));gap:4px}.bottom-nav a,.bottom-nav button{font-size:.63rem;min-height:52px}.bottom-nav .nav-symbol{font-size:1.13rem}.cab-ativ{gap:12px}.cab-ativ .bolha{width:60px;height:60px;font-size:1.9rem}.cab-ativ h2{font-size:1.13rem}.cab-ativ p{font-size:.79rem}.nivel{padding:15px 12px;gap:11px}.nivel .n{width:42px;height:42px;font-size:1.1rem}.nivel b{font-size:.87rem}.nivel .small{font-size:.75rem}.palco-topo b{font-size:.87rem}.palco-topo .small{font-size:.72rem}.instrucao{font-size:.88rem;padding:10px 12px;gap:10px}.instrucao .ouvir{width:42px;height:42px}.grade-emo{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-emo{padding:10px;min-height:142px;font-size:.85rem}.card-emo .face{width:84px;height:84px}.opcoes{grid-template-columns:repeat(2,minmax(0,1fr))}.opcao{font-size:.84rem;padding:12px}.opcao .face{width:80px;height:80px}.situacao{font-size:.92rem;gap:10px;padding:14px}.situacao .emoji{font-size:2.3rem}.detalhe-emo{padding:12px;font-size:.85rem;gap:10px}.detalhe-emo .face{width:62px;height:62px}.dois-botoes{gap:12px}.dois-botoes .btn{font-size:.85rem;padding:12px}.grade-cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}.cartao{font-size:.82rem;min-height:100px}.slots.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.slot{padding:6px;font-size:.72rem;min-height:112px}.slot .ordem{font-size:.63rem}.grade-foco{gap:6px}.celula{min-width:0;min-height:44px;border-radius:12px}.modelo-alvo{font-size:.8rem;gap:8px;padding:10px}.modelo-alvo svg{width:40px;height:40px}.nav-hs .btn{font-size:.78rem;padding:10px 13px}.nav-hs .small{font-size:.68rem}.texto-hs{font-size:1rem}.regra{gap:8px}.regra div{font-size:.85rem;padding:10px}.regra .bola{width:24px;height:24px}.luz{width:75px;height:75px}.retorno{bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:12px}.retorno span{font-size:.8rem}.festa h2{font-size:2.2rem!important}.festa .face-grande{width:130px;height:130px}.abas{gap:6px;margin-bottom:20px}.abas button{font-size:.72rem;padding:10px 12px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi{font-size:.74rem}.kpi b{font-size:1.35rem}.tabela{font-size:.78rem}.card{padding:18px}.card h3{font-size:1rem}.interruptor{font-size:.8rem}.interruptor .small{font-size:.72rem}.perfis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.perfil{font-size:.94rem}.modal{padding:23px}.modal h2{font-size:1.25rem}.modal p,.modal li{font-size:.8rem}.rodape{font-size:.73rem}.check{font-size:.8rem}.row>.campo{max-width:100%}.aviso{font-size:.8rem}.nav-hs{flex-wrap:nowrap}.palco{min-height:45dvh}
}
@media(max-width:360px){.topo .titulo small{display:none}.topo .estrelas-chip{padding:6px;font-size:.75rem}.topo{gap:6px}.hero h1{font-size:2.05rem}.hero-actions{display:grid}.ativ .nome{font-size:.77rem}.ativ{min-height:210px}.grade-atividades{gap:10px}.palco-topo{gap:8px}.instrucao{font-size:.82rem}.grade-foco{gap:4px}.celula{min-height:44px;border-width:2px}.bottom-nav a,.bottom-nav button{font-size:.6rem}}
@media print{.bottom-nav,.preview-bar,#connection,#toast{display:none!important}.wrap{padding:0}.card,.btn{box-shadow:none}}