.tela-page{background:#f0efe9}
/* Etapas preservadas da home atual, com os mesmos textos e ritmo editorial. */
.tela-page .process{padding-block:96px;background:#f4f4f0}
.tela-page .process-heading{max-width:800px}
.tela-page .process-heading .eyebrow{margin-bottom:18px}
.tela-page .process-heading h2{font-size:clamp(42px,5vw,68px)}
.tela-page .process-heading>p:last-child{max-width:560px;margin-top:22px;color:#4b4b47;font-size:13px;line-height:1.8}
.tela-page .process-ledger{margin:56px 0 0;padding:0;border-top:1px solid #c9c9c2;list-style:none}
.tela-page .process-ledger li{display:grid;grid-template-columns:72px minmax(210px,.75fr) minmax(0,1fr);align-items:start;gap:30px;padding:29px 0;border-bottom:1px solid #c9c9c2}
.tela-page .process-ledger .step-number{padding-top:8px;color:#555;font:11px Mono,monospace}
.tela-page .process-ledger h3{margin:0;font-size:clamp(24px,3vw,39px);font-weight:500;line-height:1.1;letter-spacing:-.035em}
.tela-page .process-ledger p{max-width:580px;margin:0;color:#4b4b47;font-size:13px;line-height:1.8}
.tela-page .process-link{margin-top:30px}
@media(max-width:959px){.tela-page .process-ledger li{grid-template-columns:46px minmax(150px,.75fr) minmax(0,1fr);gap:18px}}
@media(max-width:639px){
  .tela-page .process{padding-block:70px}
  .tela-page .process-ledger{margin-top:38px}
  .tela-page .process-ledger li{grid-template-columns:34px minmax(0,1fr);gap:6px 14px;padding:23px 0 25px}
  .tela-page .process-ledger .step-number{grid-row:1/span 2;padding-top:5px}
  .tela-page .process-ledger h3{grid-column:2;font-size:25px}
  .tela-page .process-ledger p{grid-column:2;font-size:12px;line-height:1.7}
}
.tela-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;padding-block:27px;font-size:11px;color:#61625a}
.tela-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.tela-intro{padding:56px 0 90px}
.tela-intro-copy{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.58fr);align-items:end;gap:clamp(48px,7vw,120px);margin-bottom:64px}
.tela-intro .eyebrow{font-size:9px;margin-bottom:33px}
.tela-intro #intro-title{font-size:clamp(62px,6.5vw,100px);font-weight:500;line-height:1.06}
.tela-underlined{position:relative;white-space:nowrap}
.tela-underlined:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:5px;background:var(--lime)}
.tela-intro-detail{padding-bottom:8px}
.tela-intro-detail p{max-width:420px;font-size:15px;line-height:1.85;color:#41423d}
.tela-intro-detail p+p{margin-top:18px}
.tela-intro-detail .text-link{margin-top:26px;gap:32px}
.tela-reference{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px}
.tela-reference>img{height:clamp(420px,48vw,650px);object-position:54% center}
.tela-reference figcaption{display:flex;flex-direction:column;align-items:flex-start;padding-top:18px;border-top:1px solid #9c9b93}
.tela-reference figcaption>span{font:9px/1.7 Mono,monospace;letter-spacing:.08em;color:#555c50}
.tela-reference figcaption>strong{font:500 24px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.035em;margin-top:18px}
.tela-reference figcaption>a{font-size:11px;line-height:1.8;margin-top:22px;text-decoration:underline;text-underline-offset:4px}
.tela-reference figcaption>small{font-size:11px;line-height:1.8;color:#5a5a55;margin-top:auto;padding-top:24px}
.tela-next{display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:60px;border-top:1px solid #c9c9c0}
.tela-next .eyebrow{font-size:9px;margin-bottom:18px}
.tela-next h2{font-size:36px}
.tela-next p:not(.eyebrow){font-size:13px;line-height:1.9;color:#555;max-width:530px;margin-top:18px}
.tela-next .button{flex:none}
.tela-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.tela-footer small{width:100%;font-size:10px;color:#bbb}
.application-mosaic{background:#f3f3ef}
.mosaic-heading{display:grid;grid-template-columns:1fr minmax(250px,.45fr);align-items:end;gap:50px;margin-bottom:36px}
.mosaic-heading .eyebrow{margin-bottom:18px;font-size:9px}
.mosaic-heading h2{font-size:clamp(46px,5.2vw,74px);font-weight:500}
.mosaic-heading h2 em{font-style:normal;font-weight:400}
.mosaic-heading>p{max-width:360px;font-size:13px;line-height:1.8;color:#4a4a46}
.mosaic-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(260px,300px));gap:14px}
.mosaic-tile{position:relative;isolation:isolate;overflow:hidden;min-width:0;background:#30302d;color:#fff}
.mosaic-tile--lead{grid-row:span 2}
.mosaic-tile:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#0a0a0ae8,#0a0a0a00 62%)}
.mosaic-tile img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,1,.5,1)}
.mosaic-tile:hover img,.mosaic-tile:focus-within img{transform:scale(1.035)}
.mosaic-tile figcaption{position:absolute;inset:auto 0 0;padding:clamp(20px,2.7vw,38px);display:grid;gap:7px}
.mosaic-tile figcaption>span{color:var(--lime);font:9px Mono,monospace;letter-spacing:.08em}
.mosaic-tile figcaption>strong{max-width:330px;font:600 clamp(18px,2vw,28px)/1.2 Manrope,Inter,sans-serif;letter-spacing:-.035em}
.mosaic-tile figcaption>a{width:fit-content;min-height:32px;display:flex;align-items:center;color:#eee;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.mosaic-foot{display:flex;justify-content:space-between;align-items:start;gap:30px;margin-top:24px}
.mosaic-foot p{max-width:560px;color:#62625e;font-size:10px;line-height:1.8}
.mosaic-foot .text-link{flex-shrink:0;font-size:11px}
@media(max-width:950px){.mosaic-heading{grid-template-columns:1fr;gap:18px}}
@media(max-width:640px){.mosaic-grid{grid-template-columns:1fr;grid-template-rows:390px 260px 260px}.mosaic-tile--lead{grid-row:auto}.mosaic-foot{flex-direction:column;gap:14px}.mosaic-foot .text-link{flex-shrink:1}.mosaic-heading h2{font-size:clamp(38px,9vw,46px)}}
.intent-paths{padding-block:clamp(76px,9vw,128px);background:#111410;color:#f4f4f0}
.intent-paths-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(55px,8vw,126px)}
.intent-paths-intro .eyebrow{margin-bottom:28px;color:var(--lime)}
.intent-paths-intro h2{font-size:clamp(48px,5.2vw,78px);line-height:1.02;font-weight:500}
.intent-paths-intro h2 em{color:var(--lime);font-style:normal;font-weight:400}
.intent-paths-intro>p:last-child{max-width:340px;margin-top:35px;color:#b8beb4;font-size:13px;line-height:1.8}
.intent-paths-list{border-top:1px solid #576053}
.intent-path{border-bottom:1px solid #576053}
.intent-path summary{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:22px;padding-block:27px;list-style:none;cursor:pointer}
.intent-path summary::-webkit-details-marker{display:none}
.intent-path summary:focus-visible{outline-color:var(--lime)}
.intent-path-heading small{display:block;margin-bottom:10px;color:#aab3a5;font:9px Mono,monospace;letter-spacing:.1em}
.intent-path-heading strong{display:block;font-family:Manrope,Inter,sans-serif;font-size:clamp(24px,2.55vw,36px);font-weight:500;line-height:1.14;letter-spacing:-.045em;transition:color .2s ease}
.intent-path summary:hover .intent-path-heading strong,.intent-path[open] .intent-path-heading strong{color:var(--lime)}
.intent-path-toggle{align-self:center;color:var(--lime);font:300 30px/1 Manrope,Inter,sans-serif;text-align:center;transition:transform .2s ease}
.intent-path[open] .intent-path-toggle{transform:rotate(45deg)}
.intent-path-content{padding:0 50px 35px 0}
.intent-path-content>p{max-width:510px;color:#c8cfc5;font-size:13px;line-height:1.8}
.intent-path-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 27px;margin-top:24px}
.intent-path-actions a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.intent-path-actions a:hover,.intent-path-actions a:focus-visible,.intent-path-actions .intent-path-primary{color:var(--lime)}
.intent-path-primary .icon{width:16px;height:16px}
@media(max-width:1100px){.intent-paths-layout{grid-template-columns:1fr;gap:46px}.intent-paths-intro h2{max-width:740px}.intent-paths-intro>p:last-child{margin-top:22px}}
@media(max-width:640px){.intent-paths{padding-block:70px}.intent-paths-layout{gap:35px}.intent-paths-intro .eyebrow{margin-bottom:18px;font-size:8px}.intent-paths-intro h2{font-size:clamp(39px,10.5vw,56px)}.intent-paths-intro>p:last-child{font-size:12px}.intent-path summary{padding-block:24px;gap:12px}.intent-path-heading strong{font-size:25px}.intent-path-content{padding:0 0 28px}.intent-path-actions{display:grid;gap:0}}
@media(max-width:950px){.tela-intro-copy{grid-template-columns:1fr;gap:30px}.tela-intro #intro-title{font-size:72px}.tela-intro-detail p{max-width:580px}.tela-reference{grid-template-columns:minmax(0,1fr) 185px;gap:20px}.tela-reference>img{height:470px}.tela-next{align-items:flex-start;flex-direction:column;gap:28px}}
@media(max-width:640px){.tela-breadcrumb{font-size:10px;gap:9px;padding-block:22px}.tela-intro{padding:30px 0 50px}.tela-intro-copy{gap:26px;margin-bottom:38px}.tela-intro .eyebrow{font-size:8px;margin-bottom:27px}.tela-intro #intro-title{font-size:clamp(43px,11.5vw,64px)}.tela-intro-detail p{font-size:14px}.tela-intro-detail .text-link{font-size:11px}.tela-reference{display:block}.tela-reference>img{height:clamp(260px,78vw,390px)}.tela-reference figcaption{display:grid;grid-template-columns:1fr;gap:6px;margin-top:14px;padding-top:14px}.tela-reference figcaption>strong{font-size:21px;margin:0}.tela-reference figcaption>a,.tela-reference figcaption>small{margin:0;padding:0}.tela-next{padding-block:45px}.tela-next h2{font-size:30px}.tela-footer{gap:22px}}

