/* =========================================================
SCK ACADEMY  CSS CORRIGIDO
Correção aplicada: link “Ver perfil completo†dos especialistas liberado;
pointer-events:none mantido apenas nos cards realmente clicáveis.
========================================================= */
/* =========================================================
SCK ACADEMY  Design System
Paleta institucional · Mobile-first · Motion premium
========================================================= */
:root{
/* Cores institucionais */
--bege:#F9E3BA;
--dourado:#CB9A60;
--marrom:#583821;
--azul:#1E3465;
--azul-profundo:#132243;
--azul-noturno:#050817;
/* Aplicação */
--bg:#FFFFFF;
--bg-soft:#FBF7EF;
--bg-bege:#F9E3BA;
--titulo:#132243;
--texto:#3A4257;
--texto-suave:#6B7385;
--btn:#1E3465;
--btn-hover:#CB9A60;
--linha:#ECE6DA;
/* Tipografia */
--font-serif:"Cormorant Garamond","Georgia",serif;
--font-sans:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;
/* Espaçamento */
--container:1200px;
--gap:clamp(1rem,2.5vw,2rem);
--sec-y:clamp(2.5rem,5vw,4.5rem);
/* Raio e sombra */
--r-sm:10px;
--r:16px;
--r-lg:24px;
--sh-sm:0 2px 8px rgba(19,34,67,.06);
--sh:0 12px 36px rgba(19,34,67,.10);
--sh-lg:0 28px 70px rgba(19,34,67,.18);
/* Motion */
--ease:cubic-bezier(.22,1,.36,1);
--dur:.45s;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
font-family:var(--font-sans);
color:var(--texto);
background:var(--bg);
line-height:1.7;
font-size:1.05rem;
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
/* ---------- Layout helpers ---------- */
.container{width:min(100% - 2.4rem,var(--container));margin-inline:auto}
.section{padding-block:var(--sec-y)}
.section--soft{background:var(--bg-soft)}
.section--bege{background:linear-gradient(180deg,#FFF 0%,var(--bege) 100%)}
.eyebrow{
font-size:.78rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
color:var(--dourado);margin-bottom:1rem;display:inline-flex;align-items:center;gap:.6rem;
}
.eyebrow::before{content:"";width:26px;height:1.5px;background:var(--dourado)}
h1,h2,h3,h4{font-family:var(--font-serif);color:var(--titulo);line-height:1.1;font-weight:500;letter-spacing:-.01em}
h1{font-size:clamp(2.4rem,6vw,4.4rem)}
h2{font-size:clamp(2rem,4.6vw,3.3rem)}
h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.section__head{
max-width:760px;
margin:0 auto clamp(2rem,4vw,3.5rem);
text-align:center;}
.section__head p{margin-top:1rem;color:var(--texto-suave);font-size:1.12rem}
.lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--texto);line-height:1.6}
/* ---------- Botões ---------- */
.btn{
display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
padding:.95rem 1.7rem;border-radius:999px;font-weight:600;font-size:1rem;
transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),
box-shadow var(--dur) var(--ease),color var(--dur) var(--ease);
white-space:nowrap;line-height:1;
}
.btn svg{width:18px;height:18px}
.btn--primary{background:var(--btn);color:#fff;box-shadow:0 10px 24px rgba(30,52,101,.28)}
.btn--primary:hover{background:var(--btn-hover);transform:translateY(-3px);box-shadow:0 16px 34px rgba(203,154,96,.4)}
.btn--ghost{background:transparent;color:var(--titulo);border:1.5px solid var(--linha)}
.btn--ghost:hover{border-color:var(--dourado);color:var(--marrom);transform:translateY(-3px)}
.btn--gold{background:linear-gradient(135deg,var(--dourado),var(--marrom));color:#fff;box-shadow:0 10px 26px rgba(88,56,33,.32)}
.btn--gold:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(88,56,33,.42)}
.btn--light{background:#fff;color:var(--azul-profundo)}
.btn--light:hover{background:var(--bege);transform:translateY(-3px)}
.btn--wide{width:100%}
.btn-row{display:flex;flex-wrap:wrap;gap:.9rem}
/* ---------- Header / Nav ---------- */
.header{
position:fixed;inset:0 0 auto 0;z-index:100;
transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),padding var(--dur) var(--ease);
padding-block:1.1rem;
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header.scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(14px);box-shadow:var(--sh-sm);padding-block:.65rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--titulo)}
.brand img{height:44px;width:auto;transition:height var(--dur) var(--ease);color:var(--titulo)}
.brand--light img{color:#fff}
.nav{display:flex;align-items:center;gap:.3rem}
.nav__links{display:none;align-items:center;gap:.35rem}
.nav__links a{
padding:.55rem .9rem;border-radius:999px;font-weight:500;font-size:.97rem;color:var(--titulo);
transition:color .3s var(--ease),background .3s var(--ease);position:relative;
}
.nav__links a:hover{color:var(--marrom);background:rgba(203,154,96,.12)}
.nav__links a.active{color:var(--marrom)}
.header:not(.scrolled) .brand--hero img{color:#fff}
.header:not(.scrolled) .nav--hero .nav__links a{color:#fff}
.header:not(.scrolled) .nav--hero .nav__links a:hover{background:rgba(255,255,255,.14)}
.nav__cta{display:none}
.burger{display:inline-flex;flex-direction:column;gap:5px;padding:.6rem;border-radius:10px;z-index:101}
.burger span{width:24px;height:2px;background:var(--titulo);border-radius:2px;transition:.3s var(--ease)}
.header:not(.scrolled) .nav--hero .burger span{background:#fff}
.burger.open span{background:var(--titulo)}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Mobile drawer */
.drawer{
position:fixed;inset:0;z-index:99;background:rgba(255,255,255,.99);backdrop-filter:blur(8px);
display:flex;flex-direction:column;justify-content:center;gap:.4rem;padding:2rem clamp(1.4rem,6vw,3rem);
transform:translateX(100%);transition:transform .5s var(--ease);
}
.drawer.open{transform:translateX(0)}
.drawer a{font-family:var(--font-serif);font-size:1.7rem;color:var(--titulo);padding:.55rem 0;border-bottom:1px solid var(--linha);transition:color .3s,padding-left .3s}
.drawer a:hover{color:var(--dourado);padding-left:.5rem}
.drawer .btn{margin-top:1.4rem;font-size:1.05rem}
/* ---------- Hero ---------- */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;color:#fff;overflow:hidden;
background:radial-gradient(120% 120% at 80% 10%,#1E3465 0%,#132243 45%,#050817 100%)}
.hero__bgwatermark{position:absolute;right:-8%;top:50%;transform:translateY(-50%);width:min(70vw,720px);opacity:.10;pointer-events:none}
.hero__glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.hero__glow.g1{width:380px;height:380px;background:rgba(203,154,96,.35);top:-80px;left:-60px}
.hero__glow.g2{width:460px;height:460px;background:rgba(30,52,101,.5);bottom:-140px;right:10%}
.hero .container{position:relative;z-index:2;display:grid;gap:clamp(2rem,5vw,4rem);padding-top:6rem;padding-bottom:3rem;
grid-template-columns:1fr;align-items:center}
.hero__selo{display:none!important}
.hero h1{color:#fff;margin:1.4rem 0;max-width:14ch}
.hero h1 .accent{background:linear-gradient(120deg,var(--bege),var(--dourado));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero__sub{font-size:clamp(1.05rem,1.8vw,1.28rem);color:rgba(255,255,255,.84);max-width:54ch;line-height:1.6}
.hero .btn-row{margin-top:2rem}
.hero__visual{position:relative}
.hero__photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);border:1px solid rgba(249,227,186,.2);
transform:perspective(1200px) rotateY(-6deg);transition:transform 1s var(--ease)}
.hero__photo img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.hero__visual:hover .hero__photo{transform:perspective(1200px) rotateY(0)}
.hero__badge{position:absolute;left:-18px;bottom:28px;background:rgba(255,255,255,.96);color:var(--titulo);
padding:1rem 1.3rem;border-radius:var(--r);box-shadow:var(--sh);display:flex;align-items:center;gap:.85rem;backdrop-filter:blur(6px)}
.hero__badge strong{font-family:var(--font-serif);font-size:1.9rem;color:var(--azul);line-height:1;display:block}
.hero__badge span{font-size:.8rem;color:var(--texto-suave);max-width:14ch;display:block}
.hero__scroll{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);z-index:3;color:rgba(255,255,255,.6);
font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hero__scroll .line{width:1px;height:34px;background:linear-gradient(rgba(255,255,255,.6),transparent);animation:scrolldown 2s var(--ease) infinite}
@keyframes scrolldown{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
/* ---------- Indicadores ---------- */
.indicadores{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--linha);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh-sm)}
.indicador{background:#fff;padding:1.6rem 1.2rem;text-align:center}
.indicador strong{font-family:var(--font-serif);font-size:clamp(2.2rem,5vw,3rem);color:var(--azul);display:block;line-height:1}
.indicador span{display:block;margin-top:.5rem;font-size:.9rem;color:var(--texto-suave);font-weight:500}
/* ---------- Narrativa ---------- */
.narrativa{background:linear-gradient(180deg,var(--azul-profundo),var(--azul-noturno));color:#fff;position:relative;overflow:hidden}
.narrativa::after{content:"";position:absolute;inset:auto -10% -40% auto;width:420px;height:420px;border-radius:50%;background:rgba(203,154,96,.16);filter:blur(90px)}
.narrativa h2{color:#fff;max-width:18ch}
.narrativa__words{
display:flex;
flex-wrap:wrap;
justify-content:center;
text-align:center;
gap:.7rem 1.6rem;
margin:2rem auto;
position:relative;
z-index:2;
}
.narrativa__words span{font-family:var(--font-serif);font-size:clamp(1.3rem,3vw,2rem);color:var(--bege);opacity:.9}
.narrativa__words span::before{content:"\00B7";color:var(--dourado);margin-right:1.4rem}
.narrativa__words span:first-child::before{display:none}
.narrativa__text{font-size:clamp(1.15rem,2.2vw,1.5rem);max-width:60ch;color:rgba(255,255,255,.9);position:relative;z-index:2}
.narrativa__text strong{color:var(--bege);font-weight:600}
/* ---------- Cards de setor ---------- */
.setores-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.setor-card{position:relative;border-radius:var(--r-lg);overflow:hidden;min-height:340px;display:flex;flex-direction:column;
justify-content:flex-end;padding:1.8rem;color:#fff;box-shadow:var(--sh);isolation:isolate;
transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.setor-card__bg{position:absolute;inset:0;z-index:-2}
.setor-card__bg img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.setor-card::after{content:"";position:absolute;inset:0;z-index:-1;
background:linear-gradient(180deg,rgba(5,8,23,.05) 0%,rgba(5,8,23,.55) 60%,rgba(5,8,23,.88) 100%)}
.setor-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.setor-card:hover .setor-card__bg img{transform:scale(1.06)}
.setor-card .tag{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--bege);font-weight:700;margin-bottom:.5rem}
.setor-card h3{color:#fff;font-size:1.7rem}
.setor-card p{color:rgba(255,255,255,.82);font-size:.98rem;margin-top:.5rem}
.setor-card .arrow{margin-top:1.1rem;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--bege);font-size:.95rem;transition:gap .3s var(--ease)}
.setor-card:hover .arrow{gap:.95rem}
/* ---------- Ajuda / features ---------- */
.features-grid{display:grid;gap:1.3rem;grid-template-columns:1fr}
.feature{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:1.8rem;
transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.feature:hover{transform:translateY(-6px);box-shadow:var(--sh);border-color:transparent}
.feature__icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:1.1rem;
background:linear-gradient(135deg,var(--bege),var(--dourado));color:var(--marrom)}
.feature__icon svg{width:26px;height:26px}
.feature h3{font-size:1.25rem;margin-bottom:.5rem}
.feature p{font-size:.98rem;color:var(--texto-suave)}
/* ---------- Cards de curso ---------- */
.cursos-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.curso-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);
overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
.curso-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg);border-color:transparent}
.curso-card__top{padding:1.6rem 1.6rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.curso-card__trilha{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--dourado)}
.curso-card__carga{font-size:.8rem;color:var(--texto-suave);font-weight:600;background:var(--bg-soft);padding:.3rem .7rem;border-radius:999px}
.curso-card__body{padding:1rem 1.6rem 1.6rem;display:flex;flex-direction:column;flex:1}
.curso-card h3{font-size:1.4rem;margin-bottom:.7rem;transition:color .3s var(--ease)}
.curso-card:hover h3{color:var(--marrom)}
.curso-card__protecao{color:var(--texto);font-size:1rem;line-height:1.55;margin-bottom:1.1rem}
.curso-card__meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.3rem}
.chip{font-size:.78rem;padding:.32rem .7rem;border-radius:999px;background:rgba(30,52,101,.07);color:var(--azul);font-weight:600}
.curso-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--linha)}
.curso-card__link{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;color:var(--azul);transition:gap .3s var(--ease)}
.curso-card__link:hover{gap:.9rem;color:var(--marrom)}
.curso-card__eixo{font-size:.78rem;color:var(--texto-suave);font-weight:600}
/* ---------- Especialistas ---------- */
.equipe-hero{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:center}
.equipe-hero__img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg)}
.equipe-hero__img img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.especialistas-grid{display:grid;gap:1.6rem;grid-template-columns:1fr}
.esp-card{background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;
transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.esp-card:hover{transform:translateY(-8px);box-shadow:var(--sh-lg)}
.esp-card__photo{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--azul-profundo)}
.esp-card__photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s var(--ease)}
.esp-card__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .28s var(--ease);z-index:1}
.esp-card__img{position:relative;z-index:0}
.esp-card.is-playing .esp-card__video{opacity:1}
.esp-card__papel{z-index:2}
.esp-card:hover .esp-card__photo img{transform:scale(1.05)}
.esp-card__papel{display:none !important;}
.esp-card__body{padding:1.5rem;display:flex;flex-direction:column;flex:1}
.esp-card h3{font-size:1.45rem}
.esp-card__titulacao{font-size:.85rem;color:var(--dourado);font-weight:600;margin:.5rem 0 .9rem;line-height:1.4}
.esp-card__ensina{font-size:.97rem;color:var(--texto-suave);margin-bottom:1.2rem}
.esp-card__areas{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:1.3rem}
.esp-card__foot{margin-top:auto}
.esp-card__foot .curso-card__link{
pointer-events:auto !important;
position:relative;
z-index:5;
}
/* Página de especialista individual */
.esp-detail{display:grid;gap:2.5rem;grid-template-columns:1fr}
.esp-detail__photo{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg);position:sticky;top:6rem}
.esp-detail__photo img{width:100%;object-fit:cover;aspect-ratio:3/4;object-position:top center}
.esp-detail h1{font-size:clamp(2rem,5vw,3.2rem)}
.esp-detail__titulacao{color:var(--dourado);font-weight:600;font-size:1.05rem;margin:.8rem 0 1.4rem;line-height:1.5}
.esp-block{margin-top:2rem}
.esp-block h3{font-size:1.3rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:2px solid var(--bege)}
.esp-list li{position:relative;padding-left:1.7rem;margin-bottom:.7rem;color:var(--texto)}
.esp-list li::before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:8px;border-radius:50%;
background:linear-gradient(135deg,var(--dourado),var(--marrom))}
/* ---------- Página de curso ---------- */
.curso-banner{background:radial-gradient(120% 120% at 85% 0%,#1E3465,#132243 55%,#050817);color:#fff;
padding-top:8rem;padding-bottom:clamp(3rem,6vw,5rem);position:relative;overflow:hidden}
.curso-banner__wm{position:absolute;right:-6%;top:40%;transform:translateY(-50%);width:min(60vw,560px);opacity:.08}
.curso-banner .container{position:relative;z-index:2}
.curso-banner .breadcrumb a,.curso-banner .breadcrumb span{color:rgba(255,255,255,.7)}
.curso-banner h1{color:#071b4d;max-width:20ch;margin:1rem 0}
.curso-banner__protecao{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--bege);max-width:50ch;line-height:1.5}
.curso-meta-bar{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.curso-meta-bar .item{background:rgba(255,255,255,.08);border:1px solid rgba(249,227,186,.18);border-radius:var(--r);
padding:.9rem 1.2rem;min-width:160px}
.curso-meta-bar .item small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dourado);margin-bottom:.3rem;font-weight:700}
.curso-meta-bar .item strong{font-weight:600;font-size:.98rem;color:#fff}
.curso-layout{display:grid;gap:2.5rem;grid-template-columns:1fr;margin-top:var(--sec-y)}
.curso-apresentacao{font-size:1.15rem;color:var(--texto);line-height:1.7}
.modulo{border:1px solid var(--linha);border-radius:var(--r);margin-top:1.2rem;overflow:hidden;background:#fff;transition:box-shadow .3s var(--ease)}
.modulo:hover{box-shadow:var(--sh-sm)}
.modulo__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem 1.4rem;cursor:pointer;background:var(--bg-soft)}
.modulo__head h4{font-family:var(--font-serif);font-size:1.2rem;color:var(--titulo);font-weight:600}
.modulo__toggle{width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;flex-shrink:0;transition:transform .4s var(--ease);border:1px solid var(--linha)}
.modulo.open .modulo__toggle{transform:rotate(45deg);background:var(--dourado);color:#fff;border-color:transparent}
.modulo__body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease)}
.modulo__body ul{padding:.4rem 1.4rem 1.4rem}
.modulo__body li{position:relative;padding:.5rem 0 .5rem 1.7rem;border-bottom:1px solid var(--linha);color:var(--texto);font-size:.98rem}
.modulo__body li:last-child{border-bottom:none}
.modulo__body li::before{content:"";position:absolute;left:0;top:1rem;width:7px;height:7px;border-radius:50%;background:var(--dourado)}
.curso-aside{display:flex;flex-direction:column;gap:1.4rem}
.aside-card{background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);padding:1.6rem;box-shadow:var(--sh-sm)}
.aside-card h4{font-size:1.2rem;margin-bottom:1rem}
.aside-card .esp-mini{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.aside-card .esp-mini img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:top center}
.aside-card .esp-mini strong{display:block;color:var(--titulo);font-family:var(--font-serif);font-size:1.15rem}
.aside-card .esp-mini span{font-size:.82rem;color:var(--texto-suave)}
/* ---------- CTA final ---------- */
.cta{background:radial-gradient(120% 120% at 20% 10%,#1E3465,#132243 55%,#050817);color:#fff;text-align:center;position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:rgba(203,154,96,.18);filter:blur(100px);top:-180px;right:-100px}
.cta .container{position:relative;z-index:2;max-width:760px}
.cta h2{color:#fff}
.cta p{color:rgba(255,255,255,.85);font-size:1.2rem;margin:1.2rem auto 2.2rem;max-width:54ch}
/* ---------- Privacidade banner / faixa ---------- */
.priv-band{background:linear-gradient(135deg,var(--marrom),var(--azul-profundo));color:#fff;border-radius:var(--r-lg);
padding:clamp(2rem,4vw,3rem);display:grid;gap:1.4rem;grid-template-columns:1fr;align-items:center}
.priv-band__icon{width:64px;height:64px;border-radius:18px;background:rgba(249,227,186,.16);display:grid;place-items:center;color:var(--bege)}
.priv-band__icon svg{width:34px;height:34px}
.priv-band h3{color:#fff;font-size:1.6rem}
.priv-band p{color:rgba(255,255,255,.85);margin:.6rem 0 1.2rem}
/* ---------- Formulário ---------- */
.form-layout{display:grid;gap:2.5rem;grid-template-columns:1fr}
.form-card{background:#fff;border:1px solid var(--linha);border-radius:var(--r-lg);padding:clamp(1.6rem,3vw,2.4rem);box-shadow:var(--sh)}
.field{margin-bottom:1.2rem}
.field label{display:block;font-weight:600;color:var(--titulo);margin-bottom:.45rem;font-size:.92rem}
.field input,.field textarea,.field select{
width:100%;padding:.85rem 1rem;border:1.5px solid var(--linha);border-radius:var(--r-sm);
font-family:inherit;font-size:1rem;color:var(--texto);background:var(--bg-soft);transition:border-color .3s,background .3s,box-shadow .3s}
.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--dourado);background:#fff;box-shadow:0 0 0 4px rgba(203,154,96,.15)}
.field textarea{resize:vertical;min-height:130px}
.form-info{display:flex;flex-direction:column;gap:1.2rem}
.info-item{display:flex;gap:1rem;align-items:flex-start}
.info-item .ico{width:46px;height:46px;border-radius:12px;background:var(--bg-bege);display:grid;place-items:center;color:var(--marrom);flex-shrink:0}
.info-item .ico svg{width:22px;height:22px}
.info-item strong{display:block;color:var(--titulo);font-family:var(--font-serif);font-size:1.1rem}
.info-item a,.info-item span{color:var(--texto-suave);font-size:.96rem}
.info-item a:hover{color:var(--dourado)}
/* ---------- Breadcrumb ---------- */
.breadcrumb{
display:flex;
flex-wrap:wrap;
gap:.5rem;
font-size:.85rem;
align-items:center;
color:var(--texto-suave);
margin-bottom:2.5rem;
}
/* ---------- Páginas de polÃÆ’ÂÂÂÂÂtica ---------- */
.policy-hero{background:linear-gradient(135deg,var(--azul-profundo),var(--azul-noturno));color:#fff;padding-top:8rem;padding-bottom:3rem;position:relative;overflow:hidden}
.policy-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(203,154,96,.16);filter:blur(90px);right:-80px;top:-80px}
.policy-hero .container{position:relative;z-index:2}
.policy-hero .breadcrumb a,.policy-hero .breadcrumb span{color:rgba(255,255,255,.72)}
.policy-hero h1{color:#fff;margin:1rem 0 .8rem}
.policy-icon{width:60px;height:60px;border-radius:16px;background:rgba(249,227,186,.16);display:grid;place-items:center;color:var(--bege);margin-bottom:1.2rem}
.policy-icon svg{width:32px;height:32px}
.policy-update{display:inline-flex;align-items:center;gap:.5rem;background:rgba(249,227,186,.14);border:1px solid rgba(249,227,186,.3);
color:var(--bege);padding:.45rem .9rem;border-radius:999px;font-size:.85rem;font-weight:600}
.policy-layout{display:grid;gap:2.5rem;grid-template-columns:1fr;margin-top:var(--sec-y)}
.policy-toc{background:var(--bg-soft);border:1px solid var(--linha);border-radius:var(--r);padding:1.4rem;align-self:start}
.policy-toc h4{font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dourado);margin-bottom:.9rem;font-family:var(--font-sans);font-weight:700}
.policy-toc ol{list-style:none;counter-reset:toc}
.policy-toc li{counter-increment:toc;margin-bottom:.5rem}
.policy-toc a{display:flex;gap:.6rem;font-size:.92rem;color:var(--texto);padding:.25rem 0;transition:color .3s,padding-left .3s}
.policy-toc a::before{content:counter(toc);color:var(--dourado);font-weight:700;min-width:1.3rem}
.policy-toc a:hover{color:var(--marrom);padding-left:.3rem}
.policy-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}
.policy-content h2{font-size:1.5rem;margin:2.2rem 0 .9rem;scroll-margin-top:6rem;padding-top:.4rem}
.policy-content h2:first-child{margin-top:0}
.policy-content h3{font-size:1.15rem;margin:1.4rem 0 .6rem;color:var(--marrom)}
.policy-content p{margin-bottom:1rem;color:var(--texto)}
.policy-content ul{margin:0 0 1.2rem 0}
.policy-content ul li{position:relative;padding-left:1.6rem;margin-bottom:.55rem;color:var(--texto)}
.policy-content ul li::before{content:"";position:absolute;left:0;top:.65rem;width:7px;height:7px;border-radius:50%;background:var(--dourado)}
.policy-content .destaque{background:var(--bg-soft);border-left:4px solid var(--dourado);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:1.1rem 1.3rem;margin-bottom:1.2rem;color:var(--titulo)}
.policy-cross{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}
.policy-cross span{color:var(--texto-suave);font-size:.95rem}
/* ---------- Sobre ---------- */
.sobre-grid{display:grid;gap:2.5rem;grid-template-columns:1fr;align-items:center}
.sobre-grid__img{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-lg)}
.sobre-grid__img img{width:100%;object-fit:cover;aspect-ratio:4/3}
.mv-grid{display:grid;gap:1.4rem;grid-template-columns:1fr;margin-top:2rem}
.mv-card{background:#fff;border:1px solid var(--linha);border-radius:var(--r);padding:1.6rem;border-top:3px solid var(--dourado)}
.mv-card h3{font-size:1.2rem;margin-bottom:.6rem}
.mv-card p{font-size:.97rem;color:var(--texto-suave)}
/* ---------- Footer ---------- */
.footer{background:var(--azul-noturno);color:rgba(255,255,255,.75);padding-block:clamp(3rem,6vw,4.5rem) 2rem}
.footer__grid{display:grid;gap:2.5rem;grid-template-columns:1fr}
.footer__brand img{height:54px;color:#fff;margin-bottom:1rem}
.footer__brand p{font-size:.95rem;max-width:36ch;color:rgba(255,255,255,.6)}
.footer__col h4{color:#fff;font-family:var(--font-sans);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.1rem;font-weight:700}
.footer__col a{display:block;padding:.35rem 0;font-size:.95rem;color:rgba(255,255,255,.7);transition:color .3s,padding-left .3s}
.footer__col a:hover{color:var(--bege);padding-left:.3rem}
.footer__bottom{margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;font-size:.85rem;color:rgba(255,255,255,.5)}
/* WhatsApp flutuante */
.wa-float{position:fixed;right:1.1rem;bottom:1.1rem;z-index:90;width:58px;height:58px;border-radius:50%;
background:#25D366;display:grid;place-items:center;box-shadow:0 10px 28px rgba(37,211,102,.45);
transition:transform .35s var(--ease)}
.wa-float:hover{transform:scale(1.08) translateY(-2px)}
.wa-float svg{width:32px;height:32px;fill:#fff}
/* Âncora invisÃÂÂÂÂvel p/ rolagem suave */
.anchor{display:block;height:0;visibility:hidden}
/* Topo de páginas internas (compensa header fixo) */
.section--top{
padding-top: 12rem !important;
}
/* Página obrigado */
.obrigado__inner{max-width:680px;margin:0 auto;text-align:center}
.obrigado__check{width:76px;height:76px;border-radius:50%;margin:0 auto 1.6rem;display:grid;place-items:center;
background:rgba(203,154,96,.14);border:1px solid rgba(203,154,96,.4);color:var(--dourado)}
.obrigado__check svg{width:38px;height:38px}
/* Banner de cookies */
.cookie-bar{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:95;max-width:560px;margin:0 auto;
background:var(--azul-profundo);color:#fff;border:1px solid rgba(249,227,186,.22);border-radius:16px;
box-shadow:0 20px 50px rgba(5,8,23,.4);padding:1.2rem 1.3rem;transform:translateY(140%);transition:transform .5s var(--ease)}
.cookie-bar.show{transform:none}
.cookie-bar__row{display:flex;gap:.9rem;align-items:flex-start}
.cookie-bar__ico{flex:0 0 auto;width:34px;height:34px;color:var(--bege)}
.cookie-bar__ico svg{width:34px;height:34px}
.cookie-bar p{font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.82);margin:0}
.cookie-bar p a{color:var(--bege);text-decoration:underline}
.cookie-bar__btns{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;justify-content:flex-end}
.cookie-bar .btn{padding:.55rem 1.1rem;font-size:.85rem}
/* ---------- Motion / reveal ---------- */
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal][data-delay="1"]{transition-delay:.1s}
[data-reveal][data-delay="2"]{transition-delay:.2s}
[data-reveal][data-delay="3"]{transition-delay:.3s}
[data-reveal][data-delay="4"]{transition-delay:.4s}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
[data-reveal]{opacity:1;transform:none}
html{scroll-behavior:auto}
}
/* ---------- Responsivo ---------- */
@media(min-width:600px){
.setores-grid,.features-grid,.cursos-grid,.especialistas-grid,.mv-grid{grid-template-columns:repeat(2,1fr)}
.footer__grid{grid-template-columns:1.4fr 1fr 1fr}
.indicadores{grid-template-columns:repeat(4,1fr)}
.priv-band{grid-template-columns:auto 1fr auto;text-align:left}
}
@media(min-width:880px){
.nav__links{display:flex}
.nav__cta{display:inline-flex}
.burger{display:none}
.hero .container{grid-template-columns:1.05fr .95fr;padding-top:0}
.equipe-hero{grid-template-columns:1fr 1.1fr}
.form-layout{grid-template-columns:1.3fr .8fr}
.sobre-grid{grid-template-columns:1.1fr .9fr}
.features-grid{grid-template-columns:repeat(4,1fr)}
.setores-grid{grid-template-columns:repeat(3,1fr)}
.cursos-grid{grid-template-columns:repeat(2,1fr)}
.especialistas-grid{grid-template-columns:repeat(3,1fr)}
.mv-grid{grid-template-columns:repeat(2,1fr)}
.curso-layout{grid-template-columns:1.7fr 1fr}
.policy-layout{grid-template-columns:280px 1fr}
.policy-toc{position:sticky;top:6rem}
.esp-detail{grid-template-columns:.85fr 1.15fr}
}
@media(min-width:1100px){
.cursos-grid{grid-template-columns:repeat(3,1fr)}
.cursos-grid.cols-2{grid-template-columns:repeat(2,1fr)}
}
/* =========================================================
SCK ACADEMY  AJUSTES CONSOLIDADOS
Regras finais limpas, sem duplicidade e sem blocos abertos.
========================================================= */
/* Remove selo, marca d'água e indicação "Role" da Home */
.hero__selo,
.hero__bgwatermark,
.curso-banner__wm,
.hero__scroll{
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* Menu superior */
.header__inner{
justify-content: flex-start !important;
}
.nav{
margin-left: 2rem !important;
}
.nav__links{
gap: 1.1rem !important;
}
.nav__cta{
margin-left: 1.2rem !important;
}
/* Logo do menu sem achatar */
.brand{
flex: 0 0 auto !important;
}
.brand img{
width: 140px !important;
height: auto !important;
max-width: 140px !important;
}
.header.scrolled .brand img{
width: 125px !important;
height: auto !important;
max-width: 125px !important;
}
@media(max-width: 600px){
.brand img{
width: 130px !important;
height: auto !important;
max-width: 130px !important;
}
}
/* TÃÂÂÂÂtulo principal das ÃÂÂÂÂreas de Atuação: manter como está correto */
.setores-titulo{
font-size: clamp(2rem, 3.2vw, 3rem) !important;
line-height: 1.12 !important;
max-width: 900px !important;
margin-bottom: 1rem !important;
}
.setores-subtitulo{
max-width: 520px !important;
font-size: 1.18rem !important;
line-height: 1.55 !important;
color: #3A4257 !important;
margin-bottom: 2.8rem !important;
}
/* Reduz apenas os tÃÂÂÂÂtulos das seções abaixo de ÃÂÂÂÂreas de Atuação */
#especialistas-mount .section__head h2,
#ajuda-mount .section__head h2,
#prova-mount .section__head h2{
font-size: clamp(1.8rem, 2.6vw, 2.6rem) !important;
line-height: 1.14 !important;
max-width: 680px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
letter-spacing: -0.02em !important;
}
/* Cards das áreas */
.setores-grid{
gap: 1.8rem !important;
}
.setor-card{
min-height: 330px !important;
padding: 2rem !important;
border-radius: 18px !important;
}
.setor-card::after{
background: linear-gradient(
180deg,
rgba(5,8,23,.05) 0%,
rgba(5,8,23,.35) 38%,
rgba(5,8,23,.88) 100%
) !important;
}
.setor-card .tag{
display: none !important;
}
.setor-nome,
.setor-card h3{
font-size: 2.2rem !important;
line-height: 1.05 !important;
font-weight: 700 !important;
color: #ffffff !important;
text-shadow: 0 4px 18px rgba(0,0,0,.55) !important;
}
.setor-card p{
font-size: 1.08rem !important;
line-height: 1.35 !important;
max-width: 280px !important;
color: rgba(255,255,255,.88) !important;
}
.setor-card .arrow{
font-size: 1rem !important;
color: #F9E3BA !important;
margin-top: 2rem !important;
}
.setor-card .arrow svg{
width: 22px !important;
height: 22px !important;
}
/* Cards dos cursos */
.curso-card__trilha{
display: none !important;
}
.curso-card__top{
justify-content: flex-end !important;
padding-bottom: 0 !important;
}
.curso-card h3{
font-size: clamp(1.9rem, 2.8vw, 2.7rem) !important;
line-height: 1.05 !important;
color: #132243 !important;
max-width: 720px !important;
margin-top: .4rem !important;
margin-bottom: 1.1rem !important;
}
.curso-card__protecao{
font-size: 1.18rem !important;
line-height: 1.55 !important;
color: #3A4257 !important;
}
.curso-card{
padding: .4rem !important;
border-radius: 28px !important;
}
.curso-card__body{
padding: 1.2rem 2rem 2rem !important;
}
/* Remove faixa/cápsula azul vazia dos vÃÂÂÂÂdeos dos especialistas */
.esp-card__papel{
display: none !important;
}
/* AJUSTE FINAL  REDUÇÃO DE ESPAÇAMENTO ENTRE SEÇÕES */
.section{
padding-block: clamp(2.5rem, 5vw, 4.5rem) !important;
}
#setores-mount{
padding-bottom: 2.5rem !important;
}
#especialistas-mount,
#ajuda-mount,
#prova-mount,
#priv-mount{
padding-top: 2.5rem !important;
padding-bottom: 2.5rem !important;
}
.section__head{
margin-bottom: 2rem !important;
}
/* =========================================================
SCK ACADEMY  AJUSTE FINAL DOS CARDS DE SETORES
Objetivo: seção clara, sofisticada, card inteiro clicável,
hover com elevação, sombra, zoom de imagem e link "Ver cursos".
Cole este bloco no final do CSS ou use este arquivo completo.
========================================================= */
/* Seção das áreas/setores com fundo mais claro e contraste maior */
#setores-mount,
.setores-section,
section:has(.setores-grid){
background:
radial-gradient(circle at 12% 18%, rgba(30,52,101,.07), transparent 34%),
radial-gradient(circle at 88% 10%, rgba(203,154,96,.10), transparent 30%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
}
/* Cabeçalho da seção */
#setores-mount .section__head,
.setores-section .section__head{
max-width: 980px !important;
margin: 0 auto 5rem !important;
text-align: center !important;
}
.setores-titulo,
#setores-mount .section__head h2,
.setores-section .section__head h2{
max-width: 980px !important;
margin: 0 auto 1.1rem !important;
font-family: var(--font-serif) !important;
font-size: clamp(2.8rem, 5.4vw, 5.6rem) !important;
line-height: .96 !important;
letter-spacing: -.045em !important;
color: #071b4d !important;
text-align: center !important;
}
.setores-subtitulo,
#setores-mount .section__head p,
.setores-section .section__head p{
max-width: 720px !important;
margin: 2rem auto 0 !important;
font-size: clamp(1.05rem, 1.5vw, 1.22rem) !important;
line-height: 1.58 !important;
color: #4b5875 !important;
text-align: center !important;
}
/* Grid dos cards */
.setores-grid{
display: grid !important;
grid-template-columns: 1fr !important;
gap: 1.8rem !important;
}
/* Card inteiro clicável, claro e sofisticado */
.setor-card{
position: relative !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
min-height: 520px !important;
padding: 265px 2.2rem 2.2rem !important;
overflow: hidden !important;
cursor: pointer !important;
color: #132243 !important;
text-decoration: none !important;
border-radius: 26px !important;
border: 1px solid rgba(30,52,101,.13) !important;
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,250,255,.98)) !important;
box-shadow: 0 22px 60px rgba(8,32,84,.10) !important;
isolation: isolate !important;
transition:
transform .35s var(--ease),
box-shadow .35s var(--ease),
border-color .35s var(--ease) !important;
}
/* Efeito premium no hover */
.setor-card:hover{
transform: translateY(-8px) !important;
border-color: rgba(30,52,101,.26) !important;
box-shadow: 0 35px 90px rgba(8,32,84,.18) !important;
}
/* Iluminação sutil sobre o card no hover */
.setor-card::before{
content: "" !important;
position: absolute !important;
inset: 0 !important;
z-index: 2 !important;
pointer-events: none !important;
background: linear-gradient(
135deg,
rgba(255,255,255,0),
rgba(255,255,255,.20)
) !important;
opacity: 0 !important;
transition: opacity .4s var(--ease) !important;
}
.setor-card:hover::before{
opacity: 1 !important;
}
/* Remove o overlay escuro antigo */
.setor-card::after{
content: "" !important;
position: absolute !important;
inset: 0 0 auto 0 !important;
height: 240px !important;
z-index: 1 !important;
pointer-events: none !important;
background:
linear-gradient(180deg, rgba(5,8,23,.05), rgba(5,8,23,.10)) !important;
}
/* Transforma a imagem de fundo antiga em imagem superior do card */
.setor-card__bg{
position: absolute !important;
inset: 0 0 auto 0 !important;
height: 240px !important;
z-index: 0 !important;
overflow: hidden !important;
border-radius: 26px 26px 0 0 !important;
background: #eaf0fb !important;
}
.setor-card__bg img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
transition: transform .6s var(--ease), filter .6s var(--ease) !important;
}
.setor-card:hover .setor-card__bg img{
transform: scale(1.05) !important;
}
/* Remove figurinhas, etiquetas e numerações antigas */
.setor-card .tag,
.setor-card .setor-tag,
.setor-card .icon,
.setor-card .icone,
.setor-card svg:not(.arrow svg){
display: none !important;
}
/* Texto dos cards */
.setor-nome,
.setor-card h3{
position: relative !important;
z-index: 3 !important;
margin: 0 0 1rem !important;
font-family: var(--font-serif) !important;
font-size: clamp(2rem, 2.8vw, 2.55rem) !important;
line-height: 1 !important;
font-weight: 600 !important;
letter-spacing: -.025em !important;
color: #071b4d !important;
text-shadow: none !important;
}
.setor-card p{
position: relative !important;
z-index: 3 !important;
max-width: 100% !important;
margin: 0 !important;
font-size: 1.04rem !important;
line-height: 1.62 !important;
color: #34415f !important;
text-shadow: none !important;
}
/* Link de ação: usar o texto "Ver cursos" no HTML */
.setor-card .arrow,
.setor-link{
position: relative !important;
z-index: 3 !important;
display: inline-flex !important;
align-items: center !important;
gap: .55rem !important;
width: fit-content !important;
margin-top: auto !important;
padding-top: 2.2rem !important;
font-size: 1rem !important;
font-weight: 700 !important;
color: #075cff !important;
opacity: .76 !important;
transition:
opacity .3s var(--ease),
transform .3s var(--ease),
gap .3s var(--ease) !important;
}
.setor-card:hover .arrow,
.setor-card:hover .setor-link{
opacity: 1 !important;
transform: translateX(6px) !important;
gap: .85rem !important;
}
/* Corrige seta grande */
.setor-card .arrow svg{
width: 18px !important;
height: 18px !important;
}
/* Responsivo */
@media(min-width: 880px){
.setores-grid{
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media(max-width: 879px){
#setores-mount,
.setores-section,
section:has(.setores-grid){
padding-top: 4rem !important;
padding-bottom: 4rem !important;
}
.setor-card{
min-height: auto !important;
padding: 235px 1.5rem 1.7rem !important;
}
.setor-card__bg,
.setor-card::after{
height: 215px !important;
}
.setores-titulo,
#setores-mount .section__head h2,
.setores-section .section__head h2{
font-size: clamp(2.35rem, 10vw, 3.7rem) !important;
}
}
/* =========================================================
OBSERVAÇÃO OPERACIONAL
Para aparecer exatamente "Ver cursos", ajuste também o HTML:
Ver cursos →
ou
Ver cursos →
========================================================= */
/* =========================================================
SCK ACADEMY  FINAL PREMIUM REBUILD
Correções globais de proporção, hero com cards no lugar da foto,
logo transparente, menu limpo, espaçamentos e responsividade.
========================================================= */
:root{
--academy-blue:#071b4d;
--academy-blue-2:#132243;
--academy-ink:#0b1838;
--academy-muted:#536079;
--academy-line:rgba(30,52,101,.13);
--academy-card:#f8fbff;
}
body{
background:#fff !important;
color:#2f3a52 !important;
}
/* Header e logo */
.header{
padding-block:.9rem !important;
}
.header.scrolled{
background:rgba(255,255,255,.88) !important;
backdrop-filter:blur(18px) saturate(140%) !important;
box-shadow:0 10px 35px rgba(7,27,77,.08) !important;
}
.header__inner{
justify-content:space-between !important;
gap:1.25rem !important;
}
.brand{
flex:0 0 auto !important;
}
.brand img,
.header.scrolled .brand img{
width:132px !important;
max-width:132px !important;
height:auto !important;
object-fit:contain !important;
display:block !important;
}
.nav{
margin-left:auto !important;
}
.nav__links{
gap:.45rem !important;
}
.nav__links a{
font-size:.95rem !important;
padding:.55rem .85rem !important;
}
.nav__cta{
display:inline-flex !important;
margin-left:.9rem !important;
}
/* Hero premium */
.hero{
min-height:100vh !important;
padding-top:5.8rem !important;
padding-bottom:3.2rem !important;
background:
radial-gradient(900px 520px at 78% 22%, rgba(74,128,222,.32), transparent 60%),
radial-gradient(700px 460px at 10% 5%, rgba(203,154,96,.23), transparent 58%),
linear-gradient(135deg,#050817 0%,#10224d 48%,#1e3465 100%) !important;
}
.hero .container.hero-premium-layout{
width:min(100% - 3rem, 1500px) !important;
display:grid !important;
grid-template-columns:minmax(360px,.78fr) minmax(720px,1.22fr) !important;
gap:clamp(2rem,4vw,4.5rem) !important;
align-items:center !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
.hero__content{
max-width:590px !important;
}
.hero h1{
color:#fff !important;
max-width:10.8ch !important;
margin:0 0 1.45rem !important;
font-size:clamp(4.1rem,5.4vw,6.6rem) !important;
line-height:.93 !important;
letter-spacing:-.045em !important;
font-weight:600 !important;
}
.hero__sub{
max-width:51ch !important;
font-size:clamp(1.02rem,1.35vw,1.24rem) !important;
line-height:1.62 !important;
color:rgba(255,255,255,.82) !important;
}
.hero .btn-row{
margin-top:1.8rem !important;
}
.hero .btn{
min-height:52px !important;
padding:.95rem 1.65rem !important;
}
.hero__visual--sectors{
width:100% !important;
transform:none !important;
}
.hero__photo,
.hero__badge{
display:none !important;
}
.hero__glow.g1{opacity:.45 !important;}
.hero__glow.g2{opacity:.5 !important;}
/* Painel de cards no topo, no lugar da foto dos sócios */
.hero-sector-panel{
position:relative !important;
overflow:hidden !important;
padding:clamp(1.4rem,2.1vw,2.1rem) !important;
border-radius:32px !important;
border:1px solid rgba(255,255,255,.22) !important;
background:
linear-gradient(180deg, rgba(255,255,255,.95), rgba(242,247,255,.98)) !important;
box-shadow:
0 42px 105px rgba(0,0,0,.28),
inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.hero-sector-panel::before{
content:"" !important;
position:absolute !important;
inset:-30% -10% auto auto !important;
width:520px !important;
height:520px !important;
pointer-events:none !important;
background:radial-gradient(circle, rgba(41,120,255,.16), transparent 62%) !important;
}
.hero-sector-eyebrow{
position:relative !important;
z-index:2 !important;
display:inline-flex !important;
align-items:center !important;
gap:.65rem !important;
margin-bottom:.8rem !important;
color:#cb9a60 !important;
font-size:.76rem !important;
font-weight:800 !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
}
.hero-sector-eyebrow::before{
content:"" !important;
width:28px !important;
height:1.5px !important;
background:#cb9a60 !important;
}
.hero-sector-panel h2{
position:relative !important;
z-index:2 !important;
max-width:980px !important;
margin:0 !important;
color:#071b4d !important;
font-family:var(--font-serif) !important;
font-size:clamp(2.45rem,3.7vw,4.35rem) !important;
line-height:.94 !important;
letter-spacing:-.05em !important;
font-weight:600 !important;
}
.hero-sector-panel p{
position:relative !important;
z-index:2 !important;
max-width:670px !important;
margin:1rem 0 1.35rem !important;
color:#536079 !important;
font-size:1.04rem !important;
line-height:1.55 !important;
}
.hero-sector-grid{
position:relative !important;
z-index:2 !important;
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:1rem !important;
}
.hero-sector-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
min-height:365px !important;
border-radius:22px !important;
border:1px solid rgba(30,52,101,.12) !important;
background:linear-gradient(180deg,#ffffff 0%,#f4f8ff 100%) !important;
box-shadow:0 18px 44px rgba(8,32,84,.10) !important;
color:#132243 !important;
text-decoration:none !important;
cursor:pointer !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.hero-sector-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(30,52,101,.24) !important;
box-shadow:0 32px 80px rgba(8,32,84,.20) !important;
}
.hero-sector-card::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:linear-gradient(135deg, transparent, rgba(255,255,255,.25)) !important;
opacity:0 !important;
transition:opacity .35s var(--ease) !important;
}
.hero-sector-card:hover::after{opacity:1 !important;}
.hero-sector-img{
height:142px !important;
overflow:hidden !important;
background:#eaf0fb !important;
}
.hero-sector-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .6s var(--ease) !important;
}
.hero-sector-card:hover .hero-sector-img img{
transform:scale(1.06) !important;
}
.hero-sector-body{
display:flex !important;
flex-direction:column !important;
flex:1 !important;
padding:1.25rem 1.25rem 1.18rem !important;
}
.hero-sector-body h3{
margin:0 0 .65rem !important;
color:#071b4d !important;
font-size:clamp(1.65rem,1.9vw,2.1rem) !important;
line-height:1 !important;
letter-spacing:-.025em !important;
font-family:var(--font-serif) !important;
font-weight:600 !important;
}
.hero-sector-text{
display:block !important;
color:#3f4b66 !important;
font-size:.91rem !important;
line-height:1.48 !important;
}
.hero-sector-link{
display:inline-flex !important;
align-items:center !important;
gap:.48rem !important;
width:fit-content !important;
margin-top:auto !important;
padding-top:1.05rem !important;
color:#075cff !important;
font-size:.94rem !important;
font-weight:800 !important;
opacity:.82 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.hero-sector-link svg{
width:17px !important;
height:17px !important;
}
.hero-sector-card:hover .hero-sector-link{
opacity:1 !important;
transform:translateX(6px) !important;
gap:.75rem !important;
}
/* Remove a seção antiga de setores da Home para não duplicar cards */
#setores-mount.is-disabled{
display:none !important;
padding:0 !important;
margin:0 !important;
}
/* Ajustes de seções: menos vazios, mais proporção */
.section{
padding-block:clamp(3.2rem,5vw,5.6rem) !important;
}
.section__head{
max-width:760px !important;
margin:0 auto clamp(1.8rem,3vw,2.7rem) !important;
text-align:center !important;
}
.section__head h2{
font-size:clamp(2.1rem,3.7vw,3.45rem) !important;
line-height:1.03 !important;
letter-spacing:-.035em !important;
}
.section__head p{
font-size:1.06rem !important;
line-height:1.55 !important;
max-width:720px !important;
margin-left:auto !important;
margin-right:auto !important;
text-align:center !important;
}
.section--alt,
.section--soft{
background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
/* Cards gerais mais refinados */
.feature,
.curso-card,
.esp-card,
.aside-card,
.form-card,
.mv-card{
border-color:rgba(30,52,101,.10) !important;
box-shadow:0 14px 38px rgba(8,32,84,.06) !important;
}
.feature:hover,
.curso-card:hover,
.esp-card:hover{
box-shadow:0 28px 70px rgba(8,32,84,.14) !important;
}
.curso-card h3{
font-size:clamp(1.45rem,2vw,2rem) !important;
line-height:1.06 !important;
}
.curso-card__protecao{
font-size:1rem !important;
line-height:1.55 !important;
}
.esp-card__photo{
background:#eaf0fb !important;
}
.esp-card__papel,
.hero__selo,
.hero__scroll,
.hero__bgwatermark,
.curso-banner__wm{
display:none !important;
}
/* Botões */
.btn--gold{
background:linear-gradient(135deg,#d5a66e,#8b5c2d) !important;
color:#fff !important;
box-shadow:0 14px 30px rgba(139,92,45,.32) !important;
}
.btn--gold:hover{
transform:translateY(-3px) !important;
box-shadow:0 22px 44px rgba(139,92,45,.42) !important;
}
.btn--primary{
background:#1e3465 !important;
color:#fff !important;
}
.btn--light{
background:#fff !important;
color:#132243 !important;
box-shadow:0 10px 28px rgba(5,8,23,.10) !important;
}
.btn svg,
.curso-card__link svg,
.arrow svg{
width:18px !important;
height:18px !important;
}
/* Página Sobre mantém a foto institucional, com proporção elegante */
.sobre-grid__img img,
.equipe-hero__img img{
object-fit:cover !important;
object-position:center top !important;
}
/* Responsividade */
@media(max-width:1200px){
.hero .container.hero-premium-layout{
grid-template-columns:1fr !important;
max-width:980px !important;
padding-top:1.8rem !important;
}
.hero__content{
max-width:760px !important;
}
.hero h1{
max-width:12ch !important;
}
.hero-sector-panel h2{
font-size:clamp(2.4rem,7vw,4.6rem) !important;
}
}
@media(max-width:820px){
.hero{
padding-top:5rem !important;
}
.hero .container.hero-premium-layout{
width:min(100% - 1.4rem, 760px) !important;
gap:2rem !important;
}
.hero h1{
font-size:clamp(3rem,15vw,4.8rem) !important;
line-height:.94 !important;
}
.hero__sub{
font-size:1rem !important;
}
.hero .btn-row{
gap:.7rem !important;
}
.hero .btn{
width:100% !important;
}
.hero-sector-panel{
border-radius:24px !important;
padding:1.05rem !important;
}
.hero-sector-panel h2{
font-size:clamp(2.1rem,12vw,3.25rem) !important;
}
.hero-sector-panel p{
font-size:.98rem !important;
}
.hero-sector-grid{
grid-template-columns:1fr !important;
}
.hero-sector-card{
min-height:auto !important;
}
.hero-sector-img{
height:185px !important;
}
.brand img,
.header.scrolled .brand img{
width:118px !important;
max-width:118px !important;
}
.nav__cta{display:none !important;}
}
@media(min-width:880px){
.nav__links{display:flex !important;}
.burger{display:none !important;}
}
/* =========================================================
SCK ACADEMY  CORREÇÃO FINAL 2
Remove hero textual antigo, remove "ÃÂÂreas de atuação",
usa cards premium como topo da Home e compacta espaçamentos.
========================================================= */
/* Header superior mais compacto e correto sobre fundo claro */
.header,
.header.scrolled{
padding-block:.58rem !important;
background:rgba(255,255,255,.92) !important;
backdrop-filter:blur(18px) saturate(140%) !important;
box-shadow:0 10px 34px rgba(7,27,77,.07) !important;
}
.header__inner{
min-height:58px !important;
justify-content:space-between !important;
gap:1rem !important;
}
.brand img,
.header.scrolled .brand img{
width:118px !important;
max-width:118px !important;
height:auto !important;
object-fit:contain !important;
}
.nav{margin-left:auto !important;}
.nav__links{gap:.18rem !important;}
.nav__links a,
.header:not(.scrolled) .nav--hero .nav__links a{
color:#132243 !important;
font-size:.91rem !important;
line-height:1 !important;
padding:.48rem .68rem !important;
}
.nav__links a:hover,
.header:not(.scrolled) .nav--hero .nav__links a:hover{
color:#583821 !important;
background:rgba(203,154,96,.11) !important;
}
.nav__cta{margin-left:.55rem !important;}
.nav__cta.btn,
.nav__cta .btn,
.header .btn{
min-height:42px !important;
padding:.72rem 1.05rem !important;
font-size:.9rem !important;
}
.burger span,
.header:not(.scrolled) .nav--hero .burger span{background:#132243 !important;}
/* Topo da Home: remove bloco textual antigo e deixa apenas cards premium */
.hero.hero--cards-only{
min-height:auto !important;
display:block !important;
padding-top:7rem !important;
padding-bottom:3.4rem !important;
color:#132243 !important;
overflow:hidden !important;
background:
radial-gradient(900px 420px at 14% 0%, rgba(203,154,96,.14), transparent 62%),
radial-gradient(900px 460px at 92% 20%, rgba(30,86,180,.12), transparent 64%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.hero.hero--cards-only .hero__glow{display:none !important;}
.hero-cards-container{
width:min(100% - 3rem, 1420px) !important;
margin-inline:auto !important;
padding:0 !important;
display:block !important;
}
.hero.hero--cards-only .hero-sector-panel{
width:100% !important;
padding:0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
overflow:visible !important;
}
.hero.hero--cards-only .hero-sector-panel::before,
.hero-sector-eyebrow,
.hero-sector-eyebrow::before{
display:none !important;
content:none !important;
}
.hero.hero--cards-only .hero-sector-panel h1,
.hero.hero--cards-only .hero-sector-panel h2{
max-width:1060px !important;
margin:0 auto !important;
color:#071b4d !important;
text-align:center !important;
font-family:var(--font-serif) !important;
font-size:clamp(3rem,5.8vw,6rem) !important;
line-height:.92 !important;
letter-spacing:-.055em !important;
font-weight:600 !important;
}
.hero.hero--cards-only .hero-sector-panel p{
max-width:720px !important;
margin:1.15rem auto 2.6rem !important;
color:#526079 !important;
text-align:center !important;
font-size:clamp(1rem,1.35vw,1.2rem) !important;
line-height:1.55 !important;
}
.hero.hero--cards-only .hero-sector-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:clamp(1rem,2vw,1.7rem) !important;
align-items:stretch !important;
}
.hero.hero--cards-only .hero-sector-card{
min-height:0 !important;
height:auto !important;
border-radius:24px !important;
border:1px solid rgba(30,52,101,.13) !important;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.98)) !important;
box-shadow:0 22px 58px rgba(8,32,84,.10) !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.hero.hero--cards-only .hero-sector-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(30,52,101,.26) !important;
box-shadow:0 35px 90px rgba(8,32,84,.18) !important;
}
.hero.hero--cards-only .hero-sector-img{
height:220px !important;
border-radius:24px 24px 0 0 !important;
}
.hero.hero--cards-only .hero-sector-img img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
transition:transform .6s var(--ease) !important;
}
.hero.hero--cards-only .hero-sector-card:hover .hero-sector-img img{
transform:scale(1.06) !important;
}
.hero.hero--cards-only .hero-sector-body{
display:flex !important;
flex-direction:column !important;
padding:1.85rem 1.9rem 1.8rem !important;
min-height:230px !important;
}
.hero.hero--cards-only .hero-sector-body h3{
margin:0 0 .8rem !important;
color:#071b4d !important;
font-size:clamp(2rem,2.5vw,2.65rem) !important;
line-height:1 !important;
letter-spacing:-.035em !important;
font-family:var(--font-serif) !important;
font-weight:600 !important;
}
.hero.hero--cards-only .hero-sector-text{
color:#3b4662 !important;
font-size:1.02rem !important;
line-height:1.58 !important;
}
.hero.hero--cards-only .hero-sector-link{
margin-top:1.35rem !important;
padding-top:0 !important;
color:#075cff !important;
font-size:1rem !important;
font-weight:800 !important;
opacity:.82 !important;
}
.hero.hero--cards-only .hero-sector-card:hover .hero-sector-link{
opacity:1 !important;
transform:translateX(6px) !important;
}
/* Remove de vez a antiga seção "ÃÂÂreas de atuação" da Home */
#setores-mount,
#setores-mount.is-disabled{
display:none !important;
height:0 !important;
min-height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
}
/* Espaçamentos gerais mais justos */
.section{
padding-block:clamp(2.8rem,4.4vw,4.9rem) !important;
}
#especialistas-mount,
#ajuda-mount,
#prova-mount,
#priv-mount{
padding-top:clamp(2.8rem,4vw,4.5rem) !important;
padding-bottom:clamp(2.8rem,4vw,4.5rem) !important;
}
.section__head{
margin-bottom:clamp(1.5rem,2.6vw,2.4rem) !important;
}
.section__head h2{
font-size:clamp(2rem,3.25vw,3.15rem) !important;
line-height:1.04 !important;
}
.eyebrow::before{
width:22px !important;
}
@media(max-width:1100px){
.hero.hero--cards-only .hero-sector-grid{
grid-template-columns:1fr !important;
max-width:760px !important;
margin-inline:auto !important;
}
.hero.hero--cards-only .hero-sector-img{height:240px !important;}
.hero.hero--cards-only .hero-sector-body{min-height:0 !important;}
}
@media(max-width:820px){
.hero.hero--cards-only{
padding-top:5.6rem !important;
padding-bottom:2.6rem !important;
}
.hero-cards-container{
width:min(100% - 1.3rem,760px) !important;
}
.hero.hero--cards-only .hero-sector-panel h1,
.hero.hero--cards-only .hero-sector-panel h2{
font-size:clamp(2.45rem,11vw,3.7rem) !important;
}
.hero.hero--cards-only .hero-sector-panel p{
margin-bottom:1.7rem !important;
}
.hero.hero--cards-only .hero-sector-img{height:190px !important;}
.hero.hero--cards-only .hero-sector-body{padding:1.35rem 1.35rem 1.45rem !important;}
.hero.hero--cards-only .hero-sector-body h3{font-size:2rem !important;}
.hero.hero--cards-only .hero-sector-text{font-size:.98rem !important;}
.brand img,
.header.scrolled .brand img{width:106px !important;max-width:106px !important;}
.header__inner{min-height:52px !important;}
}
/* =========================================================
SCK ACADEMY  HOME PREMIUM V4
Correção real: remove hero textual antigo e seção "ÃÂÂreas de atuação",
coloca os 3 cards como primeiro bloco da Home, compacta menu e espaçamentos.
========================================================= */
:root{
--sck-navy:#071b4d;
--sck-navy-2:#132243;
--sck-text:#34415f;
--sck-muted:#5f6b82;
--sck-blue:#075cff;
--sck-soft:#f6f9ff;
--sck-gold:#CB9A60;
}
body{background:#fff !important;}
/* Menu superior mais proporcional */
.header,
.header.scrolled{
padding-block:.52rem !important;
background:rgba(255,255,255,.94) !important;
backdrop-filter:blur(18px) saturate(145%) !important;
box-shadow:0 8px 28px rgba(7,27,77,.07) !important;
}
.header__inner{
min-height:54px !important;
justify-content:space-between !important;
gap:1rem !important;
}
.brand img,
.header.scrolled .brand img{
width:112px !important;
max-width:112px !important;
height:auto !important;
object-fit:contain !important;
}
.nav{margin-left:auto !important;}
.nav__links{gap:.12rem !important;}
.nav__links a,
.header:not(.scrolled) .nav--hero .nav__links a{
color:#132243 !important;
font-size:.9rem !important;
line-height:1 !important;
padding:.48rem .68rem !important;
border-radius:999px !important;
}
.nav__links a:hover,
.header:not(.scrolled) .nav--hero .nav__links a:hover{
color:#583821 !important;
background:rgba(203,154,96,.12) !important;
}
.nav__cta,
.header .btn{
min-height:40px !important;
padding:.68rem 1rem !important;
font-size:.88rem !important;
}
.burger span,
.header:not(.scrolled) .nav--hero .burger span{background:#132243 !important;}
/* Remove qualquer vestÃÂÂgio do hero antigo */
.hero:not(.home-sector-hero),
.hero__content,
.hero__visual,
.hero__photo,
.hero__badge,
.hero__selo,
.hero__scroll,
.hero__bgwatermark,
.hero__glow{
display:none !important;
}
/* Topo correto da Home */
.home-sector-hero{
position:relative !important;
display:block !important;
min-height:0 !important;
padding:clamp(6.4rem,8vw,7.7rem) 0 clamp(3.2rem,5.2vw,5rem) !important;
overflow:hidden !important;
color:var(--sck-navy) !important;
background:
radial-gradient(780px 390px at 9% 8%, rgba(203,154,96,.13), transparent 64%),
radial-gradient(820px 420px at 90% 18%, rgba(7,92,255,.10), transparent 62%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.home-sector-hero::before{
content:"";
position:absolute;
inset:auto -12% -36% auto;
width:640px;
height:640px;
border-radius:50%;
background:rgba(7,92,255,.055);
filter:blur(8px);
pointer-events:none;
}
.home-sector-hero__container{
width:min(100% - 3rem, 1420px) !important;
margin-inline:auto !important;
position:relative !important;
z-index:1 !important;
}
.home-sector-hero__head{
text-align:center !important;
max-width:1080px !important;
margin:0 auto clamp(2rem,3.2vw,3rem) !important;
}
.home-sector-hero__head h1{
margin:0 !important;
color:var(--sck-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(3rem,5.55vw,5.9rem) !important;
line-height:.92 !important;
letter-spacing:-.055em !important;
font-weight:600 !important;
max-width:1100px !important;
}
.home-sector-hero__head p{
max-width:740px !important;
margin:1.15rem auto 0 !important;
color:var(--sck-muted) !important;
font-size:clamp(1rem,1.35vw,1.22rem) !important;
line-height:1.55 !important;
}
.home-sector-hero__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:clamp(1rem,2vw,1.7rem) !important;
align-items:stretch !important;
}
.home-sector-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
min-height:0 !important;
height:auto !important;
border-radius:26px !important;
border:1px solid rgba(30,52,101,.13) !important;
background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.98)) !important;
box-shadow:0 22px 58px rgba(8,32,84,.10) !important;
color:var(--sck-navy-2) !important;
text-decoration:none !important;
cursor:pointer !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.home-sector-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(30,52,101,.27) !important;
box-shadow:0 35px 90px rgba(8,32,84,.18) !important;
}
.home-sector-card::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:linear-gradient(135deg, transparent, rgba(255,255,255,.28)) !important;
opacity:0 !important;
transition:opacity .35s var(--ease) !important;
}
.home-sector-card:hover::after{opacity:1 !important;}
.home-sector-card__image{
height:215px !important;
overflow:hidden !important;
background:#eaf0fb !important;
border-radius:26px 26px 0 0 !important;
}
.home-sector-card__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .62s var(--ease), filter .62s var(--ease) !important;
}
.home-sector-card:hover .home-sector-card__image img{
transform:scale(1.06) !important;
}
.home-sector-card__body{
display:flex !important;
flex-direction:column !important;
flex:1 !important;
padding:1.7rem 1.85rem 1.75rem !important;
}
.home-sector-card__body h2{
margin:0 0 .75rem !important;
color:var(--sck-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(2rem,2.55vw,2.65rem) !important;
line-height:1 !important;
letter-spacing:-.035em !important;
font-weight:600 !important;
}
.home-sector-card__body p{
margin:0 !important;
color:var(--sck-text) !important;
font-size:1.02rem !important;
line-height:1.55 !important;
}
.home-sector-card__link{
display:inline-flex !important;
align-items:center !important;
gap:.55rem !important;
width:fit-content !important;
margin-top:1.35rem !important;
color:var(--sck-blue) !important;
font-size:1rem !important;
font-weight:800 !important;
opacity:.82 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.home-sector-card__link svg{width:18px !important;height:18px !important;}
.home-sector-card:hover .home-sector-card__link{
opacity:1 !important;
transform:translateX(6px) !important;
gap:.82rem !important;
}
/* Remove "ÃÂÂreas de atuação" e qualquer faixa antiga */
#setores-mount,
#setores-mount * ,
.home-setores-disabled{
display:none !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
visibility:hidden !important;
}
/* Espaçamentos do restante do site */
.section{padding-block:clamp(2.8rem,4.2vw,4.7rem) !important;}
#especialistas-mount,
#ajuda-mount,
#prova-mount,
#priv-mount{padding-top:clamp(2.8rem,4vw,4.3rem) !important;padding-bottom:clamp(2.8rem,4vw,4.3rem) !important;}
.section__head{margin-bottom:clamp(1.45rem,2.4vw,2.25rem) !important;}
.section__head h2{font-size:clamp(2rem,3.2vw,3.15rem) !important;line-height:1.04 !important;letter-spacing:-.035em !important;}
.section__head p{font-size:1.04rem !important;line-height:1.56 !important;}
.eyebrow::before{width:22px !important;}
.feature,.curso-card,.esp-card,.aside-card,.form-card,.mv-card{border-color:rgba(30,52,101,.10) !important;box-shadow:0 14px 38px rgba(8,32,84,.06) !important;}
.feature:hover,.curso-card:hover,.esp-card:hover{box-shadow:0 28px 70px rgba(8,32,84,.14) !important;}
@media(max-width:1080px){
.home-sector-hero__grid{grid-template-columns:1fr !important;max-width:760px !important;margin-inline:auto !important;}
.home-sector-card__image{height:240px !important;}
}
@media(max-width:820px){
.home-sector-hero{padding-top:5.45rem !important;padding-bottom:2.7rem !important;}
.home-sector-hero__container{width:min(100% - 1.3rem,760px) !important;}
.home-sector-hero__head h1{font-size:clamp(2.45rem,11vw,3.7rem) !important;}
.home-sector-hero__head p{margin-top:.95rem !important;font-size:.98rem !important;}
.home-sector-card__image{height:190px !important;}
.home-sector-card__body{padding:1.3rem 1.35rem 1.4rem !important;}
.home-sector-card__body h2{font-size:2rem !important;}
.home-sector-card__body p{font-size:.98rem !important;}
.brand img,.header.scrolled .brand img{width:104px !important;max-width:104px !important;}
.header__inner{min-height:50px !important;}
.nav__cta{display:none !important;}
}
/* =========================================================
SCK ACADEMY  PREMIUM V5 GLOBAL REFINEMENT
Correção final: home sem hero antigo, menu compacto,
espaçamentos globais e cards claros em todas as telas.
========================================================= */
:root{
--v5-navy:#071b4d;
--v5-navy-2:#132243;
--v5-text:#34415f;
--v5-muted:#63708a;
--v5-blue:#075cff;
--v5-line:rgba(30,52,101,.12);
--v5-card:#ffffff;
--v5-soft:#f7faff;
}
body{
background:#fff !important;
}
/* Menu superior mais limpo e proporcional */
.header{
padding-block:.55rem !important;
background:rgba(255,255,255,.92) !important;
backdrop-filter:blur(16px) !important;
box-shadow:0 1px 0 rgba(30,52,101,.08) !important;
}
.header.scrolled{padding-block:.45rem !important;}
.header__inner{
min-height:58px !important;
align-items:center !important;
justify-content:space-between !important;
gap:1.4rem !important;
}
.brand img,
.header.scrolled .brand img{
width:118px !important;
max-width:118px !important;
height:auto !important;
object-fit:contain !important;
}
.nav{margin-left:auto !important;gap:.85rem !important;}
.nav__links{gap:.35rem !important;}
.nav__links a{
padding:.48rem .72rem !important;
font-size:.89rem !important;
line-height:1 !important;
color:var(--v5-navy-2) !important;
}
.nav__cta{
display:inline-flex !important;
padding:.72rem 1.05rem !important;
font-size:.88rem !important;
box-shadow:0 8px 20px rgba(30,52,101,.18) !important;
}
.burger span{background:var(--v5-navy-2) !important;}
/* Elimina qualquer sobra do hero antigo da Home */
#home .hero:not(.home-sector-hero),
.hero__visual,
.hero__photo,
.hero__badge,
.hero__selo,
.hero__scroll,
.hero__bgwatermark,
.hero__glow{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
overflow:hidden !important;
}
/* Primeira dobra da Home: cards no lugar da foto e do hero antigo */
.home-sector-hero{
min-height:auto !important;
display:block !important;
color:var(--v5-navy) !important;
padding:7.2rem 0 4.2rem !important;
background:
radial-gradient(circle at 8% 18%, rgba(7,92,255,.08), transparent 30%),
radial-gradient(circle at 92% 6%, rgba(203,154,96,.13), transparent 32%),
linear-gradient(180deg,#ffffff 0%,#f7faff 100%) !important;
overflow:hidden !important;
}
.home-sector-hero::before{
content:"" !important;
position:absolute !important;
inset:auto -12% -34% -12% !important;
height:52% !important;
background:linear-gradient(180deg, rgba(7,92,255,.05), rgba(7,92,255,.12)) !important;
transform:skewY(-3deg) !important;
pointer-events:none !important;
}
.home-sector-hero__container{
position:relative !important;
z-index:2 !important;
width:min(100% - 2.6rem, 1440px) !important;
margin-inline:auto !important;
}
.home-sector-hero__head{
max-width:1040px !important;
margin:0 auto 2.7rem !important;
text-align:center !important;
}
.home-sector-hero__head h1{
margin:0 !important;
color:var(--v5-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(3rem,5.1vw,5.45rem) !important;
line-height:.94 !important;
letter-spacing:-.052em !important;
font-weight:650 !important;
text-wrap:balance !important;
}
.home-sector-hero__head p{
max-width:760px !important;
margin:1.15rem auto 0 !important;
color:var(--v5-muted) !important;
font-size:clamp(1rem,1.35vw,1.18rem) !important;
line-height:1.55 !important;
}
.home-sector-hero__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:1.55rem !important;
align-items:stretch !important;
}
.home-sector-card{
min-height:0 !important;
height:auto !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
border-radius:24px !important;
border:1px solid var(--v5-line) !important;
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.98)) !important;
color:var(--v5-navy-2) !important;
box-shadow:0 20px 52px rgba(8,32,84,.09) !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.home-sector-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(7,92,255,.24) !important;
box-shadow:0 34px 86px rgba(8,32,84,.17) !important;
}
.home-sector-card__image{
height:200px !important;
flex:0 0 200px !important;
overflow:hidden !important;
border-radius:24px 24px 0 0 !important;
background:#eaf0fb !important;
}
.home-sector-card__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .62s var(--ease), filter .62s var(--ease) !important;
}
.home-sector-card:hover .home-sector-card__image img{transform:scale(1.06) !important;}
.home-sector-card__body{
display:flex !important;
flex-direction:column !important;
gap:0 !important;
padding:1.55rem 1.65rem 1.55rem !important;
flex:1 1 auto !important;
}
.home-sector-card__body h2{
margin:0 0 .7rem !important;
color:var(--v5-navy) !important;
font-size:clamp(1.9rem,2.2vw,2.45rem) !important;
line-height:1 !important;
letter-spacing:-.035em !important;
}
.home-sector-card__body p{
margin:0 !important;
color:var(--v5-text) !important;
font-size:1rem !important;
line-height:1.52 !important;
}
.home-sector-card__link{
display:inline-flex !important;
align-items:center !important;
gap:.55rem !important;
width:fit-content !important;
margin-top:1.25rem !important;
padding-top:0 !important;
color:var(--v5-blue) !important;
font-size:.98rem !important;
font-weight:800 !important;
opacity:.84 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.home-sector-card__link svg{width:17px !important;height:17px !important;}
.home-sector-card:hover .home-sector-card__link{opacity:1 !important;transform:translateX(6px) !important;gap:.82rem !important;}
/* Remove a seção antiga de ÃÂÂreas de atuação da Home */
#setores-mount,
.home-setores-disabled{
display:none !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
padding:0 !important;
margin:0 !important;
overflow:hidden !important;
visibility:hidden !important;
}
/* Espaçamento global mais enxuto e consistente */
.section{padding-block:clamp(2.6rem,3.8vw,4.25rem) !important;}
.section--top{padding-top:7.2rem !important;}
.section__head{margin-bottom:clamp(1.4rem,2.2vw,2.1rem) !important;}
.section__head h1,
.section__head h2,
#sobre-mount h1,
#equipe-mount h1,
#contato-mount h1,
#especialista-mount h1{
color:var(--v5-navy) !important;
font-size:clamp(2.5rem,4.6vw,4.55rem) !important;
line-height:.98 !important;
letter-spacing:-.045em !important;
text-wrap:balance !important;
}
.section__head p,
.lead{
color:var(--v5-text) !important;
font-size:clamp(1.02rem,1.3vw,1.18rem) !important;
line-height:1.58 !important;
}
.eyebrow{
font-size:.72rem !important;
letter-spacing:.18em !important;
margin-bottom:.85rem !important;
}
.eyebrow::before{width:22px !important;}
/* Página Cursos com o mesmo padrão claro da Home */
.pagina-cursos-hero h1{
font-size:3.4rem !important;
line-height:.95 !important;
}
background:linear-gradient(180deg,#fff 0%,#f7faff 100%) !important;
}
.cursos-setores-grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:1.55rem !important;
margin-top:2.2rem !important;
}
.cursos-setores-grid .setor-card{
min-height:0 !important;
padding:0 !important;
justify-content:flex-start !important;
color:var(--v5-navy-2) !important;
background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(247,250,255,.98)) !important;
border:1px solid var(--v5-line) !important;
border-radius:24px !important;
box-shadow:0 20px 52px rgba(8,32,84,.09) !important;
}
.cursos-setores-grid .setor-card::after{display:none !important;}
.cursos-setores-grid .setor-card__bg{
position:relative !important;
inset:auto !important;
z-index:0 !important;
height:200px !important;
border-radius:24px 24px 0 0 !important;
overflow:hidden !important;
}
.cursos-setores-grid .setor-card__bg img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform .62s var(--ease) !important;}
.cursos-setores-grid .setor-card:hover .setor-card__bg img{transform:scale(1.06) !important;}
.cursos-setores-grid .setor-card h3,
.cursos-setores-grid .setor-card .setor-nome{
margin:1.55rem 1.65rem .7rem !important;
color:var(--v5-navy) !important;
font-size:clamp(1.9rem,2.2vw,2.45rem) !important;
text-shadow:none !important;
}
.cursos-setores-grid .setor-card p{
margin:0 1.65rem !important;
color:var(--v5-text) !important;
font-size:1rem !important;
line-height:1.52 !important;
max-width:none !important;
text-shadow:none !important;
}
.cursos-setores-grid .setor-card .arrow{
margin:1.25rem 1.65rem 1.55rem !important;
color:var(--v5-blue) !important;
font-size:.98rem !important;
font-weight:800 !important;
opacity:.84 !important;
}
.cursos-setores-grid .setor-card:hover .arrow{transform:translateX(6px) !important;}
/* Sobre */
.sobre-grid{gap:clamp(2rem,4vw,4rem) !important;align-items:center !important;}
.sobre-grid__img{border-radius:28px !important;box-shadow:0 28px 74px rgba(8,32,84,.14) !important;}
.sobre-grid__img img{aspect-ratio:4/3 !important;object-fit:cover !important;object-position:center !important;}
.mv-grid{gap:1.2rem !important;margin-top:clamp(1.6rem,3vw,2.4rem) !important;}
.mv-card,.feature,.curso-card,.esp-card,.aside-card,.form-card{
border-color:var(--v5-line) !important;
box-shadow:0 14px 38px rgba(8,32,84,.06) !important;
}
.mv-card,.feature{border-radius:20px !important;}
/* Especialistas */
.equipe-hero{gap:clamp(2rem,4vw,4rem) !important;}
.equipe-hero__img{border-radius:28px !important;box-shadow:0 28px 74px rgba(8,32,84,.14) !important;}
.especialistas-grid{gap:1.35rem !important;}
.esp-card{border-radius:24px !important;overflow:hidden !important;background:#fff !important;}
.esp-card__photo{aspect-ratio:4/5 !important;}
.esp-card__body{padding:1.35rem !important;}
.esp-card h3{font-size:clamp(1.45rem,2vw,1.85rem) !important;line-height:1.05 !important;}
.esp-card__papel{display:none !important;}
/* Contato e proposta */
.form-layout{gap:1.5rem !important;align-items:start !important;}
.form-card{border-radius:24px !important;padding:clamp(1.35rem,2.2vw,2rem) !important;}
.field{margin-bottom:.95rem !important;}
.field input,.field textarea,.field select{border-radius:14px !important;background:#f9fbff !important;}
.field textarea{min-height:110px !important;}
.form-info{gap:.9rem !important;}
.info-item{background:#fff !important;border:1px solid var(--v5-line) !important;border-radius:20px !important;padding:1rem !important;box-shadow:0 14px 38px rgba(8,32,84,.05) !important;}
/* Banners internos e cursos */
.curso-banner,
.policy-hero{
padding-top:7.2rem !important;
padding-bottom:clamp(2.4rem,4vw,3.6rem) !important;
background:radial-gradient(100% 130% at 85% 0%,#1E3465,#132243 58%,#071025) !important;
}
.curso-banner h1,
.policy-hero h1{font-size:clamp(2.5rem,4.8vw,4.7rem) !important;line-height:.98 !important;}
.curso-layout{gap:1.8rem !important;margin-top:clamp(2rem,3.5vw,3rem) !important;}
.curso-card{border-radius:24px !important;}
.curso-card h3{font-size:clamp(1.5rem,2vw,2rem) !important;line-height:1.08 !important;}
.curso-card__body{padding:1.25rem 1.35rem 1.35rem !important;}
.curso-card__protecao{font-size:1rem !important;line-height:1.52 !important;}
/* CTA e rodapé */
.cta{padding-block:clamp(3rem,5vw,5rem) !important;}
.cta h2{font-size:clamp(2.2rem,4vw,4rem) !important;line-height:1 !important;}
.footer{padding-block:clamp(2.5rem,4.5vw,3.8rem) 1.4rem !important;}
.footer__brand img{width:150px !important;height:auto !important;}
@media(max-width:1080px){
.home-sector-hero__grid,
.cursos-setores-grid{grid-template-columns:1fr !important;max-width:760px !important;margin-inline:auto !important;}
.home-sector-card__image,.cursos-setores-grid .setor-card__bg{height:220px !important;flex-basis:220px !important;}
}
@media(max-width:880px){
.nav__links,.nav__cta{display:none !important;}
.burger{display:inline-flex !important;}
.header__inner{min-height:52px !important;}
.brand img,.header.scrolled .brand img{width:104px !important;max-width:104px !important;}
.section--top{padding-top:6.2rem !important;}
.home-sector-hero{padding-top:6.2rem !important;padding-bottom:2.8rem !important;}
.home-sector-hero__container{width:min(100% - 1.35rem,760px) !important;}
.home-sector-hero__head{margin-bottom:1.65rem !important;}
.home-sector-hero__head h1{font-size:clamp(2.35rem,10.4vw,3.65rem) !important;line-height:.96 !important;}
.home-sector-card__image,.cursos-setores-grid .setor-card__bg{height:185px !important;flex-basis:185px !important;}
.home-sector-card__body{padding:1.25rem 1.25rem 1.35rem !important;}
.home-sector-card__body h2,.cursos-setores-grid .setor-card h3{font-size:2rem !important;}
.section__head h1,.section__head h2,#sobre-mount h1,#equipe-mount h1,#contato-mount h1,#especialista-mount h1{font-size:clamp(2.25rem,9vw,3.35rem) !important;}
}
@media(max-width:560px){
.btn-row{gap:.65rem !important;}
.btn{width:100% !important;padding:.85rem 1rem !important;}
.home-sector-hero__head p{font-size:.96rem !important;}
.home-sector-card__body p{font-size:.96rem !important;}
}
/* =========================================================
SCK ACADEMY  PREMIUM V6
Ajustes finais: menu maior, home menos espremida, especialistas sem foto institucional,
espaçamentos consistentes e cards mais proporcionais.
========================================================= */
:root{
--v6-navy:#071b4d;
--v6-blue:#075cff;
--v6-text:#3f4b68;
--v6-muted:#66718a;
--v6-line:rgba(30,52,101,.12);
--v6-card:#ffffff;
--v6-soft:#f6f9ff;
}
/* Header mais legÃÂÂvel e menos espremido */
.header{
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(16px) !important;
box-shadow:0 1px 0 rgba(8,32,84,.08) !important;
padding-block:.82rem !important;
}
.header.scrolled{padding-block:.62rem !important;}
.header__inner{
width:min(100% - 3rem, 1660px) !important;
min-height:72px !important;
gap:2.2rem !important;
justify-content:space-between !important;
}
.brand{display:flex !important;align-items:center !important;flex:0 0 auto !important;}
.brand img,
.header.scrolled .brand img{
width:150px !important;
max-width:150px !important;
height:auto !important;
object-fit:contain !important;
}
.nav{margin-left:auto !important;gap:1.2rem !important;}
.nav__links{gap:1.15rem !important;align-items:center !important;}
.nav__links a{
font-size:1.05rem !important;
font-weight:600 !important;
padding:.72rem .55rem !important;
color:var(--v6-navy) !important;
}
.nav__cta{
display:inline-flex !important;
padding:1rem 1.55rem !important;
font-size:1.02rem !important;
border-radius:999px !important;
box-shadow:0 12px 32px rgba(19,34,67,.18) !important;
}
/* Home: primeira dobra mais respirada, sem bloco antigo e sem área de atuação duplicada */
.home-sector-hero{
min-height:auto !important;
padding-top:clamp(8.4rem, 10vw, 10.6rem) !important;
padding-bottom:clamp(4.2rem, 6vw, 6rem) !important;
background:
radial-gradient(circle at 14% 36%, rgba(7,92,255,.08), transparent 32%),
radial-gradient(circle at 88% 18%, rgba(203,154,96,.12), transparent 30%),
linear-gradient(180deg,#ffffff 0%,#f7faff 74%,#ffffff 100%) !important;
overflow:hidden !important;
}
.home-sector-hero__container{
width:min(100% - 3rem, 1500px) !important;
}
.home-sector-hero__head{
max-width:1040px !important;
margin:0 auto clamp(2.6rem,4.2vw,4rem) !important;
text-align:center !important;
}
.home-sector-hero__head h1{
max-width:1040px !important;
margin:0 auto !important;
font-size:clamp(3.2rem, 5.1vw, 6rem) !important;
line-height:.96 !important;
letter-spacing:-.055em !important;
color:var(--v6-navy) !important;
text-wrap:balance !important;
}
.home-sector-hero__head p{
max-width:800px !important;
margin:1.35rem auto 0 !important;
color:var(--v6-muted) !important;
font-size:clamp(1.04rem,1.25vw,1.24rem) !important;
line-height:1.55 !important;
}
.home-sector-hero__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:clamp(1.2rem,2.2vw,2rem) !important;
align-items:stretch !important;
}
.home-sector-card{
min-height:auto !important;
display:flex !important;
flex-direction:column !important;
border-radius:28px !important;
background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,249,255,.98)) !important;
border:1px solid var(--v6-line) !important;
box-shadow:0 24px 64px rgba(8,32,84,.10) !important;
overflow:hidden !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.home-sector-card:hover{
transform:translateY(-8px) !important;
border-color:rgba(7,92,255,.24) !important;
box-shadow:0 36px 96px rgba(8,32,84,.18) !important;
}
.home-sector-card__image{
height:clamp(210px, 16vw, 280px) !important;
flex:0 0 auto !important;
overflow:hidden !important;
border-radius:28px 28px 0 0 !important;
}
.home-sector-card__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
transition:transform .65s var(--ease), filter .65s var(--ease) !important;
}
.home-sector-card:hover .home-sector-card__image img{transform:scale(1.06) !important;}
.home-sector-card__body{
padding:clamp(1.45rem,2vw,2rem) !important;
display:flex !important;
flex-direction:column !important;
gap:0 !important;
min-height:240px !important;
}
.home-sector-card__body h2{
font-size:clamp(2rem,2.35vw,2.7rem) !important;
margin:0 0 .85rem !important;
color:var(--v6-navy) !important;
letter-spacing:-.035em !important;
}
.home-sector-card__body p{
margin:0 !important;
color:var(--v6-text) !important;
font-size:clamp(.98rem,1vw,1.06rem) !important;
line-height:1.56 !important;
}
.home-sector-card__link{
margin-top:auto !important;
padding-top:1.35rem !important;
color:var(--v6-blue) !important;
font-weight:800 !important;
font-size:1rem !important;
display:inline-flex !important;
align-items:center !important;
gap:.55rem !important;
opacity:.86 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.home-sector-card__link svg{width:17px !important;height:17px !important;}
.home-sector-card:hover .home-sector-card__link{opacity:1 !important;transform:translateX(6px) !important;gap:.85rem !important;}
#setores-mount{display:none !important;}
/* Especialistas: remove foto coletiva da aba e valoriza cards individuais */
.especialistas-page-head{
max-width:1000px !important;
text-align:center !important;
padding-top:.6rem !important;
}
.especialistas-page-head .eyebrow{justify-content:center !important;}
.especialistas-page-head h1{
max-width:900px !important;
margin:0 auto !important;
color:var(--v6-navy) !important;
font-size:clamp(3rem,5vw,5.5rem) !important;
line-height:.96 !important;
letter-spacing:-.055em !important;
}
.especialistas-page-head .lead{
max-width:780px !important;
margin:1.3rem auto 0 !important;
color:var(--v6-muted) !important;
}
#especialistas-cards.section{padding-top:0 !important;}
.equipe-hero__img{display:none !important;}
.especialistas-grid{
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:clamp(1.25rem,2vw,1.8rem) !important;
}
.esp-card{
border-radius:26px !important;
border:1px solid var(--v6-line) !important;
box-shadow:0 22px 58px rgba(8,32,84,.09) !important;
}
.esp-card__photo{aspect-ratio:4/5 !important;}
.esp-card__body{padding:1.55rem !important;}
.esp-card h3{font-size:clamp(1.55rem,2vw,2.05rem) !important;}
/* Páginas internas: mais respiro abaixo do menu e tÃÂÂtulos menos esmagados */
.section--top{padding-top:clamp(8.4rem,10vw,10rem) !important;}
.section{padding-block:clamp(3rem,4.5vw,5rem) !important;}
.section__head{margin-bottom:clamp(1.9rem,3vw,3rem) !important;}
.section__head h1,.section__head h2,#sobre-mount h1,#equipe-mount h1,#contato-mount h1,#especialista-mount h1{
font-size:clamp(2.8rem,4.8vw,5.1rem) !important;
line-height:.98 !important;
letter-spacing:-.05em !important;
}
.sobre-grid{gap:clamp(2.8rem,5vw,5.4rem) !important;}
.sobre-grid__img img{aspect-ratio:4/3 !important;object-position:center !important;}
.form-layout{gap:clamp(1.6rem,3vw,2.6rem) !important;}
/* Cards de cursos e recursos: remove sensação de aperto */
.features-grid,.cursos-grid,.mv-grid{gap:clamp(1.2rem,2vw,1.7rem) !important;}
.feature,.curso-card,.mv-card,.form-card,.aside-card,.info-item{
border-radius:24px !important;
border-color:var(--v6-line) !important;
}
.feature,.mv-card{padding:clamp(1.45rem,2.2vw,2rem) !important;}
.curso-card__body{padding:1.45rem 1.55rem 1.65rem !important;}
/* Responsivo */
@media(max-width:1180px){
.header__inner{width:min(100% - 2rem, 1200px) !important;gap:1.2rem !important;}
.brand img,.header.scrolled .brand img{width:138px !important;max-width:138px !important;}
.nav__links{gap:.65rem !important;}
.nav__links a{font-size:.98rem !important;padding:.65rem .45rem !important;}
.nav__cta{padding:.9rem 1.25rem !important;font-size:.98rem !important;}
}
@media(max-width:980px){
.home-sector-hero__grid,.especialistas-grid{grid-template-columns:1fr !important;max-width:760px !important;margin-inline:auto !important;}
.home-sector-card__body{min-height:auto !important;}
.nav__links,.nav__cta{display:none !important;}
.burger{display:inline-flex !important;}
.brand img,.header.scrolled .brand img{width:132px !important;max-width:132px !important;}
.header__inner{min-height:64px !important;}
}
@media(max-width:620px){
.header__inner{width:min(100% - 1.4rem, 760px) !important;min-height:58px !important;}
.brand img,.header.scrolled .brand img{width:118px !important;max-width:118px !important;}
.home-sector-hero{padding-top:7.2rem !important;padding-bottom:3.2rem !important;}
.home-sector-hero__container{width:min(100% - 1.25rem,760px) !important;}
.home-sector-hero__head h1{font-size:clamp(2.5rem,11vw,3.65rem) !important;}
.home-sector-card__image{height:190px !important;}
.home-sector-card__body{padding:1.25rem !important;}
.section--top{padding-top:7.4rem !important;}
.section{padding-block:2.8rem !important;}
}
/* =========================================================
SCK ACADEMY  PREMIUM V7
Refinamento final: primeira dobra mais equilibrada, menu com
presença visual, cards premium sem aperto e páginas internas
com linguagem única.
========================================================= */
:root{
--v7-navy:#071b4d;
--v7-navy-2:#132243;
--v7-text:#33405c;
--v7-muted:#66728a;
--v7-blue:#075cff;
--v7-gold:#CB9A60;
--v7-line:rgba(30,52,101,.13);
--v7-soft:#f7faff;
}
html,body{background:#fff !important;}
/* HEADER V7: maior, mais legÃÂÂvel e menos espremido */
.header,
.header.scrolled{
position:fixed !important;
inset:0 0 auto 0 !important;
padding-block:.72rem !important;
background:rgba(255,255,255,.96) !important;
backdrop-filter:blur(18px) saturate(150%) !important;
-webkit-backdrop-filter:blur(18px) saturate(150%) !important;
box-shadow:0 1px 0 rgba(30,52,101,.08), 0 14px 34px rgba(8,32,84,.055) !important;
}
.header__inner{
width:min(100% - 3.8rem, 1580px) !important;
min-height:76px !important;
margin-inline:auto !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:2.6rem !important;
}
.brand{
flex:0 0 auto !important;
display:flex !important;
align-items:center !important;
}
.brand img,
.header.scrolled .brand img{
width:168px !important;
max-width:168px !important;
height:auto !important;
max-height:74px !important;
object-fit:contain !important;
object-position:left center !important;
filter:none !important;
}
.nav{
margin-left:auto !important;
display:flex !important;
align-items:center !important;
gap:1.35rem !important;
}
.nav__links{
display:flex !important;
align-items:center !important;
gap:1.35rem !important;
}
.nav__links a,
.header:not(.scrolled) .nav--hero .nav__links a{
color:var(--v7-navy-2) !important;
font-size:1.08rem !important;
font-weight:600 !important;
line-height:1 !important;
padding:.72rem .45rem !important;
border-radius:999px !important;
white-space:nowrap !important;
}
.nav__links a:hover,
.header:not(.scrolled) .nav--hero .nav__links a:hover{
color:var(--marrom) !important;
background:rgba(203,154,96,.11) !important;
}
.nav__cta,
.header .btn.nav__cta{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:54px !important;
padding:1rem 1.65rem !important;
border-radius:999px !important;
font-size:1.04rem !important;
font-weight:700 !important;
background:var(--v7-navy-2) !important;
color:#fff !important;
box-shadow:0 14px 36px rgba(19,34,67,.20) !important;
}
.burger span,
.header:not(.scrolled) .nav--hero .burger span{background:var(--v7-navy-2) !important;}
/* HOME V7: menos acadêmica, mais produto premium */
.home-sector-hero{
min-height:auto !important;
padding-top:clamp(8.2rem, 8.8vw, 9.6rem) !important;
padding-bottom:clamp(3.2rem, 4.6vw, 4.8rem) !important;
background:
radial-gradient(760px 360px at 8% 22%, rgba(203,154,96,.13), transparent 64%),
radial-gradient(900px 430px at 92% 16%, rgba(7,92,255,.09), transparent 64%),
linear-gradient(180deg,#ffffff 0%,#f8fbff 62%,#ffffff 100%) !important;
overflow:hidden !important;
}
.home-sector-hero::before{
content:"" !important;
position:absolute !important;
inset:auto -18% -48% auto !important;
width:760px !important;
height:760px !important;
border-radius:50% !important;
background:rgba(7,92,255,.045) !important;
filter:blur(4px) !important;
pointer-events:none !important;
}
.home-sector-hero__container{
width:min(100% - 4.5rem, 1640px) !important;
margin-inline:auto !important;
}
.home-sector-hero__head{
max-width:1120px !important;
margin:0 auto clamp(2rem, 3vw, 3rem) !important;
text-align:center !important;
}
.home-sector-hero__head h1{
max-width:1080px !important;
margin:0 auto !important;
color:var(--v7-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(3rem, 4.75vw, 5.35rem) !important;
line-height:.98 !important;
letter-spacing:-.052em !important;
font-weight:600 !important;
text-wrap:balance !important;
}
.home-sector-hero__head p{
max-width:780px !important;
margin:1.15rem auto 0 !important;
color:var(--v7-muted) !important;
font-size:clamp(1.02rem, 1.18vw, 1.22rem) !important;
line-height:1.55 !important;
}
.home-sector-hero__grid{
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:clamp(1.25rem, 2vw, 2rem) !important;
align-items:stretch !important;
}
.home-sector-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
min-height:auto !important;
border-radius:30px !important;
border:1px solid var(--v7-line) !important;
background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,249,255,.98)) !important;
box-shadow:0 22px 64px rgba(8,32,84,.10) !important;
transform:translateZ(0) !important;
transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .35s var(--ease) !important;
}
.home-sector-card:hover{
transform:translateY(-8px) translateZ(0) !important;
border-color:rgba(7,92,255,.26) !important;
box-shadow:0 36px 96px rgba(8,32,84,.18) !important;
}
.home-sector-card::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
background:linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,.34)) !important;
opacity:0 !important;
transition:opacity .35s var(--ease) !important;
}
.home-sector-card:hover::after{opacity:1 !important;}
.home-sector-card__image{
height:clamp(220px, 15vw, 265px) !important;
flex:0 0 auto !important;
overflow:hidden !important;
border-radius:30px 30px 0 0 !important;
background:#eaf0fb !important;
}
.home-sector-card__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .65s var(--ease), filter .65s var(--ease) !important;
}
.home-sector-card:hover .home-sector-card__image img{transform:scale(1.06) !important;}
.home-sector-card__body{
display:flex !important;
flex-direction:column !important;
flex:1 !important;
min-height:0 !important;
padding:clamp(1.55rem, 1.9vw, 2.05rem) !important;
}
.home-sector-card__body h2{
margin:0 0 .82rem !important;
color:var(--v7-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(2rem, 2.2vw, 2.55rem) !important;
line-height:1 !important;
letter-spacing:-.035em !important;
font-weight:600 !important;
}
.home-sector-card__body p{
margin:0 !important;
color:var(--v7-text) !important;
font-size:clamp(.98rem, .98vw, 1.04rem) !important;
line-height:1.56 !important;
}
.home-sector-card__link{
display:inline-flex !important;
align-items:center !important;
width:fit-content !important;
gap:.55rem !important;
margin-top:1.28rem !important;
padding-top:0 !important;
color:var(--v7-blue) !important;
font-size:1rem !important;
line-height:1 !important;
font-weight:800 !important;
opacity:.86 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.home-sector-card__link svg{width:17px !important;height:17px !important;}
.home-sector-card:hover .home-sector-card__link{
opacity:1 !important;
transform:translateX(6px) !important;
gap:.85rem !important;
}
#setores-mount,
#setores-mount *{display:none !important;}
/* ESPECIALISTAS V7: sem foto coletiva, foco total nos cards individuais */
#equipe-mount.section--top{padding-top:clamp(8.6rem, 9.6vw, 10.4rem) !important;padding-bottom:2.4rem !important;}
.especialistas-page-head{
max-width:980px !important;
text-align:center !important;
margin-inline:auto !important;
}
.especialistas-page-head .eyebrow{
justify-content:center !important;
margin-bottom:1.05rem !important;
}
.especialistas-page-head h1{
max-width:900px !important;
margin:0 auto !important;
color:var(--v7-navy) !important;
font-size:clamp(3rem,4.55vw,5rem) !important;
line-height:.98 !important;
letter-spacing:-.05em !important;
text-wrap:balance !important;
}
.especialistas-page-head .lead{
max-width:760px !important;
margin:1.25rem auto 0 !important;
color:var(--v7-muted) !important;
}
#especialistas-cards.section{
padding-top:0 !important;
}
.equipe-hero,
.equipe-hero__img,
#especialistas-page .sobre-grid__img{
display:none !important;
}
.especialistas-grid{
grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
gap:clamp(1.35rem, 2vw, 1.9rem) !important;
}
.esp-card{
border-radius:28px !important;
border:1px solid var(--v7-line) !important;
box-shadow:0 22px 64px rgba(8,32,84,.09) !important;
}
.esp-card__photo{aspect-ratio:4/5 !important;}
.esp-card__body{padding:1.65rem !important;}
.esp-card h3{font-size:clamp(1.6rem,1.95vw,2.05rem) !important;}
/* PÃÂÂGINAS INTERNAS V7 */
.section--top{padding-top:clamp(8.6rem,9.4vw,10.4rem) !important;}
.section{padding-block:clamp(3rem,4.1vw,4.8rem) !important;}
.section__head{margin-bottom:clamp(1.8rem,2.7vw,2.7rem) !important;}
.section__head h1,
.section__head h2,
#sobre-mount h1,
#contato-mount h1,
#especialista-mount h1{
font-size:clamp(2.8rem,4.35vw,4.85rem) !important;
line-height:.99 !important;
letter-spacing:-.048em !important;
text-wrap:balance !important;
}
.section__head p{max-width:760px !important;color:var(--v7-muted) !important;}
.sobre-grid{
gap:clamp(2.5rem,4.6vw,5.2rem) !important;
align-items:center !important;
}
.sobre-grid__img{
border-radius:30px !important;
overflow:hidden !important;
box-shadow:0 28px 78px rgba(8,32,84,.13) !important;
}
.sobre-grid__img img{
width:100% !important;
height:100% !important;
aspect-ratio:4/3 !important;
object-fit:cover !important;
object-position:center !important;
}
.features-grid,
.cursos-grid,
.mv-grid{gap:clamp(1.2rem,1.9vw,1.75rem) !important;}
.feature,
.curso-card,
.mv-card,
.form-card,
.aside-card,
.info-item{
border-radius:26px !important;
border-color:var(--v7-line) !important;
}
.feature,
.mv-card{padding:clamp(1.45rem,2vw,2rem) !important;}
.form-layout{gap:clamp(1.7rem,3vw,2.8rem) !important;}
.field input,.field textarea,.field select{border-radius:16px !important;background:#f8fbff !important;}
.cta{padding-block:clamp(3.8rem,5vw,5.8rem) !important;}
.footer{padding-top:clamp(3.2rem,5vw,4.8rem) !important;}
/* responsividade V7 */
@media(max-width:1260px){
.header__inner{width:min(100% - 2.5rem, 1180px) !important;gap:1.4rem !important;}
.brand img,.header.scrolled .brand img{width:150px !important;max-width:150px !important;}
.nav__links{gap:.72rem !important;}
.nav__links a{font-size:1rem !important;padding:.7rem .35rem !important;}
.nav__cta,.header .btn.nav__cta{min-height:50px !important;padding:.95rem 1.28rem !important;font-size:.98rem !important;}
.home-sector-hero__container{width:min(100% - 2.5rem, 1240px) !important;}
}
@media(max-width:980px){
.nav__links,.nav__cta{display:none !important;}
.burger{display:inline-flex !important;}
.header__inner{min-height:66px !important;}
.brand img,.header.scrolled .brand img{width:140px !important;max-width:140px !important;}
.home-sector-hero__grid,.especialistas-grid{grid-template-columns:1fr !important;max-width:760px !important;margin-inline:auto !important;}
.home-sector-card__image{height:240px !important;}
.home-sector-hero{padding-top:8rem !important;}
}
@media(max-width:620px){
.header__inner{width:min(100% - 1.35rem,760px) !important;min-height:60px !important;}
.brand img,.header.scrolled .brand img{width:120px !important;max-width:120px !important;}
.home-sector-hero{padding-top:7.2rem !important;padding-bottom:3rem !important;}
.home-sector-hero__container{width:min(100% - 1.25rem,760px) !important;}
.home-sector-hero__head{margin-bottom:1.6rem !important;}
.home-sector-hero__head h1{font-size:clamp(2.45rem,10.8vw,3.45rem) !important;}
.home-sector-hero__head p{font-size:.98rem !important;margin-top:.9rem !important;}
.home-sector-card{border-radius:24px !important;}
.home-sector-card__image{height:188px !important;border-radius:24px 24px 0 0 !important;}
.home-sector-card__body{padding:1.25rem !important;}
.section--top{padding-top:7.4rem !important;}
.section{padding-block:2.7rem !important;}
}
/* =========================================================
SCK ACADEMY  ULTIMATE EDITION
Rebuild visual final: home mais premium, menu maior,
espaçamentos recalculados e cards como protagonista.
========================================================= */
:root{
--ultimate-navy:#071a46;
--ultimate-blue:#0b5cff;
--ultimate-ink:#182541;
--ultimate-muted:#66718a;
--ultimate-line:rgba(18,43,92,.12);
--ultimate-panel:#f7faff;
--ultimate-gold:#bd8441;
--container:1340px;
}
body{
background:#fff !important;
color:var(--ultimate-ink) !important;
}
.container{width:min(100% - 3rem,var(--container)) !important;}
/* Header definitivo */
.header,
.header.scrolled{
position:fixed !important;
inset:0 0 auto 0 !important;
height:92px !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
background:rgba(255,255,255,.92) !important;
backdrop-filter:blur(18px) saturate(170%) !important;
-webkit-backdrop-filter:blur(18px) saturate(170%) !important;
border-bottom:1px solid rgba(18,43,92,.08) !important;
box-shadow:0 14px 40px rgba(8,32,84,.045) !important;
}
.header__inner{
width:min(100% - 4.5rem, 1480px) !important;
min-height:92px !important;
margin-inline:auto !important;
display:flex !important;
justify-content:space-between !important;
align-items:center !important;
gap:2.4rem !important;
}
.brand{flex:0 0 auto !important;}
.brand img,
.header.scrolled .brand img{
width:178px !important;
max-width:178px !important;
height:auto !important;
object-fit:contain !important;
display:block !important;
}
.nav{margin-left:auto !important;display:flex !important;align-items:center !important;gap:1.25rem !important;}
.nav__links{display:flex !important;align-items:center !important;gap:1.55rem !important;}
.nav__links a{
padding:.82rem .2rem !important;
font-size:1.08rem !important;
font-weight:650 !important;
line-height:1 !important;
letter-spacing:-.02em !important;
color:var(--ultimate-navy) !important;
background:transparent !important;
border-radius:0 !important;
}
.nav__links a:hover,
.nav__links a.active{color:var(--ultimate-gold) !important;background:transparent !important;}
.nav__cta,
.header .btn.nav__cta{
display:inline-flex !important;
min-height:56px !important;
padding:1rem 1.75rem !important;
border-radius:999px !important;
font-size:1.04rem !important;
font-weight:750 !important;
background:var(--azul-profundo) !important;
color:#fff !important;
box-shadow:0 16px 34px rgba(19,34,67,.22) !important;
}
.nav__cta:hover{background:#0f2555 !important;transform:translateY(-2px) !important;}
.burger{display:none !important;}
/* Home Ultimate: primeira dobra clara, compacta e tecnológica */
.home-sector-hero{
position:relative !important;
min-height:auto !important;
padding:clamp(8.6rem, 9.4vw, 10.4rem) 0 clamp(3.4rem, 5.4vw, 5.4rem) !important;
overflow:hidden !important;
color:var(--ultimate-navy) !important;
background:
radial-gradient(circle at 7% 25%, rgba(11,92,255,.105), transparent 26rem),
radial-gradient(circle at 96% 4%, rgba(203,154,96,.15), transparent 27rem),
linear-gradient(180deg,#ffffff 0%,#f8fbff 76%,#ffffff 100%) !important;
}
.home-sector-hero::before{
content:"" !important;
position:absolute !important;
inset:92px 0 auto 0 !important;
height:1px !important;
background:linear-gradient(90deg,transparent,rgba(11,92,255,.18),transparent) !important;
}
.home-sector-hero::after{
content:"" !important;
position:absolute !important;
right:-10rem !important;
top:9rem !important;
width:32rem !important;
height:32rem !important;
border-radius:50% !important;
background:rgba(11,92,255,.055) !important;
filter:blur(18px) !important;
pointer-events:none !important;
}
.home-sector-hero__container{
position:relative !important;
z-index:1 !important;
width:min(100% - 4.5rem, 1440px) !important;
margin-inline:auto !important;
}
.home-sector-hero__head{
max-width:1120px !important;
margin:0 auto clamp(2rem,3vw,2.8rem) !important;
text-align:center !important;
}
.ultimate-kicker{
display:inline-flex !important;
align-items:center !important;
gap:.7rem !important;
margin-bottom:1.1rem !important;
padding:.48rem .86rem !important;
border-radius:999px !important;
border:1px solid rgba(203,154,96,.28) !important;
background:rgba(255,255,255,.72) !important;
color:var(--ultimate-gold) !important;
font-size:.76rem !important;
font-weight:850 !important;
letter-spacing:.18em !important;
text-transform:uppercase !important;
box-shadow:0 14px 38px rgba(8,32,84,.055) !important;
}
.home-sector-hero__head h1{
margin:0 auto !important;
max-width:1060px !important;
color:var(--ultimate-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(3.25rem,5.1vw,5.85rem) !important;
line-height:.92 !important;
letter-spacing:-.058em !important;
font-weight:700 !important;
text-wrap:balance !important;
}
.home-sector-hero__head p{
margin:1.2rem auto 0 !important;
max-width:820px !important;
color:var(--ultimate-muted) !important;
font-size:clamp(1.05rem,1.42vw,1.32rem) !important;
line-height:1.52 !important;
font-weight:500 !important;
}
.home-sector-hero__grid{
display:grid !important;
grid-template-columns:repeat(3,minmax(0,1fr)) !important;
gap:clamp(1.15rem,1.8vw,1.8rem) !important;
align-items:stretch !important;
margin-top:0 !important;
}
.home-sector-card{
position:relative !important;
display:flex !important;
flex-direction:column !important;
overflow:hidden !important;
min-height:0 !important;
border-radius:28px !important;
border:1px solid rgba(18,43,92,.12) !important;
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,250,255,.96)) !important;
box-shadow:0 24px 68px rgba(8,32,84,.105), inset 0 1px 0 rgba(255,255,255,.72) !important;
transform:translateZ(0) !important;
transition:transform .36s var(--ease), box-shadow .36s var(--ease), border-color .36s var(--ease) !important;
}
.home-sector-card:hover{
transform:translateY(-8px) translateZ(0) !important;
border-color:rgba(11,92,255,.25) !important;
box-shadow:0 36px 96px rgba(8,32,84,.17), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.home-sector-card::before{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:3 !important;
pointer-events:none !important;
background:linear-gradient(135deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.34) 100%) !important;
opacity:0 !important;
transition:opacity .35s var(--ease) !important;
}
.home-sector-card:hover::before{opacity:1 !important;}
.home-sector-card__image{
height:clamp(205px,14.5vw,245px) !important;
flex:0 0 auto !important;
border-radius:28px 28px 0 0 !important;
overflow:hidden !important;
background:#eaf0fb !important;
}
.home-sector-card__image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center !important;
transition:transform .7s var(--ease), filter .7s var(--ease) !important;
}
.home-sector-card:hover .home-sector-card__image img{transform:scale(1.065) !important;filter:saturate(1.03) contrast(1.02) !important;}
.home-sector-card__body{
display:flex !important;
flex-direction:column !important;
flex:1 !important;
padding:clamp(1.35rem,1.75vw,1.8rem) !important;
}
.home-sector-card__body h2{
margin:0 0 .75rem !important;
color:var(--ultimate-navy) !important;
font-family:var(--font-serif) !important;
font-size:clamp(2rem,2.15vw,2.45rem) !important;
line-height:.98 !important;
letter-spacing:-.038em !important;
font-weight:700 !important;
}
.home-sector-card__body p{
margin:0 !important;
color:#44516d !important;
font-size:clamp(.96rem,.96vw,1.03rem) !important;
line-height:1.54 !important;
font-weight:500 !important;
}
.home-sector-card__link{
display:inline-flex !important;
align-items:center !important;
width:fit-content !important;
gap:.52rem !important;
margin-top:1.15rem !important;
color:var(--ultimate-blue) !important;
font-size:1rem !important;
line-height:1 !important;
font-weight:850 !important;
opacity:.88 !important;
transition:transform .3s var(--ease), opacity .3s var(--ease), gap .3s var(--ease) !important;
}
.home-sector-card__link svg{width:17px !important;height:17px !important;}
.home-sector-card:hover .home-sector-card__link{opacity:1 !important;transform:translateX(6px) !important;gap:.82rem !important;}
.ultimate-proof-row{
display:flex !important;
flex-wrap:wrap !important;
justify-content:center !important;
gap:.75rem !important;
margin:clamp(1.4rem,2.2vw,2rem) auto 0 !important;
max-width:980px !important;
}
.ultimate-proof-row span{
display:inline-flex !important;
align-items:center !important;
min-height:40px !important;
padding:.62rem .95rem !important;
border:1px solid rgba(18,43,92,.10) !important;
border-radius:999px !important;
background:rgba(255,255,255,.76) !important;
box-shadow:0 12px 34px rgba(8,32,84,.055) !important;
color:#4b5875 !important;
font-size:.9rem !important;
font-weight:700 !important;
}
#setores-mount,#setores-mount *{display:none !important;}
/* Home abaixo da primeira dobra */
#especialistas-mount.section,
#ajuda-mount.section,
#prova-mount.section,
#priv-mount.section{
padding-block:clamp(3.6rem,5vw,5.6rem) !important;
}
#especialistas-mount .section__head,
#ajuda-mount .section__head,
#prova-mount .section__head{
max-width:860px !important;
margin-inline:auto !important;
text-align:center !important;
}
#especialistas-mount .section__head .eyebrow,
#ajuda-mount .section__head .eyebrow,
#prova-mount .section__head .eyebrow{justify-content:center !important;}
#especialistas-mount .section__head h2,
#ajuda-mount .section__head h2,
#prova-mount .section__head h2{
font-size:clamp(2.35rem,3.5vw,4rem) !important;
line-height:.99 !important;
letter-spacing:-.045em !important;
}
/* Especialistas: sem foto coletiva, cards mais editoriais */
#equipe-mount.section--top{padding-top:clamp(8.6rem,9.3vw,10.2rem) !important;padding-bottom:2.4rem !important;}
.especialistas-page-head{max-width:980px !important;text-align:center !important;margin-inline:auto !important;}
.especialistas-page-head .eyebrow{justify-content:center !important;}
.especialistas-page-head h1{
font-size:clamp(3rem,4.8vw,5.4rem) !important;
line-height:.94 !important;
letter-spacing:-.058em !important;
max-width:940px !important;
margin-inline:auto !important;
}
#especialistas-cards.section{padding-top:.2rem !important;}
.equipe-hero,.equipe-hero__img,#especialistas-page .sobre-grid__img{display:none !important;}
.especialistas-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:clamp(1.25rem,2vw,1.9rem) !important;}
.esp-card{
border-radius:28px !important;
border:1px solid rgba(18,43,92,.12) !important;
box-shadow:0 24px 70px rgba(8,32,84,.09) !important;
overflow:hidden !important;
}
.esp-card:hover{transform:translateY(-8px) !important;box-shadow:0 36px 96px rgba(8,32,84,.155) !important;}
.esp-card__photo{aspect-ratio:4/5 !important;background:#eef3fb !important;}
.esp-card__body{padding:1.55rem !important;}
.esp-card h3{font-size:clamp(1.55rem,1.95vw,2rem) !important;}
/* Páginas internas: menos espaço morto, tÃÂÂtulos proporcionais */
.section--top{padding-top:clamp(8.3rem,9vw,10rem) !important;}
.section{padding-block:clamp(3.2rem,4.6vw,5.1rem) !important;}
.section__head{margin-bottom:clamp(1.8rem,2.6vw,2.6rem) !important;}
.section__head h1,.section__head h2,#sobre-mount h1,#contato-mount h1,#especialista-mount h1{
font-size:clamp(2.7rem,4.25vw,4.9rem) !important;
line-height:.98 !important;
letter-spacing:-.052em !important;
text-wrap:balance !important;
}
.sobre-grid{gap:clamp(2rem,4.2vw,4.6rem) !important;align-items:center !important;}
.sobre-grid__img{border-radius:30px !important;box-shadow:0 28px 78px rgba(8,32,84,.13) !important;}
.sobre-grid__img img{aspect-ratio:4/3 !important;object-fit:cover !important;object-position:center !important;}
.feature,.curso-card,.mv-card,.form-card,.aside-card{border-radius:26px !important;border-color:rgba(18,43,92,.12) !important;}
.form-card{box-shadow:0 24px 70px rgba(8,32,84,.09) !important;}
.field input,.field textarea,.field select{border-radius:16px !important;background:#f8fbff !important;}
.cta{padding-block:clamp(3.8rem,5.4vw,6rem) !important;}
@media(max-width:1180px){
.header__inner{width:min(100% - 2.4rem,1180px) !important;gap:1.4rem !important;}
.brand img,.header.scrolled .brand img{width:156px !important;max-width:156px !important;}
.nav__links{gap:1rem !important;}
.nav__links a{font-size:1rem !important;}
.nav__cta,.header .btn.nav__cta{min-height:52px !important;padding:.92rem 1.35rem !important;font-size:.98rem !important;}
.home-sector-hero__container{width:min(100% - 2.4rem,1180px) !important;}
}
@media(max-width:980px){
.header,.header.scrolled{height:78px !important;}
.header__inner{min-height:78px !important;}
.nav__links,.nav__cta{display:none !important;}
.burger{display:inline-flex !important;}
.home-sector-hero{padding-top:7.7rem !important;}
.home-sector-hero__grid,.especialistas-grid{grid-template-columns:1fr !important;max-width:760px !important;margin-inline:auto !important;}
.home-sector-card__image{height:235px !important;}
}
@media(max-width:620px){
.container{width:min(100% - 1.25rem,760px) !important;}
.header,.header.scrolled{height:70px !important;}
.header__inner{width:min(100% - 1.25rem,760px) !important;min-height:70px !important;}
.brand img,.header.scrolled .brand img{width:124px !important;max-width:124px !important;}
.home-sector-hero{padding-top:6.6rem !important;padding-bottom:3rem !important;}
.home-sector-hero__container{width:min(100% - 1.15rem,760px) !important;}
.ultimate-kicker{font-size:.68rem !important;padding:.42rem .72rem !important;margin-bottom:.9rem !important;}
.home-sector-hero__head{margin-bottom:1.45rem !important;}
.home-sector-hero__head h1{font-size:clamp(2.45rem,10.2vw,3.32rem) !important;line-height:.94 !important;}
.home-sector-hero__head p{font-size:.98rem !important;margin-top:.9rem !important;}
.home-sector-card{border-radius:24px !important;}
.home-sector-card__image{height:184px !important;border-radius:24px 24px 0 0 !important;}
.home-sector-card__body{padding:1.22rem !important;}
.home-sector-card__body h2{font-size:2rem !important;}
.ultimate-proof-row span{font-size:.82rem !important;min-height:36px !important;}
.section--top{padding-top:6.8rem !important;}
.section{padding-block:2.65rem !important;}
.section__head h1,.section__head h2,#sobre-mount h1,#contato-mount h1,#especialista-mount h1{font-size:clamp(2.35rem,9.4vw,3.35rem) !important;}
}
/* =========================================================
SCK ACADEMY  V8 FINAL: correções pontuais de padronização
Mantém o design atual e corrige apenas espaçamentos, contrastes,
CTA, tÃÂÂtulos de cursos, rodapé e links/páginas de eixo.
========================================================= */
:root{
--sck-page-max:1440px;
--sck-page-x:clamp(28px,4.8vw,72px);
--sck-header-h:92px;
--sck-top-gap:clamp(8.6rem,9.4vw,10.4rem);
}
/* Eyebrows amarelos removidos sem deixar espaço residual */
.eyebrow,
.ultimate-kicker,
.section__head .eyebrow,
#sobre-page .eyebrow,
#especialistas-page .eyebrow,
#contato-page .eyebrow,
#proposta-page .eyebrow,
#eixo-page .eyebrow{
display:none!important;
visibility:hidden!important;
opacity:0!important;
height:0!important;
min-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
/* Header com proporção menos pesada e botão menor */
.header{min-height:var(--sck-header-h)!important;padding:0!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid rgba(19,34,67,.08)!important;box-shadow:0 8px 28px rgba(7,27,77,.055)!important;}
.header.scrolled{min-height:var(--sck-header-h)!important;}
.header .container,.header__inner{width:min(100% - var(--sck-page-x),var(--sck-page-max))!important;max-width:var(--sck-page-max)!important;height:var(--sck-header-h)!important;min-height:var(--sck-header-h)!important;margin:0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(1.2rem,2vw,2.4rem)!important;}
.brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;}
.brand img,.header.scrolled .brand img,.header:not(.scrolled) .brand img{width:170px!important;max-width:170px!important;height:auto!important;max-height:62px!important;object-fit:contain!important;}
.nav{flex:1 1 auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;}
.nav__links{display:flex!important;align-items:center!important;gap:clamp(24px,2.1vw,38px)!important;margin:0 clamp(20px,2.4vw,36px) 0 auto!important;white-space:nowrap!important;}
.nav__links a{font-size:clamp(1rem,.98vw,1.12rem)!important;font-weight:700!important;line-height:1!important;padding:8px 0!important;background:transparent!important;color:#132243!important;}
.nav__links a:hover,.nav__links a.active{color:#CB9A60!important;background:transparent!important;}
.nav__cta,.header .btn.nav__cta,.nav__cta .btn{min-height:50px!important;height:50px!important;padding:0 26px!important;border-radius:999px!important;font-size:1rem!important;font-weight:800!important;line-height:1!important;background:#132243!important;color:#fff!important;box-shadow:0 12px 28px rgba(19,34,67,.16)!important;}
/* Régua superior única para páginas internas */
main>section:first-of-type,.section--top,.curso-banner,.policy-hero{padding-top:var(--sck-top-gap)!important;}
main>section:first-of-type>.container,.section--top>.container,.curso-banner>.container,.policy-hero>.container,.container{max-width:var(--sck-page-max)!important;}
main>section:first-of-type>.container,.section--top>.container,.curso-banner>.container,.policy-hero>.container{width:min(100% - var(--sck-page-x),var(--sck-page-max))!important;margin-inline:auto!important;}
.section{padding-block:clamp(3.4rem,4.8vw,5.4rem)!important;}
.section+.section{padding-top:clamp(3.2rem,4.2vw,4.8rem)!important;}
.section__head{padding-top:0!important;margin-bottom:clamp(1.7rem,2.7vw,2.7rem)!important;}
.section__head h1,.section__head h2{margin-top:0!important;}
/* Home preservada, apenas menos folgada e mais proporcional */
.home-sector-hero{padding-top:clamp(8.1rem,8.8vw,9.8rem)!important;padding-bottom:clamp(3.8rem,5.2vw,6rem)!important;}
.home-sector-hero__container{width:min(100% - var(--sck-page-x),var(--sck-page-max))!important;}
.home-sector-hero__head{margin-bottom:clamp(1.8rem,3vw,3rem)!important;}
.home-sector-hero__head h1{font-size:clamp(3.3rem,4.7vw,5.5rem)!important;max-width:1040px!important;line-height:.97!important;}
.home-sector-hero__head p{font-size:clamp(1.05rem,1.22vw,1.22rem)!important;margin-top:1rem!important;}
.home-sector-hero__grid{gap:clamp(1.1rem,2vw,1.8rem)!important;}
.home-sector-card{min-height:0!important;}
.home-sector-card__image{height:clamp(190px,13vw,230px)!important;}
.home-sector-card__body{padding:clamp(1.25rem,1.55vw,1.65rem)!important;}
.home-sector-card__link{margin-top:1rem!important;}
/* Sobre, Contato e Proposta: alinhamento e espaçamento coerentes */
#sobre-page .section--top,#contato-page .section--top,#proposta-page .section--top{padding-top:var(--sck-top-gap)!important;}
.sobre-grid{gap:clamp(2.4rem,4.4vw,5rem)!important;align-items:center!important;}
.sobre-grid h1,.sobre-grid h2,#contato-page h1,#proposta-page h1{font-size:clamp(3rem,4.3vw,5rem)!important;line-height:.98!important;letter-spacing:-.052em!important;}
.sobre-grid__img img{aspect-ratio:4/4.5!important;object-fit:cover!important;object-position:center top!important;}
.form-layout{margin-top:clamp(1.8rem,2.6vw,2.8rem)!important;}
/* Especialistas: centralizada, mas sem manchete desproporcional */
#equipe-mount.section--top{padding-top:var(--sck-top-gap)!important;padding-bottom:clamp(2.4rem,3.4vw,3.8rem)!important;}
.especialistas-page-head{max-width:880px!important;margin-inline:auto!important;text-align:center!important;}
.especialistas-page-head h1{font-size:clamp(2.7rem,3.8vw,4.35rem)!important;line-height:1!important;max-width:880px!important;margin-inline:auto!important;}
.especialistas-page-head p{font-size:clamp(1.05rem,1.18vw,1.16rem)!important;line-height:1.58!important;max-width:760px!important;margin-inline:auto!important;}
#especialistas-cards.section{padding-top:0!important;}
/* Eixos e cursos: contraste, destaque e legibilidade */
.curso-banner{padding-bottom:clamp(3.2rem,4.8vw,5.2rem)!important;background:radial-gradient(900px 520px at 86% 0%,rgba(30,52,101,.98),rgba(19,34,67,.98) 48%,#050817 100%)!important;}
.curso-banner h1{display:inline-block!important;max-width:1100px!important;margin:.8rem 0 1.1rem!important;padding:clamp(.55rem,1vw,.9rem) clamp(.75rem,1.3vw,1.25rem)!important;border-radius:22px!important;background:rgba(19,34,67,.06)!important;border:1px solid rgba(30,52,101,.10)!important;box-shadow:0 18px 48px rgba(8,32,84,.08)!important;color:#071b4d!important;-webkit-text-fill-color:#071b4d!important;text-shadow:none!important;opacity:1!important;}
.curso-banner .breadcrumb,.curso-banner .breadcrumb a,.curso-banner .breadcrumb span{color:rgba(255,255,255,.78)!important;}
.curso-banner__protecao{color:#F9E3BA!important;opacity:1!important;}
.curso-meta-bar{margin-top:1.5rem!important;}
.curso-card h3{display:inline-block!important;width:fit-content!important;max-width:100%!important;padding:.45rem .7rem!important;margin-left:-.7rem!important;border-radius:16px!important;background:linear-gradient(180deg,rgba(30,52,101,.06),rgba(30,52,101,.025))!important;color:#071b4d!important;}
.curso-card__body{gap:.35rem!important;}
/* Página Saúde: garante contraste do tÃÂÂtulo do eixo */
#eixo-page[data-eixo="saude"] .curso-banner h1,
#eixo-page[data-eixo="educacao"] .curso-banner h1,
#eixo-page[data-eixo="setor-publico"] .curso-banner h1{color:#071b4d!important;-webkit-text-fill-color:#071b4d!important;background:rgba(19,34,67,.06)!important;border-color:rgba(30,52,101,.10)!important;}
/* Footer e CTA: remove espaços mortos sem alterar conteúdo */
.cta{padding-block:clamp(3rem,4.4vw,4.8rem)!important;min-height:0!important;}
.cta .container{max-width:820px!important;}
.footer{padding-block:clamp(2.8rem,4.5vw,4.2rem) 1.8rem!important;}
.footer__grid{gap:clamp(2rem,3.5vw,4rem)!important;}
/* Evita seções vazias gigantes caso algum mount falhe */
section:empty{display:none!important;min-height:0!important;padding:0!important;margin:0!important;}
@media(max-width:1180px){
.brand img,.header.scrolled .brand img{width:148px!important;max-width:148px!important;}
.nav__links{gap:20px!important;margin-right:22px!important;}
.nav__links a{font-size:.98rem!important;}
.nav__cta,.header .btn.nav__cta{height:48px!important;min-height:48px!important;padding:0 22px!important;font-size:.96rem!important;}
}
@media(max-width:980px){
:root{--sck-header-h:74px;--sck-top-gap:7.4rem;}
.header,.header.scrolled{min-height:var(--sck-header-h)!important;}
.header .container,.header__inner{height:var(--sck-header-h)!important;min-height:var(--sck-header-h)!important;width:min(100% - 28px,760px)!important;}
.brand img,.header.scrolled .brand img{width:138px!important;max-width:138px!important;}
.nav__links,.nav__cta{display:none!important;}
.burger{display:inline-flex!important;}
.home-sector-hero{padding-top:7.2rem!important;}
.home-sector-hero__grid,.especialistas-grid{grid-template-columns:1fr!important;}
}
@media(max-width:620px){
:root{--sck-page-x:22px;--sck-top-gap:6.8rem;}
.home-sector-hero__head h1{font-size:clamp(2.45rem,10vw,3.35rem)!important;}
.section__head h1,.section__head h2,.sobre-grid h1,.sobre-grid h2,#contato-page h1,#proposta-page h1,.curso-banner h1{font-size:clamp(2.35rem,9.5vw,3.35rem)!important;}
.home-sector-card__image{height:182px!important;}
.curso-banner h1{border-radius:18px!important;}
}
/* =========================================================
SCK ACADEMY  COURSE CARD FIX V9
Carga horária abaixo do tÃÂÂtulo e card inteiro clicável.
========================================================= */
.curso-card{
display:flex !important;
flex-direction:column !important;
text-decoration:none !important;
color:inherit !important;
cursor:pointer !important;
position:relative !important;
}
.curso-card__top{
display:none !important;
}
.curso-card__body{
min-height:100% !important;
padding:clamp(1.8rem, 2.6vw, 2.4rem) !important;
display:flex !important;
flex-direction:column !important;
}
.curso-card h3{
display:inline-block !important;
width:fit-content !important;
max-width:100% !important;
margin:0 0 .75rem !important;
padding:.58rem .82rem !important;
border-radius:16px !important;
background:rgba(19,34,67,.055) !important;
color:#071b4d !important;
font-size:clamp(1.55rem, 2vw, 2.2rem) !important;
line-height:1.08 !important;
letter-spacing:-.035em !important;
}
.curso-card__carga-texto{
margin:0 0 1.25rem !important;
color:#132243 !important;
font-size:1rem !important;
font-weight:700 !important;
line-height:1.35 !important;
}
.curso-card__protecao{
margin:0 0 1.35rem !important;
}
.curso-card__meta{
margin-top:auto !important;
margin-bottom:1.7rem !important;
}
.curso-card__foot{
margin-top:0 !important;
}
.curso-card:hover .curso-card__link{
transform:translateX(6px) !important;
}
/* =========================================================
SCK ACADEMY  RESPONSIBLE SPECIALIST LINK FIX V10
O card "Especialista responsável" inteiro agora é clicável.
========================================================= */
.aside-card--clickable{
display:block !important;
text-decoration:none !important;
color:inherit !important;
cursor:pointer !important;
transition:
transform .28s var(--ease),
box-shadow .28s var(--ease),
border-color .28s var(--ease) !important;
}
.aside-card--clickable:hover{
transform:translateY(-4px) !important;
box-shadow:0 28px 70px rgba(8,32,84,.14) !important;
border-color:rgba(30,52,101,.20) !important;
}
.aside-card--clickable .curso-card__link{
pointer-events:none !important;
}
.aside-card--clickable:hover .curso-card__link{
transform:translateX(6px) !important;
}
/* =========================================================
SCK ACADEMY  COURSE AREA CLEAN LAYOUT V11
Clareia as páginas internas de áreas/cursos, preservando
conteúdo e identidade visual.
========================================================= */
/* Hero das páginas Saúde, Educação e Setor Público: sai do bloco azul pesado */
.curso-banner{
background:
radial-gradient(circle at 16% 20%, rgba(203,154,96,.12), transparent 30%),
radial-gradient(circle at 84% 18%, rgba(30,52,101,.08), transparent 32%),
linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
color:#132243 !important;
padding-top: clamp(9.5rem, 10vw, 11.5rem) !important;
padding-bottom: clamp(4.2rem, 5.8vw, 6.2rem) !important;
border-bottom: 1px solid rgba(30,52,101,.08) !important;
}
.curso-banner .container{
width:min(100% - 72px, 1440px) !important;
max-width:1440px !important;
margin-inline:auto !important;
}
/* Breadcrumb visÃÂÂvel em fundo claro */
.curso-banner .breadcrumb,
.curso-banner .breadcrumb a,
.curso-banner .breadcrumb span{
color:#6b7385 !important;
}
.curso-banner .breadcrumb a:hover{
color:#CB9A60 !important;
}
/* TÃÂÂtulo da área com contraste e sem desaparecer */
.curso-banner h1{
display:inline-flex !important;
width:fit-content !important;
max-width:100% !important;
margin:1.15rem 0 1.35rem !important;
padding:.38rem .72rem .48rem !important;
border-radius:20px !important;
background:rgba(19,34,67,.055) !important;
color:#071b4d !important;
font-size:clamp(3.6rem, 6vw, 6.8rem) !important;
line-height:.95 !important;
letter-spacing:-.055em !important;
box-shadow: inset 0 0 0 1px rgba(30,52,101,.06) !important;
}
/* Texto descritivo da área, claro e institucional */
.curso-banner__protecao{
max-width: 980px !important;
color:#34415f !important;
font-size:clamp(1.2rem, 1.75vw, 1.6rem) !important;
line-height:1.55 !important;
}
/* Metadados em cards claros */
.curso-meta-bar{
margin-top:2.1rem !important;
display:flex !important;
flex-wrap:wrap !important;
gap:1rem !important;
}
.curso-meta-bar .item{
min-width: 190px !important;
padding:1.05rem 1.25rem !important;
border-radius:20px !important;
background:rgba(255,255,255,.82) !important;
border:1px solid rgba(30,52,101,.12) !important;
box-shadow:0 16px 42px rgba(8,32,84,.07) !important;
}
.curso-meta-bar .item small{
color:#CB9A60 !important;
font-size:.76rem !important;
letter-spacing:.14em !important;
}
.curso-meta-bar .item strong{
color:#132243 !important;
font-size:1rem !important;
}
/* Evita faixa azul vazia e grandes blocos escuros remanescentes */
.curso-banner__wm,
.curso-banner::before,
.curso-banner::after{
display:none !important;
}
/* Página de curso individual: destaque do tÃÂÂtulo sem pesar */
.curso-layout{
margin-top: clamp(3rem, 5vw, 5.5rem) !important;
}
.curso-apresentacao{
background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
border:1px solid rgba(30,52,101,.10) !important;
border-radius:28px !important;
padding:clamp(1.6rem, 2.6vw, 2.4rem) !important;
box-shadow:0 18px 50px rgba(8,32,84,.07) !important;
}
/* Cards de módulos mais leves */
.modulo{
border-color:rgba(30,52,101,.10) !important;
border-radius:20px !important;
box-shadow:0 12px 34px rgba(8,32,84,.05) !important;
}
.modulo__head{
background:#f8fbff !important;
padding:1.15rem 1.35rem !important;
}
/* Corrige cards de curso no grid das áreas */
.cursos-grid{
gap:clamp(1.4rem, 2vw, 2rem) !important;
}
.curso-card{
background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%) !important;
border:1px solid rgba(30,52,101,.10) !important;
box-shadow:0 18px 48px rgba(8,32,84,.07) !important;
}
.curso-card:hover{
box-shadow:0 30px 76px rgba(8,32,84,.14) !important;
}
/* Reduz espaços mortos antes do footer nas páginas de área */
.cursos-grid + .section,
main + .footer{
margin-top:0 !important;
}
.footer{
margin-top:0 !important;
}
/* Mobile */
@media(max-width: 760px){
.curso-banner{
padding-top:8.4rem !important;
padding-bottom:3.6rem !important;
}
.curso-banner .container{
width:min(100% - 28px, 720px) !important;
}
.curso-banner h1{
font-size:clamp(3rem, 14vw, 4.8rem) !important;
}
.curso-banner__protecao{
font-size:1.08rem !important;
}
.curso-meta-bar .item{
width:100% !important;
}
}
/* =========================================================
SCK ACADEMY  V13 SAFE REFINEMENT
Base estável + correções visuais solicitadas, sem renomear
chaves internas JS/JSON.
========================================================= */
:root{
--sck-page-max: 1440px;
--sck-page-x: clamp(28px, 5vw, 72px);
--sck-blue: #132243;
--sck-blue-deep: #071b4d;
--sck-gold: #CB9A60;
}
/* Eyebrows removidos globalmente */
.eyebrow{
display:none !important;
}
/* Header: logo, menu e CTA equilibrados */
.header{
min-height: 88px !important;
padding:0 !important;
background:rgba(255,255,255,.96) !important;
box-shadow:0 8px 24px rgba(7,27,77,.055) !important;
border-bottom:1px solid rgba(19,34,67,.08) !important;
}
.header.scrolled{
min-height:80px !important;
}
.header .container,
.header__inner{
width:min(100% - var(--sck-page-x), var(--sck-page-max)) !important;
max-width:var(--sck-page-max) !important;
height:88px !important;
margin:0 auto !important;
padding:0 !important;
display:grid !important;
grid-template-columns: 190px minmax(440px, 1fr) auto !important;
align-items:center !important;
gap:clamp(1.2rem, 3vw, 3rem) !important;
}
.header.scrolled .container,
.header.scrolled .header__inner{
height:80px !important;
}
.brand{
grid-column:1 !important;
justify-self:start !important;
display:flex !important;
align-items:center !important;
}
.brand img,
.header.scrolled .brand img,
.header:not(.scrolled) .brand img,
.header:not(.scrolled) .brand--hero img{
width:160px !important;
max-width:160px !important;
height:auto !important;
max-height:60px !important;
object-fit:contain !important;
}
.nav{
display:contents !important;
}
.nav__links{
grid-column:2 !important;
justify-self:center !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:clamp(1.45rem, 2.2vw, 2.5rem) !important;
margin:0 !important;
padding:0 !important;
}
.nav__links a{
font-size:clamp(1rem, .9vw, 1.08rem) !important;
font-weight:700 !important;
line-height:1 !important;
color:var(--sck-blue) !important;
padding:.5rem 0 !important;
background:transparent !important;
white-space:nowrap !important;
}
.nav__links a:hover,
.nav__links a.active{
color:var(--sck-gold) !important;
background:transparent !important;
}
.nav__cta{
grid-column:3 !important;
justify-self:end !important;
display:inline-flex !important;
margin:0 !important;
}
.nav__cta .btn,
.nav__cta.btn,
.nav .btn{
min-height:46px !important;
padding:0 24px !important;
border-radius:999px !important;
background:#1E3465 !important;
color:#fff !important;
box-shadow:0 10px 24px rgba(19,34,67,.14) !important;
font-size:.98rem !important;
font-weight:750 !important;
}
/* Padrão de largura lateral */
.container,
.curso-banner .container,
#especialistas-mount .container,
#ajuda-mount .container,
#prova-mount .container,
#priv-mount .container,
#cta-mount .container{
max-width:var(--sck-page-max) !important;
}
/* Seções: reduzir vazios e manter régua */
.section{
padding-block:clamp(4rem, 5.4vw, 6rem) !important;
}
.section + .section{
padding-top:clamp(3.2rem, 4.5vw, 4.8rem) !important;
}
/* Home: frase principal como destaque, com movimento sutil */
body.home main > section:first-of-type,
.home main > section:first-of-type{
padding-top:clamp(9.2rem, 10vw, 10.8rem) !important;
padding-bottom:clamp(4.5rem, 6vw, 6.4rem) !important;
}
body.home main > section:first-of-type .section__head,
.home main > section:first-of-type .section__head{
max-width:1120px !important;
margin:0 auto clamp(3rem, 4vw, 4.2rem) !important;
text-align:center !important;
}
body.home main > section:first-of-type h1,
body.home main > section:first-of-type h2,
.home main > section:first-of-type h1,
.home main > section:first-of-type h2{
position:relative !important;
max-width:1080px !important;
margin:0 auto 1.2rem !important;
color:var(--sck-blue-deep) !important;
font-size:clamp(3.6rem, 5.4vw, 6.3rem) !important;
line-height:.95 !important;
letter-spacing:-.058em !important;
text-align:center !important;
text-wrap:balance !important;
animation:sckTitleDrift 7s ease-in-out infinite !important;
}
@keyframes sckTitleDrift{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-5px)}
}
body.home main > section:first-of-type h1::after,
body.home main > section:first-of-type h2::after,
.home main > section:first-of-type h1::after,
.home main > section:first-of-type h2::after{
content:"" !important;
position:absolute !important;
left:50% !important;
bottom:-1.05rem !important;
transform:translateX(-50%) !important;
width:min(360px, 32vw) !important;
height:18px !important;
background:radial-gradient(ellipse at center, rgba(203,154,96,.22), transparent 72%) !important;
}
/* Cards dos setores: Ver cursos fixo no rodapé */
.hero-sector-card{
min-height:460px !important;
display:flex !important;
flex-direction:column !important;
}
.hero-sector-body{
flex:1 !important;
display:flex !important;
flex-direction:column !important;
}
.hero-sector-text{
margin-bottom:1.2rem !important;
}
.hero-sector-link{
margin-top:auto !important;
align-self:flex-start !important;
}
/* ÃÂÂreas internas: fundo limpo e tÃÂÂtulos visÃÂÂveis */
.curso-banner{
background:
radial-gradient(circle at 16% 6%, rgba(203,154,96,.10), transparent 28%),
radial-gradient(circle at 86% 8%, rgba(30,52,101,.07), transparent 32%),
linear-gradient(180deg, #fff 0%, #f8fbff 100%) !important;
color:var(--sck-blue) !important;
padding-top:clamp(7.4rem, 9vw, 10.6rem) !important;
padding-bottom:clamp(2.2rem, 5vw, 5.4rem) !important;
border-bottom:1px solid rgba(30,52,101,.08) !important;
}
.curso-banner .breadcrumb,
.curso-banner .breadcrumb a,
.curso-banner .breadcrumb span{
color:#6B7385 !important;
}
.curso-banner h1{
display:inline-flex !important;
width:fit-content !important;
max-width:100% !important;
margin:1rem 0 1.35rem !important;
padding:.34rem .7rem .44rem !important;
border-radius:20px !important;
color:var(--sck-blue-deep) !important;
background:rgba(19,34,67,.06) !important;
text-shadow:none !important;
box-shadow:inset 0 0 0 1px rgba(30,52,101,.08), 0 16px 42px rgba(8,32,84,.055) !important;
font-size:clamp(2.2rem, 3.4vw, 3.6rem) !important;
line-height:.95 !important;
letter-spacing:-.055em !important;
}
.curso-banner__protecao{
max-width:980px !important;
color:#34415f !important;
font-size:clamp(1.16rem, 1.65vw, 1.5rem) !important;
line-height:1.55 !important;
}
/* Remover card/quadro "CAPACITAÇÕES / x trilhas" e todos os metadados do topo das áreas */
.curso-meta-bar{
display:none !important;
}
/* Cards de curso: carga horária no corpo, card todo clicável */
.curso-card{
min-height:500px !important;
display:flex !important;
flex-direction:column !important;
text-decoration:none !important;
color:inherit !important;
cursor:pointer !important;
}
.curso-card__top{
display:none !important;
}
.curso-card__body{
flex:1 !important;
display:flex !important;
flex-direction:column !important;
}
.curso-card h3{
display:inline-block !important;
width:fit-content !important;
max-width:100% !important;
margin:0 0 .75rem !important;
padding:.58rem .82rem !important;
border-radius:16px !important;
background:rgba(19,34,67,.055) !important;
color:var(--sck-blue-deep) !important;
}
.curso-card__carga-texto{
margin:0 0 1.25rem !important;
color:var(--sck-blue) !important;
font-size:1rem !important;
font-weight:700 !important;
line-height:1.35 !important;
}
.curso-card__meta{
margin-top:auto !important;
}
.curso-card__foot{
margin-top:0 !important;
}
.curso-card .curso-card__link{
pointer-events:none !important;
}
/* Seções institucionais: laterais padronizadas */
#especialistas-mount .container,
#ajuda-mount .container,
#prova-mount .container,
#priv-mount .container{
width:min(100% - var(--sck-page-x), var(--sck-page-max)) !important;
margin-inline:auto !important;
}
#especialistas-mount .section__head,
#ajuda-mount .section__head,
#prova-mount .section__head{
max-width:900px !important;
margin-inline:auto !important;
text-align:center !important;
}
#especialistas-mount .section__head h2,
#ajuda-mount .section__head h2,
#prova-mount .section__head h2{
max-width:880px !important;
margin-inline:auto !important;
font-size:clamp(2.6rem, 4.1vw, 4.6rem) !important;
line-height:.99 !important;
letter-spacing:-.052em !important;
text-align:center !important;
}
/* Botões institucionais padronizados */
.btn,
.policy-actions .btn,
.priv-band .btn,
.cta .btn,
.btn-row .btn{
min-height:50px !important;
padding:0 26px !important;
border-radius:999px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
font-weight:700 !important;
line-height:1 !important;
}
.btn-row,
.policy-actions,
.priv-band .btn-row,
.cta .btn-row{
display:flex !important;
align-items:center !important;
gap:1rem !important;
}
.cta .btn-row,
.priv-band .btn-row{
justify-content:center !important;
}
.form-card .btn-row,
.form-layout .btn-row{
justify-content:flex-start !important;
}
/* Especialista responsável clicável */
.aside-card--clickable{
display:block !important;
text-decoration:none !important;
color:inherit !important;
cursor:pointer !important;
transition:transform .28s var(--ease), box-shadow .28s var(--ease), border-color .28s var(--ease) !important;
}
.aside-card--clickable:hover{
transform:translateY(-4px) !important;
box-shadow:0 28px 70px rgba(8,32,84,.14) !important;
border-color:rgba(30,52,101,.20) !important;
}
.aside-card--clickable .curso-card__link{
pointer-events:none !important;
}
/* Menos espaço antes do footer */
#priv-mount{
padding-bottom:clamp(2.5rem, 3.8vw, 3.8rem) !important;
}
#cta-mount{
margin-top:0 !important;
}
.footer{
margin-top:0 !important;
padding-top:clamp(3rem, 5vw, 4.4rem) !important;
}
/* Responsivo */
@media(max-width:1180px){
.header .container,
.header__inner{
grid-template-columns:150px minmax(380px,1fr) auto !important;
}
.brand img,
.header.scrolled .brand img,
.header:not(.scrolled) .brand img,
.header:not(.scrolled) .brand--hero img{
width:140px !important;
max-width:140px !important;
}
.nav__links{gap:1.35rem !important;}
.nav__links a{font-size:.98rem !important;}
.nav__cta .btn,
.nav__cta.btn,
.nav .btn{
min-height:44px !important;
padding:0 20px !important;
font-size:.94rem !important;
}
}
@media(max-width:980px){
.header .container,
.header__inner{
width:min(100% - 28px, 720px) !important;
height:78px !important;
display:flex !important;
}
.nav{display:flex !important; margin-left:auto !important;}
.nav__links,
.nav__cta{display:none !important;}
.burger{display:inline-flex !important;}
.curso-banner{padding-top:8.2rem !important;}
.curso-banner h1{font-size:clamp(2.2rem,10vw,3.4rem) !important;}
.hero-sector-card,
.curso-card{min-height:auto !important;}
}
@media(prefers-reduced-motion:reduce){
body.home main > section:first-of-type h1,
body.home main > section:first-of-type h2,
.home main > section:first-of-type h1,
.home main > section:first-of-type h2{
animation:none !important;
}
}
/* =========================================================
CORREÇÃO DEFINITIVA  tÃÂÂtulos das páginas Saúde, Educação e Setor Público
Mantém os tÃÂÂtulos internos em azul institucional.
========================================================= */
#eixo-page[data-eixo="saude"] .curso-banner h1,
#eixo-page[data-eixo="educacao"] .curso-banner h1,
#eixo-page[data-eixo="setor-publico"] .curso-banner h1{
color:#071b4d !important;
-webkit-text-fill-color:#071b4d !important;
background:rgba(19,34,67,.06) !important;
border-color:rgba(30,52,101,.10) !important;
text-shadow:none !important;
opacity:1 !important;
font-size:clamp(2.2rem, 3.4vw, 3.6rem) !important;
line-height:.95 !important;
}
.pagina-cursos-hero h1{
margin-bottom: 1.5rem !important;
}
.pagina-cursos-hero .lead{
margin-bottom: 3rem !important;
}
/* ANIMAÇÃO HERO - SCK ACADEMY */
#hero-mount {
position: relative;
overflow: hidden;
}
#hero-mount::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 72% 22%, rgba(90,120,255,.18), transparent 35%),
radial-gradient(circle at 18% 82%, rgba(255,255,255,.08), transparent 30%);
animation: luzHero 8s ease-in-out infinite alternate;
pointer-events: none;
z-index: 0;
}
#hero-mount > * {
position: relative;
z-index: 1;
}
#hero-mount h1,
#hero-mount p,
#hero-mount .btn,
#hero-mount .hero-actions,
#hero-mount .hero-card,
#hero-mount .hero-visual {
opacity: 0;
transform: translateY(26px);
animation: heroEntrada .9s ease forwards;
}
#hero-mount p {
animation-delay: .15s;
}
#hero-mount .hero-actions,
#hero-mount .btn {
animation-delay: .3s;
}
#hero-mount .hero-card,
#hero-mount .hero-visual {
animation-delay: .45s;
}
@keyframes heroEntrada {
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes luzHero {
from {
opacity: .55;
transform: scale(1);
}
to {
opacity: .9;
transform: scale(1.06);
}
}
/* =========================================================
PÃGINA INDIVIDUAL DO ESPECIALISTA — ESTRUTURA CORRIGIDA
Correção incorporada ao arquivo: no mobile, foto e currÃculo
não compartilham a mesma área visual. A foto fica em cima e
o conteúdo fica abaixo, com fundo próprio e leitura adequada.
========================================================= */
#especialista-mount .esp-detail,
#especialista-page .esp-detail,
.esp-detail{
display:grid !important;
grid-template-columns:1fr !important;
gap:clamp(1.6rem, 3vw, 2.8rem) !important;
align-items:start !important;
position:relative !important;
}
#especialista-mount .esp-detail__photo,
#especialista-page .esp-detail__photo,
.esp-detail__photo{
position:relative !important;
top:auto !important;
align-self:start !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
overflow:hidden !important;
border-radius:24px !important;
background:transparent !important;
box-shadow:0 24px 60px rgba(8,32,84,.14) !important;
z-index:1 !important;
}
#especialista-mount .esp-detail__photo img,
#especialista-page .esp-detail__photo img,
.esp-detail__photo img{
display:block !important;
width:100% !important;
height:auto !important;
aspect-ratio:3/4 !important;
object-fit:cover !important;
object-position:top center !important;
}
#especialista-mount .esp-detail__content,
#especialista-page .esp-detail__content,
.esp-detail__content{
position:relative !important;
z-index:2 !important;
min-width:0 !important;
color:var(--texto) !important;
}
#especialista-mount .esp-detail__content p,
#especialista-page .esp-detail__content p,
.esp-detail__content p,
#especialista-mount .esp-detail li,
#especialista-page .esp-detail li,
.esp-detail li{
color:var(--texto) !important;
text-align:justify !important;
text-justify:inter-word !important;
}
#especialista-mount .esp-list,
#especialista-page .esp-list,
.esp-list{
list-style:none !important;
margin:0 !important;
padding:0 !important;
}
#especialista-mount .esp-list li,
#especialista-page .esp-list li,
.esp-list li{
position:relative !important;
padding-left:1.7rem !important;
margin-bottom:.75rem !important;
line-height:1.65 !important;
}
#especialista-mount .esp-list li::before,
#especialista-page .esp-list li::before,
.esp-list li::before{
content:"" !important;
position:absolute !important;
left:0 !important;
top:.72rem !important;
width:8px !important;
height:8px !important;
border-radius:50% !important;
background:linear-gradient(135deg,var(--dourado),var(--marrom)) !important;
}
#especialista-mount .esp-detail h1,
#especialista-mount .esp-detail h2,
#especialista-mount .esp-detail h3,
#especialista-mount .esp-detail .eyebrow,
#especialista-mount .esp-detail .chip,
#especialista-mount .esp-detail .btn,
#especialista-mount .breadcrumb,
#especialista-page .esp-detail h1,
#especialista-page .esp-detail h2,
#especialista-page .esp-detail h3,
#especialista-page .esp-detail .eyebrow,
#especialista-page .esp-detail .chip,
#especialista-page .esp-detail .btn,
#especialista-page .breadcrumb,
.esp-detail h1,
.esp-detail h2,
.esp-detail h3{
text-align:left !important;
}
@media(min-width:880px){
#especialista-mount .esp-detail,
#especialista-page .esp-detail,
.esp-detail{
grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr) !important;
}
#especialista-mount .esp-detail__photo,
#especialista-page .esp-detail__photo,
.esp-detail__photo{
position:sticky !important;
top:6rem !important;
}
}
@media(max-width:879px){
#especialista-mount .esp-detail,
#especialista-page .esp-detail,
.esp-detail{
display:flex !important;
flex-direction:column !important;
gap:1.4rem !important;
}
#especialista-mount .esp-detail__photo,
#especialista-page .esp-detail__photo,
.esp-detail__photo{
position:relative !important;
top:auto !important;
width:100% !important;
max-height:none !important;
margin:0 !important;
border-radius:22px !important;
}
#especialista-mount .esp-detail__photo img,
#especialista-page .esp-detail__photo img,
.esp-detail__photo img{
width:100% !important;
height:auto !important;
max-height:78vh !important;
aspect-ratio:3/4 !important;
object-fit:cover !important;
object-position:top center !important;
}
#especialista-mount .esp-detail__content,
#especialista-page .esp-detail__content,
.esp-detail__content,
#especialista-mount .esp-detail > div:not(.esp-detail__photo),
#especialista-page .esp-detail > div:not(.esp-detail__photo),
.esp-detail > div:not(.esp-detail__photo){
position:relative !important;
inset:auto !important;
transform:none !important;
width:100% !important;
margin:0 !important;
padding:1.45rem 1.2rem !important;
background:#ffffff !important;
border:1px solid rgba(30,52,101,.10) !important;
border-radius:22px !important;
box-shadow:0 18px 45px rgba(8,32,84,.08) !important;
color:var(--texto) !important;
}
#especialista-mount .esp-detail * ,
#especialista-page .esp-detail * ,
.esp-detail *{
text-shadow:none !important;
}
#especialista-mount .esp-detail p,
#especialista-page .esp-detail p,
.esp-detail p,
#especialista-mount .esp-detail li,
#especialista-page .esp-detail li,
.esp-detail li{
color:#2f3a52 !important;
opacity:1 !important;
font-size:1rem !important;
line-height:1.62 !important;
}
/* =========================================================
CORREÇÃO HERO EDUCAÇÃO — NÃO SUBSTITUIR O CSS INTEIRO
Cole este bloco no FINAL do style.css
========================================================= */
body .section--top {
padding-top: 8.2rem !important;
}
body .pagina-setor-hero,
body .educacao-hero {
min-height: auto !important;
padding-top: 8.2rem !important;
padding-bottom: 4.2rem !important;
background:
radial-gradient(circle at 12% 12%, rgba(30, 52, 101, .08), transparent 32%),
linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%) !important;
border-bottom: 1px solid rgba(30, 52, 101, .12) !important;
}
body .pagina-setor-hero .container,
body .educacao-hero .container {
width: min(100% - 4rem, 1380px) !important;
max-width: 1380px !important;
margin-inline: auto !important;
}
body .pagina-setor-hero .breadcrumb,
body .educacao-hero .breadcrumb {
margin-bottom: 2rem !important;
font-size: 1rem !important;
color: rgba(19, 34, 67, .68) !important;
}
body .pagina-setor-hero h1,
body .educacao-hero h1 {
display: inline-flex !important;
width: fit-content !important;
margin: 0 0 2.2rem !important;
padding: .55rem 1.15rem .7rem !important;
border-radius: 1.5rem !important;
font-size: clamp(2.7rem, 4.6vw, 4.8rem) !important;
line-height: .95 !important;
letter-spacing: -.045em !important;
color: #071b4d !important;
background: rgba(19, 34, 67, .06) !important;
border: 1px solid rgba(19, 34, 67, .15) !important;
box-shadow: 0 12px 32px rgba(19, 34, 67, .08) !important;
}
body .pagina-setor-hero .lead,
body .educacao-hero .lead {
max-width: 1240px !important;
margin: 0 !important;
font-size: clamp(1.45rem, 2vw, 2.05rem) !important;
line-height: 1.52 !important;
letter-spacing: -.025em !important;
color: #2b3b61 !important;
}
/* Evita excesso de vazio abaixo do hero */
body .pagina-setor-hero + .section,
body .educacao-hero + .section {
padding-top: 4rem !important;
}
/* Mobile */
@media (max-width: 768px) {
body .section--top {
padding-top: 6.4rem !important;
}
body .pagina-setor-hero,
body .educacao-hero {
padding-top: 6.4rem !important;
padding-bottom: 3rem !important;
}
body .pagina-setor-hero .container,
body .educacao-hero .container {
width: min(100% - 2.4rem, 100%) !important;
}
body .pagina-setor-hero .breadcrumb,
body .educacao-hero .breadcrumb {
margin-bottom: 1.5rem !important;
font-size: .92rem !important;
}
body .pagina-setor-hero h1,
body .educacao-hero h1 {
margin-bottom: 1.7rem !important;
font-size: clamp(2.35rem, 12vw, 3.4rem) !important;
border-radius: 1.3rem !important;
}
body .pagina-setor-hero .lead,
body .educacao-hero .lead {
font-size: 1.14rem !important;
line-height: 1.55 !important;
}
}
}