/* Shared interaction surfaces. Images and the existing brands remain intact. */
[hidden]{display:none!important}.operation-lab button,.hero-preview button,.brief-options button,.logistics-flow button,.process-explore,.game-tools button,.game-result button,.scene-pick{font:inherit;cursor:pointer;min-height:46px}.operation-lab button:focus-visible,.hero-preview button:focus-visible,.brief-options button:focus-visible,.logistics-flow button:focus-visible,.process-explore:focus-visible,.game-tile:focus-visible,.game-tools button:focus-visible,.scene-pick:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #f0bb55;outline-offset:4px}button:disabled{cursor:default;opacity:.5}
[data-experience=software] .hero{background:radial-gradient(ellipse at 85% 20%,#237c8c66,transparent 55%),linear-gradient(135deg,#061d32,#092f43 55%,#123f40);padding-top:50px;padding-bottom:8px;position:relative;color:#fff}[data-experience=software] .hero:before{content:'';position:absolute;inset:0;background:url('/assets/conexoes-v2.webp') right top/70% auto no-repeat;opacity:.09;pointer-events:none}[data-experience=software] .hero-grid{position:relative;gap:60px;padding-block:30px 70px;grid-template-columns:1fr 1fr}[data-experience=software] .hero h1{font-size:clamp(48px,5.4vw,78px)}[data-experience=software] .hero h1 span{color:#9af1c2}[data-experience=software] .hero-description{color:#c5d6e1;max-width:500px}[data-experience=software] .hero .eyebrow{color:#9af1c2}[data-experience=software] .hero .text-link{color:#a5ebd9}[data-experience=software] .hero .button{background:#9af1c2;color:#0a2a3b;border-color:#9af1c2}[data-experience=software] .topic-strip{color:#c6e4df;border-top-color:#3c5d65}[data-experience=software] .topic-strip span{color:#c6e4df}[data-experience=software] .header{box-shadow:0 5px 30px #052a420a}.hero-preview{background:linear-gradient(145deg,#163c51e8,#081e32f2);border:1px solid #679b9a66;border-radius:24px;padding:30px;box-shadow:0 25px 70px #0004;color:#e6fff7;min-width:0;position:relative}.preview-top,.lab-screen-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 11px/1.5 system-ui,sans-serif;letter-spacing:.06em}.preview-top span:last-child{font-size:10px;color:#b0cbd1}.preview-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.preview-sources span{display:block;padding:18px 10px;border:1px solid #4c7586;border-radius:14px;text-align:center;background:#193e53;color:#d8f1eb;font-weight:600;font-size:14px}.preview-path{height:65px;display:flex;justify-content:space-around;align-items:stretch;position:relative}.preview-path i{display:block;width:2px;background:#548387;position:relative}.preview-path:after{content:'';position:absolute;left:16%;right:16%;top:42px;border-bottom:2px solid #548387}.preview-path i:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#9af1c2;left:-3px;top:10px;opacity:.25}.is-active .preview-path i:after{animation:signal 600ms ease-out both;opacity:1}.preview-output{border:1px solid #557f87;border-radius:14px;padding:22px;background:#0a2939;text-align:center;min-height:120px}.preview-output>span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#bce8d2}.preview-output p{font-size:17px;line-height:1.5;color:#dceee8;margin-top:8px}.hero-preview.is-active .preview-output{background:#103f39;border-color:#9af1c2}.preview-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.preview-actions button:last-child{background:transparent;border:1px solid #547781;color:#d7efdf;border-radius:9px;font-size:23px;min-width:46px}.hero-preview>a{display:block;font-size:12px;margin-top:20px;color:#bce9d4}.demo-primary{border:0!important;border-radius:10px;background:#9af1c2;color:#082e33;font-weight:750;padding:13px 23px;min-height:48px;cursor:pointer}.demo-primary:hover{background:#c4ffda}
[data-experience=software] .problems{background:#eef5f1}[data-experience=software] .problems-grid{grid-template-columns:.75fr 1.25fr;gap:50px}.brief-builder{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brief-options{display:flex;flex-direction:column;gap:10px}.brief-options button{border:1px solid #ccdcd3;border-radius:12px;padding:16px 18px;text-align:left;background:white;color:#294f50;font-size:13px;transition:border-color .2s,background .2s}.brief-options button[aria-pressed=true]{background:#0b4550;color:#fff;border-color:#0b4550}.brief-result{display:flex;flex-direction:column;justify-content:center;gap:16px;background:#fff;padding:28px;border:1px solid #c6dcd1;border-radius:18px}.brief-result>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#286c5b;font-weight:700}.brief-result p{font-size:15px;line-height:1.7;color:#234e51}.brief-result .button{font-size:12px;gap:10px;padding:12px 16px}
[data-experience=software] .examples{background:#071e30;color:#fff}[data-experience=software] .examples .eyebrow{color:#9af1c2}[data-experience=software] .examples h2>span{color:#9af1c2}[data-experience=software] .examples .section-heading>p{color:#b6d0d4}[data-experience=software] .start-small{background:#12394c;border-color:#345869}[data-experience=software] .start-small h3{color:#fff}[data-experience=software] .start-small p{color:#b6d0d4}.operation-lab{display:grid;grid-template-columns:230px 1fr;border:1px solid #426578;border-radius:22px;overflow:hidden;min-height:480px;background:#0d2a3c;color:#e2f4ee}.lab-tabs{display:flex;flex-direction:column;padding:20px 14px;gap:8px;border-right:1px solid #34566a;background:#102e43}.lab-tabs button{text-align:left;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:10px;color:#b6d0d4;font-size:13px;font-weight:650}.lab-tabs button[aria-selected=true]{background:#9af1c2;color:#0a333a}.lab-screen{min-width:0;padding:26px 30px}.lab-screen-bar{margin-bottom:28px;color:#9cc1c4}.lab-screen-bar i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#9af1c2}.lab-screen-bar>span:last-child{font-size:10px;font-weight:400;letter-spacing:0}.lab-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px;justify-content:space-between}.lab-controls fieldset{display:flex;flex-wrap:wrap;gap:14px;border:0;padding:0;margin:0}.lab-controls legend{color:#bbd6d8;font-size:12px;margin-bottom:12px}.operation-lab label{font-size:13px;cursor:pointer;color:#d5eeea}.operation-lab input[type=checkbox]{accent-color:#9af1c2;min-height:18px;min-width:18px;vertical-align:middle}.lab-flow{display:flex;align-items:center;gap:14px;margin:25px 0;color:#a9cbce}.lab-flow span{border:1px solid #41697c;border-radius:8px;padding:10px 20px;font-size:12px}.lab-flow.is-complete span{border-color:#8ad3b0;color:#ceffdd}.lab-screen [role=status]{color:#c4e3dd;font-size:14px;min-height:24px;margin:16px 0}.lab-table-wrap{overflow-x:auto;margin-top:20px;border:1px solid #365c6b;border-radius:10px}.operation-lab table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.operation-lab th{font-weight:600;color:#9fc9d0;background:#173b4e}.operation-lab th,.operation-lab td{padding:12px 16px;border-bottom:1px solid #33576a}.operation-lab td{color:#daf0e9}.operation-lab tr:last-child td{border-bottom:0}.lab-screen section>p{color:#bbd3d6}.connection-stage{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:35px 0}.system-node{border:1px solid #487181;padding:24px 12px;border-radius:16px;text-align:center;min-width:0}.system-node span{display:block;color:#accdd0;font-size:12px}.system-node strong{display:block;font-size:36px;margin-top:10px;color:#e3fff3}.connection-stage>button{background:#173c4e;color:#b1d8d9;border:1px solid #6b8d97;border-radius:50px;font-size:12px;padding:10px 16px}.connection-stage.is-connected>button{background:#9af1c2;color:#103c36}.connection-stage.is-connected .system-node{border-color:#9af1c2}.pending-controls{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.pending-controls button{background:transparent;border:1px solid #608590;border-radius:8px;color:#cfeadf;padding:8px 16px;font-size:12px}.pending-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pending-order{display:flex;align-items:center;gap:12px;border:1px solid #476677;padding:12px;border-radius:10px;flex-wrap:wrap}.pending-order b{font-size:14px}.pending-order span{color:#b3d0d3;font-size:11px}.pending-order button{margin-left:auto;min-height:44px;background:#fae0a4;border:0;border-radius:7px;padding:6px 12px;font-size:12px;color:#443011}.pending-order.resolved{border-color:#396d5e;background:#0d3a34}.effort-controls{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:20px 0}.effort-controls label{display:grid;gap:18px;align-items:center}.effort-controls output{font-size:35px;color:#c4ffdc;font-weight:650}.effort-controls input{width:100%;accent-color:#9af1c2;min-height:44px}.lab-screen .effort-result{font-size:clamp(24px,3vw,40px);line-height:1.3;color:#e7fff3}.lab-screen .effort-note{font-size:11px;max-width:550px;color:#a9c5ce}
.solution-card{position:relative}.solution-demo{display:inline-flex;align-items:center;min-height:46px;font-size:12px;font-weight:650;margin:0 30px 22px;color:inherit;text-decoration:underline;text-underline-offset:4px}.logistics-flow{padding:20px;background:#fff;border-radius:15px;border:1px solid #cee0d5;margin-top:20px}.logistics-flow>div{display:flex;gap:6px;margin:15px 0;flex-wrap:wrap}.logistics-flow button{padding:9px 15px;background:#edf4ef;border:1px solid #c5dccd;border-radius:8px;color:#244e4c;font-size:12px}.logistics-flow button[aria-pressed=true]{background:#0b4550;color:#fff;border-color:#0b4550}.logistics-flow>p{font-size:12px}.logistics-flow [data-flow-copy]{font-size:13px;line-height:1.8}.process-explore{margin-top:16px;padding:9px 15px;border:1px solid #bad2c5;background:white;border-radius:8px;color:#17514e;font-size:12px}.process-explore[aria-pressed=true]{background:#0b4550;color:#fff;border-color:#0b4550}.process-response{padding:24px;border:1px solid #c3d9cf;border-radius:14px;margin-top:24px;background:white;color:#224c4c;font-size:15px}.person-detail{align-self:stretch;padding:18px 25px;border-top:1px solid #bfd6ca}.person-detail summary,.character-tip summary{cursor:pointer;min-height:44px;font-size:13px;font-weight:700;display:list-item}.person-detail p{font-size:13px;margin:10px 0}.team-person{flex-wrap:wrap}.person-detail{flex-basis:100%}.team-person-copy{min-width:0}
/* Playable forest miniature: physical buttons, layered tiles and a persistent tray. */
.playground{background:radial-gradient(ellipse at 50% 0%,#fdf5d7,#ecf4df 65%,#dfedda);padding:80px 0;color:#1b463b;position:relative}.play-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.play-heading>div{max-width:700px}.play-heading h2{font-size:clamp(32px,4vw,56px);font-weight:900}.play-heading p:last-child{font-size:16px;color:#4e6b53;line-height:1.7;max-width:600px;margin-top:18px}.play-heading>img{width:100px;height:130px;object-fit:contain}.mini-game{border:1px solid #749770;border-radius:28px;background:#173d31;box-shadow:0 20px 50px #254e382b;overflow:hidden;color:#fff9e9;max-width:1040px;margin:0 auto}.game-top{padding:20px 28px;background:#0e2f27;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.game-mode label{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.game-mode select{color:#143c31;background:#f8efd4;border:1px solid #b6bd87;padding:10px 32px 10px 12px;min-height:44px;border-radius:9px;font:inherit;max-width:220px}.game-counters{display:flex;gap:24px}.game-counters>span{display:flex;align-items:center;gap:8px}.game-counters b{font-size:23px;color:#efce79}.game-counters span span{font-size:11px;color:#cde2c3}.game-stage{display:grid;grid-template-columns:minmax(280px,1fr) minmax(200px,.65fr);align-items:center;gap:24px;padding:32px;background:linear-gradient(#09231799,#092317ab),url('/projetos/trincamania/images/floresta-atmosfera.webp') center/cover;min-height:380px}.mini-game[data-world=valleys] .game-stage{background-image:linear-gradient(#071c3aa8,#0b244ac2),url('/projetos/trincamania/images/mundo-vales.webp')}.mini-game[data-world=crystal] .game-stage{background-image:linear-gradient(#1f113bac,#1b103ac2),url('/projetos/trincamania/images/mundo-cristais.webp')}.game-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;max-width:450px;width:100%;margin:0 auto;align-self:center;padding:20px 4px}.tile-cell{aspect-ratio:1;position:relative;min-width:0}.game-tile{position:absolute;inset:0;border:2px solid #eadfa4;background:linear-gradient(140deg,#fff9dc,#f4dfa5);border-radius:17%;box-shadow:0 5px 0 #b08d56,0 7px 14px #0005;min-height:44px;min-width:44px;padding:9%;cursor:pointer;transition:transform .16s,filter .16s;border-bottom-color:#cdb171}.game-tile img{width:100%;height:100%;object-fit:contain;pointer-events:none;display:block}.game-tile.tile-back{transform:translate(-6px,7px);z-index:0}.game-tile.tile-front{transform:translate(3px,-3px);z-index:1}.game-tile.is-covered{filter:brightness(.58);opacity:1;box-shadow:0 4px 0 #93754b;cursor:default}.game-tile:not(:disabled):hover{transform:translate(3px,-7px);box-shadow:0 9px 0 #a88242,0 15px 20px #0006}.tile-lock{position:absolute;right:4px;bottom:0;color:#fff;font-size:14px;display:none}.is-covered .tile-lock{display:block}.game-tile.is-hint{outline:4px solid #94ffcf;outline-offset:3px}.game-coach{display:grid;align-content:center;justify-items:center;gap:12px}.game-coach>img{width:130px;max-height:90px;object-fit:contain;filter:drop-shadow(0 8px 8px #0004)}.coach-bubble{border-radius:20px;background:#fff7dd;border:2px solid #e8c57b;color:#314d36;padding:20px;width:100%;box-shadow:0 8px 20px #0002}.coach-bubble p{font-size:14px;font-weight:700;color:#314d36;line-height:1.7;margin:0}.game-coach progress{width:85%;height:9px;accent-color:#a0e8a6}.game-result{text-align:center}.result-stars{display:block;font-size:28px;color:#ffe382;text-shadow:0 2px 2px #9c642f}.game-result button{background:#f3cf76;color:#31452c;border:0;border-radius:12px;padding:10px 18px;margin-top:12px;font-size:13px;font-weight:800}.is-lost .result-stars{display:none}.is-lost .coach-bubble{border-color:#e6aa8c}.is-won .coach-bubble{border-color:#b5e8a4;background:#eeffde}.tray-shell{padding:18px 32px 4px;background:#12372d}.tray-shell>span{font-size:11px;color:#d8e1b8;display:block;margin-bottom:12px;text-align:center}.game-tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;max-width:670px;margin:0 auto;padding:14px;border:2px solid #a58c57;border-radius:18px;background:linear-gradient(#714e32,#9a7146);box-shadow:inset 0 3px 5px #0004}.tray-slot{aspect-ratio:1;background:#432f24a8;border-radius:10px;border:1px solid #c29e6c77;min-width:0}.tray-slot img{width:100%;height:100%;object-fit:contain;padding:8%}.tray-slot.filled{background:#f7e7b7;box-shadow:0 3px 0 #b28a4d}.game-tools{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:20px 18px 4px;background:#12372d}.game-tools button{background:#234c3e;border:1px solid #65866a;color:#fff4d7;font-size:13px;font-weight:750;padding:10px 15px;border-radius:11px}.game-tools button:hover:not(:disabled){background:#346d52}.game-access{text-align:center;font-size:10px;color:#bfd4b5;background:#12372d;padding:12px 16px 22px;letter-spacing:.03em}.play-note{max-width:750px;font-size:11px;line-height:1.7;text-align:center;color:#486149;margin:24px auto 0}.scene-pick{display:block;margin:10px 18px 20px;padding:12px 14px;background:#f2e8c7;color:#1e483c;border:1px solid #bfcf9f;border-radius:11px;font-size:12px;font-weight:800;text-align:left}.scene-pick[aria-pressed=true]{background:#174f3d;color:#eff8d3;border-color:#174f3d}.character-tip{padding:0 22px 24px}.character-tip p{font-size:13px;line-height:1.7;margin-bottom:16px}.character-tip a{font-size:12px;font-weight:800;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}.playground+.game-section{padding-top:75px}.hero-actions .button{white-space:normal}.playground noscript p,.operation-lab noscript p{padding:20px;font-size:14px}.lab-tabs button,.game-tools button,.brief-options button{overflow-wrap:anywhere}
@keyframes signal{from{transform:translateY(0)}to{transform:translateY(34px)}}
@media(max-width:1100px){[data-experience=software] .hero-grid{gap:30px}.brief-builder{grid-template-columns:1fr}.operation-lab{grid-template-columns:185px 1fr}.lab-screen{padding:24px}[data-experience=software] .navigation{gap:14px;font-size:11px}.game-stage{gap:20px}.team-person{display:flex}}
@media(max-width:800px){[data-experience=software] .hero-grid{grid-template-columns:1fr;gap:24px;padding-bottom:35px}[data-experience=software] .hero-copy{padding-bottom:8px}.hero-preview{padding:24px}[data-experience=software] .problems-grid{grid-template-columns:1fr;gap:28px}.brief-builder{grid-template-columns:1fr 1fr}.operation-lab{grid-template-columns:1fr}.lab-tabs{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #34566a;padding:14px;gap:5px}.lab-tabs button{flex:1 1 40%;font-size:12px;padding:12px;text-align:center}.game-stage{grid-template-columns:1fr;gap:14px;padding:24px 20px}.game-board{max-width:380px}.game-coach{grid-template-columns:65px 1fr;gap:12px}.game-coach>img{width:65px;height:65px}.game-coach progress{grid-column:2;width:100%}.game-coach [data-result]{grid-column:1/-1}.coach-bubble{padding:15px}.coach-bubble p{font-size:12px}.game-top{padding:16px 20px;justify-content:center}.game-tools{gap:7px}.playground{padding:55px 0}.play-heading>img{width:70px;height:100px}.game-counters{gap:18px}.scene-pick{margin-inline:14px}.connection-stage{gap:10px}.lab-flow span{padding:10px 14px}}
@media(max-width:480px){.hero-preview{padding:18px}.preview-sources{gap:6px}.preview-sources span{font-size:12px;padding:12px 7px}.preview-top{font-size:10px}.preview-top span:last-child{max-width:100px}.brief-builder{grid-template-columns:1fr}.lab-screen{padding:18px 15px}.lab-screen-bar>span:last-child{max-width:100px;text-align:right}.lab-controls{align-items:stretch}.lab-controls .demo-primary{width:100%}.lab-flow{gap:7px;justify-content:space-between}.lab-flow span{padding:8px;font-size:10px}.pending-board{grid-template-columns:1fr}.connection-stage{grid-template-columns:1fr 1fr}.connection-stage>button{grid-column:1/-1;grid-row:2;border-radius:9px}.system-node{padding:18px 7px}.system-node span{font-size:10px}.system-node strong{font-size:26px}.effort-controls{grid-template-columns:1fr;gap:20px}.game-stage{padding:16px 14px}.game-board{gap:10px;padding:12px 3px}.game-tile{min-width:44px;min-height:44px}.tray-shell{padding-inline:12px}.game-tray{gap:4px;padding:8px;border-radius:14px}.tray-slot{border-radius:7px}.game-tools button{padding:9px 12px;font-size:11px;flex:1 1 40%}.play-heading{gap:10px}.play-heading>img{width:50px;height:85px}.play-heading h2{font-size:29px}.play-heading p:last-child{font-size:13px}.playground .container{width:calc(100% - 28px)}.mini-game{border-radius:20px}.game-counters b{font-size:20px}.game-counters span span{font-size:10px}.game-counters{gap:12px}.hero-preview .demo-primary{font-size:12px;padding-inline:12px}.brief-result{padding:22px}.operation-lab{border-radius:16px}.process-response{font-size:13px}}
@media(prefers-reduced-motion:reduce){.game-tile,.brief-options button{transition:none}.is-active .preview-path i:after{animation:none}.hero-preview,.game-tile{scroll-behavior:auto}}
.navigation a[aria-current=location],.main-nav a[aria-current=location]{color:#007c78;text-decoration:underline;text-underline-offset:6px}.mini-game:not([data-mounted]) .game-stage,.mini-game:not([data-mounted]) .tray-shell,.mini-game:not([data-mounted]) .game-tools{display:none}.game-result button:focus-visible{outline:3px solid #94ffcf;outline-offset:4px}.character-tip summary:focus-visible,.person-detail summary:focus-visible{outline:3px solid #c88b2c;outline-offset:3px}
.person-detail,.solution-demo{grid-column:1/-1}.team-person .team-portrait{min-width:0}.team-person .team-person-copy{padding:24px}.is-won .result-stars{animation:celebrate .7s ease-out both}@keyframes celebrate{from{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.is-won .result-stars{animation:none}}