:root{--black:#111110;--ink:#161615;--muted:#73716f;--line:#dbd9d6;--paper:#f4f3f0;--clay:#ba826a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter Tight',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:50}.skip:focus{top:10px}.wrap{width:min(100% - 96px,1320px);margin:auto}.top{height:90px;background:#111;display:flex;align-items:center;padding:0 max(48px,calc((100vw - 1320px)/2));gap:50px;color:#aaa}.brand img,.footer-inner img{width:130px;height:auto;display:block}.top nav{display:flex;align-items:center;gap:32px;margin-left:auto}.top nav a,.home-link{font-size:14px}.top nav a:hover,.top nav .active{color:#fff}.home-link{color:#eceae7;border:1px solid #4c4b49;padding:12px 17px}.home-link span{margin-left:10px}.hero{background:#111;color:#f3f2ef;padding:70px 0 85px;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:stretch}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;color:#8f8c88;margin:0;text-transform:uppercase}.square{width:7px;height:7px;display:inline-block;border-radius:2px;background:var(--clay);margin-right:8px;vertical-align:1px}.hero h1{font-size:clamp(53px,6.1vw,88px);font-weight:450;line-height:1.01;letter-spacing:-.065em;margin:34px 0 24px}.hero h1 em,.ecosystem h2 em{font-style:normal;color:#a5a4a1}.lead{font-size:19px;line-height:1.5;max-width:430px;color:#b7b5b1;margin:0 0 34px}.primary-link{display:inline-flex;gap:44px;align-items:center;color:#141413;background:#e9e7e2;padding:16px 18px;font-size:14px;font-weight:600}.primary-link span{font-size:19px}.hero-note{width:100%;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #383735;margin-top:auto;padding-top:22px;color:#7c7975;font:9px 'IBM Plex Mono',monospace;letter-spacing:.08em}.hero-art{position:relative;min-height:425px;border:1px solid #3a3936;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(0deg,#151513e8,#15151345),url('assets/esteca-oleiro.webp') center/cover;filter:grayscale(1)}.hero-panel{position:absolute;inset:11% 14%;background:linear-gradient(135deg,#363431d9,#1a1a19ee);backdrop-filter:blur(15px);border:1px solid #ffffff37;padding:25px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 60px #0005}.panel-top,.panel-bottom{display:flex;justify-content:space-between;color:#b7b2ab;font:9px 'IBM Plex Mono',monospace;letter-spacing:.1em}.panel-top span:last-child{font-size:20px;color:#c89782}.panel-circle{position:relative;width:110px;height:110px;margin:auto;border:1px solid #d8cfc0a1;border-radius:50%}.panel-circle i{position:absolute;border:1px solid #c4b6a5;border-radius:50%;inset:16px}.panel-circle i:nth-child(2){inset:32px}.panel-circle i:nth-child(3){inset:48px;background:#c48e77;border:0}.panel-title{font-size:26px;line-height:1.1;letter-spacing:-.04em;margin-bottom:22px}.model{background:#e9e8e4;border-bottom:1px solid var(--line)}.model-inner{display:grid;grid-template-columns:repeat(3,1fr)}.model-inner>div{padding:30px 28px 31px 0}.model-inner>div+div{border-left:1px solid #cfceca;padding-left:28px}.model span,.trail-number,.course-meta,.card-tags,.dialog-top,.resource-label,.lesson-number{font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#77736e}.model strong{display:block;font-size:17px;font-weight:550;margin:14px 0 5px}.model p{font-size:13px;color:#76736f;line-height:1.45;margin:0;max-width:265px}.learning{padding:115px 0 125px}.section-top{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:40px}.section-top h2,.ecosystem h2{font-size:clamp(40px,4.5vw,65px);font-weight:450;letter-spacing:-.055em;line-height:1.05;margin:20px 0 0}.section-top>p{max-width:330px;color:#77736f;font-size:16px;line-height:1.5;margin:0}.demo-notice{display:flex;align-items:center;gap:14px;border:1px solid #d7d3cc;background:#eeece7;padding:14px 17px;margin-top:44px;font-size:13px;color:#77736d}.demo-notice p{margin:0;line-height:1.45}.demo-notice strong{color:#363431}.notice-mark{color:#b47c65;font-size:19px}.content-head,.catalog-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:74px 0 24px}.content-head h3,.catalog-head h3{font-weight:500;font-size:32px;letter-spacing:-.045em;margin:12px 0 0}.content-head>span{font:10px 'IBM Plex Mono',monospace;color:#8a8681;letter-spacing:.08em}.trail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.trail-card{min-height:260px;text-align:left;border:1px solid #d4d2ce;background:#e9e8e4;padding:23px;display:flex;flex-direction:column;align-items:stretch;transition:transform .2s,border-color .2s}.trail-card:hover{transform:translateY(-4px);border-color:#a69b92}.trail-card.dark{background:#242422;color:#f3f1ed;border-color:#242422}.trail-top{display:flex;justify-content:space-between}.trail-number{color:#8b8781}.trail-art{height:65px;display:flex;align-items:center;justify-content:center}.trail-art i{width:34px;height:34px;border:1px solid currentColor;border-radius:50%;opacity:.65;margin-left:-10px}.trail-card:nth-child(2) .trail-art i{border-radius:2px;transform:rotate(45deg);width:29px;height:29px}.trail-card:nth-child(3) .trail-art i{border-radius:50% 0 50% 0}.trail-card h4{font-size:22px;letter-spacing:-.04em;line-height:1.12;font-weight:500;margin:0 0 9px}.trail-card p{font-size:13px;line-height:1.4;margin:0;color:#77736e}.trail-card.dark p{color:#aaa6a0}.trail-foot{border-top:1px solid #aaa5a250;margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.06em}.catalog-head{margin-top:105px}.catalog-head p:not(.eyebrow){font-size:14px;color:#77736f;margin:10px 0 0}.search{display:flex;align-items:center;gap:11px;border-bottom:1px solid #a6a39e;padding:10px 0;min-width:230px}.search span:first-child{font-size:24px;line-height:1}.search input{border:0;outline:none;background:transparent;width:100%;font-size:14px}.search:focus-within{border-color:#9c624b;outline:1px solid #9c624b;outline-offset:5px}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #dbd9d6;padding-bottom:22px}.filters button{background:transparent;border:1px solid #d6d3ce;border-radius:8px;padding:9px 15px;color:#68645f;font-size:13px}.filters button[aria-pressed=true]{background:#1c1b1a;border-color:#1c1b1a;color:#fff}.results{font:10px 'IBM Plex Mono',monospace;color:#88847e;letter-spacing:.08em;margin:24px 0}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.course-card{display:flex;flex-direction:column;text-align:left;min-height:240px;padding:22px;border:1px solid #dedbd6;background:#fff;transition:border-color .2s,transform .2s}.course-card:hover{transform:translateY(-3px);border-color:#a99a8e}.course-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.course-meta{color:#8b8179}.course-icon{width:33px;height:33px;display:grid;place-items:center;border:1px solid #d8d3cd;border-radius:50%;color:#a8735d;font-size:17px}.course-card h4{font-size:22px;font-weight:500;line-height:1.14;letter-spacing:-.035em;margin:29px 0 11px}.course-card p{font-size:13px;line-height:1.45;color:#7a7772;margin:0 0 25px}.card-tags{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid #ebe9e5}.card-tags b{font-size:16px;color:#8b8077;margin-left:auto;font-weight:400}.empty{padding:35px;border:1px solid #d6d3ce;color:#777}.ecosystem{background:#1b1a19;color:#f0eeeb;padding:115px 0}.ecosystem-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end}.ecosystem-inner>div:last-child p{color:#aaa6a0;font-size:17px;line-height:1.5;max-width:360px}.ecosystem-links{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px}.ecosystem-links a{border-bottom:1px solid #77706a;padding-bottom:8px;font-size:14px}footer{background:#111;color:#888;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-inner span{font:9px 'IBM Plex Mono',monospace;letter-spacing:.1em}.footer-inner>a:last-child{font-size:13px;color:#b7b5b0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bd8068;outline-offset:3px}dialog{border:0;padding:0;width:min(780px,calc(100% - 32px));max-height:min(85vh,900px);background:#f6f5f2;color:#181817;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-shell{padding:28px 34px 34px}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedbd6;padding-bottom:18px}.dialog-top button{border:1px solid #cac6bf;background:transparent;width:34px;height:34px}.detail-header{padding:30px 0 25px}.detail-header h2{font-size:clamp(33px,4vw,49px);line-height:1.05;letter-spacing:-.05em;font-weight:500;margin:14px 0}.detail-header p{font-size:15px;line-height:1.5;max-width:550px;color:#77726d}.detail-kicker{font:10px 'IBM Plex Mono',monospace;color:#ac745d;letter-spacing:.1em}.detail-list{display:grid;gap:0;border-top:1px solid #dad8d3}.detail-list button{width:100%;display:flex;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid #dad8d3;background:transparent;padding:18px 2px;color:#222}.detail-list button:hover{background:#eceae6}.detail-list button strong{font-size:15px;font-weight:550}.detail-list button small{display:block;font-size:12px;color:#86817b;margin-top:4px}.detail-list button b{margin-left:auto;font-weight:400}.detail-back{border:0;background:transparent;padding:0;color:#7b726b;font-size:13px}.lesson-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.video-mock{min-height:190px;background:#21211f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#c8c2ba}.video-mock span{border:1px solid #807a73;width:45px;height:45px;border-radius:50%;display:grid;place-items:center}.video-mock small{font:10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.resource-list{display:grid;gap:0}.resource-list>div{padding:13px 0;border-bottom:1px solid #dedbd6}.resource-list strong{display:block;font-size:14px;font-weight:500;margin-top:5px}.dialog-note{font-size:12px;color:#807b74;line-height:1.5;margin:24px 0 0}@media(max-width:800px){.wrap{width:min(100% - 40px,1320px)}.top{padding:0 20px;height:75px;gap:15px}.top nav{gap:16px}.top nav a{font-size:12px}.home-link{display:none}.brand img{width:105px}.hero{padding:55px 0}.hero-inner{grid-template-columns:1fr;gap:40px}.hero h1{font-size:clamp(48px,9vw,68px)}.hero-note{margin-top:55px}.hero-art{min-height:340px}.model-inner>div{padding-right:12px}.model-inner>div+div{padding-left:15px}.model p{font-size:12px}.learning{padding:80px 0}.section-top,.ecosystem-inner{grid-template-columns:1fr;gap:25px}.trail-grid,.course-grid{grid-template-columns:repeat(2,1fr)}.ecosystem{padding:80px 0}}@media(max-width:520px){.top nav{gap:10px}.top nav a{font-size:11px}.hero-art{min-height:310px}.model-inner{grid-template-columns:1fr}.model-inner>div,.model-inner>div+div{padding:20px 0;border-left:0}.model-inner>div+div{border-top:1px solid #cfceca}.model strong{margin-top:7px}.section-top h2{font-size:40px}.content-head>span{display:none}.trail-grid,.course-grid{grid-template-columns:1fr}.trail-card{min-height:235px}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}.course-card{min-height:210px}.footer-inner{align-items:flex-start;flex-direction:column}.lesson-layout{grid-template-columns:1fr}.dialog-shell{padding:22px}.detail-header h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}
.detail-list .trail-course-link{width:100%;display:flex;align-items:center;gap:18px;text-align:left;border-bottom:1px solid #dad8d3;padding:18px 2px;color:#222}.detail-list .trail-course-link:hover{background:#eceae6}.detail-list .trail-course-link strong{font-size:15px;font-weight:550}.detail-list .trail-course-link small{display:block;font-size:12px;color:#86817b;margin-top:4px}.detail-list .trail-course-link b{margin-left:auto;font-weight:400}
.course-thumb{height:100px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#57504b,#262523);margin:-22px -22px 21px;overflow:hidden}.course-thumb i{width:42px;height:42px;border:1px solid #c2afa2;border-radius:50%;margin-left:-12px;opacity:.75}.course-card:nth-child(3n+2) .course-thumb i{border-radius:2px;transform:rotate(45deg);width:34px;height:34px}.course-card:nth-child(3n) .course-thumb i{border-radius:50% 0}.course-card{min-height:320px}.course-card h4{margin-top:22px}

/* Imagens editoriais da Esteca. */
.real-thumb{background-size:cover!important;background-position:center!important}.trail-lesson-thumb{color:white;text-shadow:0 1px 4px #000;font-weight:600}.trail-art.real-thumb{height:115px;display:block;margin:16px 0}.trail-cover[class*=trail-thumb-]{background-size:cover;background-position:center}.trail-cover[class*=trail-thumb-] strong,.trail-cover[class*=trail-thumb-] span,.trail-cover[class*=trail-thumb-] small{text-shadow:0 2px 8px #000}.trail-cover[class*=trail-thumb-] i{opacity:0}
.thumb-harness{background-image:url("assets/esteca-thumb-1.jpg")!important}
.thumb-especificacoes{background-image:url("assets/esteca-thumb-2.jpg")!important}
.thumb-spec-lean{background-image:url("assets/esteca-thumb-3.jpg")!important}
.thumb-agentes{background-image:url("assets/esteca-thumb-4.jpg")!important}
.thumb-git{background-image:url("assets/esteca-thumb-5.jpg")!important}
.thumb-nuvem{background-image:url("assets/esteca-thumb-6.jpg")!important}
.thumb-qualidade{background-image:url("assets/esteca-thumb-7.jpg")!important}
.thumb-cicd{background-image:url("assets/esteca-thumb-8.jpg")!important}
.thumb-discovery{background-image:url("assets/esteca-thumb-9.jpg")!important}
.thumb-ux{background-image:url("assets/esteca-thumb-10.jpg")!important}
.thumb-design-system{background-image:url("assets/esteca-thumb-11.jpg")!important}
.thumb-processos{background-image:url("assets/esteca-thumb-12.jpg")!important}
.trail-thumb-criar{background-image:linear-gradient(#1116,#111a),url("assets/esteca-thumb-1.jpg")!important}
.trail-thumb-entregar{background-image:linear-gradient(#1116,#111a),url("assets/esteca-thumb-6.jpg")!important}
.trail-thumb-produto{background-image:linear-gradient(#1116,#111a),url("assets/esteca-thumb-9.jpg")!important}