/* CRIE.VISUAL.SYSTEM.01 | Macroporta de aprendizagem + capas com proveniência */
.cc-learning-page{max-width:1440px;min-width:0}
.crie-vs-learning-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(350px,41vw,540px);margin:0 0 clamp(28px,4vw,54px);padding:clamp(25px,5vw,68px);overflow:hidden;border:1px solid #b8d1d5;border-radius:28px;background:#0b3337;color:white;box-shadow:0 22px 48px rgba(12,53,66,.13)}
.crie-vs-learning-hero::before{position:absolute;content:"";z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,32,37,.9) 0%,rgba(5,38,44,.8) 36%,rgba(5,38,44,.3) 73%,rgba(5,38,44,.1) 100%)}
.crie-vs-learning-hero__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}
.crie-vs-learning-hero__content{max-width:min(670px,90%);position:relative;z-index:1}
.crie-vs-eyebrow{display:block;font-size:11px;font-weight:850;line-height:1.4;letter-spacing:.11em;text-transform:uppercase;color:#1b7f92}
.crie-vs-learning-hero .crie-vs-eyebrow{color:#a4ebe0}
.crie-vs-learning-hero h1{max-width:780px;margin:15px 0 18px;color:#fff;font-weight:850;letter-spacing:-.055em;font-size:clamp(36px,5.1vw,70px);line-height:1.05;text-wrap:balance}
.crie-vs-learning-hero p{max-width:620px;color:#e0f0f1;font-size:clamp(15px,1.6vw,19px);line-height:1.62;margin:0}
.crie-vs-learning-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0 19px}
.crie-vs-learning-hero__actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 17px;border-radius:12px;text-decoration:none;font-size:14px;font-weight:800}
.crie-vs-action-primary{background:#fff;color:#0d3e49!important}.crie-vs-action-secondary{border:1px solid rgba(255,255,255,.54);color:#fff!important;background:rgba(9,35,43,.32)}
.crie-vs-editorial-note{display:block;font-size:11px;line-height:1.4;color:#c6e1e0}
.crie-vs-learning-doors{margin:0 0 clamp(40px,5vw,66px);scroll-margin-top:110px}.crie-vs-learning-doors__intro{max-width:810px;margin:0 0 20px}.crie-vs-learning-doors__intro h2{margin:9px 0 10px;color:#10283b;line-height:1.12;letter-spacing:-.04em;font-size:clamp(28px,3.2vw,44px)}.crie-vs-learning-doors__intro p{margin:0;color:#567080;font-size:16px;line-height:1.6}
.crie-vs-learning-doors__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.crie-vs-learning-door{min-width:0;min-height:194px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:21px;border:1px solid #d6e3e8;background:#fff;border-radius:20px;text-decoration:none!important;box-shadow:0 9px 23px rgba(20,55,75,.035);transition:box-shadow .15s ease,transform .15s ease}
.crie-vs-learning-door:hover,.crie-vs-learning-door:focus-visible{transform:translateY(-2px);box-shadow:0 14px 27px rgba(20,55,75,.1);border-color:#8fb7c0}
.crie-vs-learning-door__symbol{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:11px;background:#e7f3f2;color:#126979;font-size:12px;font-weight:850}
.crie-vs-learning-door strong{font-size:18px;line-height:1.2;color:#14364a}.crie-vs-learning-door small{font-size:13px;line-height:1.5;color:#536d7b}.crie-vs-learning-door__link{margin-top:auto;padding-top:7px;font-size:13px;font-weight:800;color:#176a79}
.crie-vs-line-card{overflow:hidden}.crie-vs-line-cover{height:166px;position:relative;display:block;overflow:hidden;margin:-23px -23px 20px;background:radial-gradient(circle at 84% 35%,rgba(226,238,210,.7),transparent 25%),linear-gradient(140deg,#073c46,#238c84);border-bottom:1px solid #dce7e8;text-decoration:none!important}.crie-vs-line-cover img{display:block;width:100%;height:100%;object-fit:cover}.crie-vs-line-cover__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px 24px;color:#e6f9f6;font-size:11px;font-weight:750;letter-spacing:.05em}.crie-vs-line-cover__placeholder span:nth-child(2){font-size:30px;align-self:flex-end}.crie-vs-line-cover.has-image .crie-vs-line-cover__placeholder{display:none}
.crie-vs-line-cover:hover img{transform:scale(1.02)}.crie-vs-line-cover img{transition:transform .2s ease}
.crie-vs-learning-hero__actions a:focus-visible,.crie-vs-line-cover:focus-visible{outline:3px solid #7fe1dc;outline-offset:3px}
.cc-learning-card.crie-vs-line-card{min-height:410px}
@media(max-width:900px){.crie-vs-learning-doors__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.crie-vs-learning-hero{min-height:435px;padding:28px 20px;border-radius:21px}.crie-vs-learning-hero::before{background:linear-gradient(90deg,rgba(3,32,37,.91),rgba(5,38,44,.65))}.crie-vs-learning-hero__content{max-width:100%}.crie-vs-learning-hero h1{font-size:clamp(34px,9vw,46px)}.crie-vs-learning-hero__actions a{width:100%}.crie-vs-learning-doors__grid{grid-template-columns:minmax(0,1fr)}.crie-vs-learning-door{min-height:0}.crie-vs-line-cover{height:155px;margin:-19px -19px 17px}.cc-learning-card.crie-vs-line-card{min-height:0}}
@media(prefers-reduced-motion:reduce){.crie-vs-learning-door,.crie-vs-line-cover img{transition:none!important}}
@media(forced-colors:active){.crie-vs-learning-hero,.crie-vs-learning-door,.crie-vs-line-cover{border:1px solid CanvasText}.crie-vs-action-primary,.crie-vs-action-secondary{border:1px solid ButtonText;background:ButtonFace;color:ButtonText!important}}