/* OdontoProva · acabamento profissional de produto
 * Direção: plataforma de estudo compacta, técnica e consistente.
 * Mantém a marca navy/teal, mas remove o excesso editorial, gradientes e escala de landing page.
 */
:root{
  --navy:#123241;
  --navy2:#1b4a5a;
  --mint:#087f70;
  --mint-strong:#056b60;
  --mint-soft:#eaf6f3;
  --bg:#f4f7f8;
  --white:#fff;
  --text:#162f3b;
  --muted:#61737c;
  --line:#dbe4e7;
  --shadow:0 4px 16px rgba(16,45,58,.06);
  --shadow-hover:0 8px 24px rgba(16,45,58,.09);
  --serif:var(--sans);
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

html{scroll-behavior:smooth}
body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:var(--sans)!important;
  font-feature-settings:normal!important;
}
h1,h2,h3,h4,
.product-brand-name,
.unified-trust strong,
.game-stat-grid strong,
.unified-rhythm-stats strong,
.unified-access-copy h2,
.unified-hub-grid strong,
.league-score strong,
.league-you>strong{font-family:var(--sans)!important;font-weight:700!important;letter-spacing:-.035em!important}

/* Header: uma barra técnica, sem aparência de página editorial. */
.product-header.sidebar{
  background:#fff!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 1px 8px rgba(18,50,65,.04)!important;
  backdrop-filter:none!important;
}
.product-header-main{height:68px!important;grid-template-columns:220px minmax(0,1fr) auto!important;gap:22px!important}
.product-brand-name{font-size:23px!important;letter-spacing:-.045em!important}
.product-brand .tooth{width:38px!important;height:38px!important;border-radius:9px!important;box-shadow:none!important}
.product-header .primary-nav{gap:24px!important}
.product-header .nav{font-size:12px!important;font-weight:650!important;color:#435a64!important}
.product-header .nav:not(.product-brand)::after{height:2px!important;background:var(--mint)!important}
.product-header .account-card{min-width:174px!important;min-height:42px!important;border-color:#b8d7d1!important;border-radius:7px!important;color:var(--mint)!important}
.product-header .account-card:hover{color:#fff!important;background:var(--mint)!important;border-color:var(--mint)!important}
.product-header .account-avatar{width:29px!important;height:29px!important;border-radius:7px!important;background:var(--mint)!important;box-shadow:none!important}
.product-header-sub{min-height:38px!important;background:#fff!important;border-top:0!important}
.product-header .secondary-nav{gap:20px!important}
.product-header .secondary-nav .nav{font-size:10px!important;color:#63747c!important}
.product-header .goal{gap:8px!important}
.product-header .goal b{font-size:10px!important}

/* Espaçamento e largura de aplicativo. */
.access-status{border-radius:7px!important;background:#eef8f5!important;box-shadow:none!important}
.unified-home{background:var(--bg)!important}
.unified-hero{
  min-height:390px!important;
  padding:34px 0 30px!important;
  grid-template-columns:45% 55%!important;
  gap:24px!important;
}
.unified-hero-copy{padding-right:28px!important}
.unified-hero-copy h1{
  max-width:620px!important;
  font-size:clamp(2.15rem,3.35vw,3.05rem)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
  font-weight:750!important;
}
.unified-hero-copy h1 span{color:var(--mint)!important}
.unified-hero-copy>p:not(.unified-free-note){max-width:480px!important;margin:16px 0 18px!important;font-size:14px!important;line-height:1.55!important;color:#536770!important}
.unified-hero-actions{gap:6px!important}
.unified-hero-actions .primary{min-height:44px!important;padding:0 19px!important;border-radius:7px!important;background:var(--mint)!important;box-shadow:0 3px 8px rgba(8,127,112,.13)!important;font-size:13px!important}
.unified-hero-actions .primary:hover{background:var(--mint-strong)!important}
.unified-hero-actions .link{min-height:32px!important;color:var(--mint-strong)!important;font-size:12px!important}
.unified-free-note{margin-top:14px!important;font-size:11px!important;color:#3f555f!important}

/* Questão demonstrativa como cartão real de produto. */
.unified-demo{
  align-self:center!important;
  grid-template-columns:minmax(0,1fr) 180px!important;
  padding:22px 22px 20px!important;
  border:1px solid var(--line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:var(--shadow)!important;
}
.unified-demo-copy{padding-top:0!important}
.unified-demo-copy>.unified-eyebrow{padding-bottom:8px!important;border-bottom:1px solid var(--line)!important;font-size:9px!important}
.unified-demo h2{max-width:330px!important;margin:21px 0 13px 0!important;font-size:23px!important;line-height:1.15!important;letter-spacing:-.035em!important}
.unified-choices{margin-left:0!important;max-width:330px!important}
.unified-choices button{min-height:43px!important;padding:0 6px 0 31px!important;font-size:11px!important}
.unified-choices button::before{left:0!important;width:18px!important;height:18px!important}
.unified-demo-source{margin:10px 0 0!important;font-size:8px!important;color:#718189!important}
.unified-demo img{max-width:165px!important;height:250px!important;filter:saturate(.72) contrast(.98)!important}

.unified-trust{min-height:74px!important;background:#fff!important}
.unified-trust article{min-height:46px!important;padding-inline:20px!important;gap:9px!important}
.unified-trust strong{font-size:27px!important;color:var(--navy)!important}
.unified-trust span{font-size:10px!important;color:#61727a!important}
.bank-transparency-note{margin:0 auto;padding:10px 16px 0;max-width:1180px;color:#61727a;font-size:11px;line-height:1.5;text-align:center}

/* Cartões: um único raio, sombra curta e menos decoração. */
.game-home{margin-top:22px!important;gap:12px!important}
.game-daily-card,.game-stat-grid article,.league-board,.league-you,.badge-shelf,
.unified-areas,.unified-daily,.unified-access-card,.unified-hub-grid button,
.unified-correction>article,.radar-card,.box,.qcard,.filter-panel{border-radius:10px!important;box-shadow:var(--shadow)!important}
.game-daily-card{padding:20px!important}
.game-daily-card h2{font-size:24px!important}
.game-stat-grid article{min-height:102px!important;padding:17px!important}
.game-stat-grid strong{font-size:24px!important}
.unified-rhythm{min-height:92px!important;padding-block:17px!important}
.unified-rhythm h2{font-size:20px!important}
.unified-rhythm-stats strong{font-size:25px!important}

.unified-correction{padding:34px 0!important;gap:26px!important}
.unified-correction>div h2{font-size:28px!important;line-height:1.12!important}
.unified-correction>article{padding:21px 22px!important;gap:24px!important}
.unified-correction article strong{margin-bottom:12px!important}

.unified-hub{padding-block:38px!important;background:#edf3f4!important}
.unified-section-head{margin-bottom:17px!important}
.unified-section-head h2{font-size:28px!important;line-height:1.08!important}
.unified-section-head>p{font-size:11px!important}
.unified-hub-grid{gap:10px!important}
.unified-hub-grid button{min-height:145px!important;padding:18px!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.unified-hub-grid button:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-hover)!important;border-color:#9bc5be!important}
.unified-hub-grid strong{font-size:18px!important;line-height:1.18!important}

.unified-study{padding-block:38px!important;gap:14px!important}
.unified-study .unified-section-head h2,.unified-daily h2{font-size:23px!important}
.unified-study .area-card{min-height:68px!important}
.unified-access{padding-block:38px!important;gap:42px!important;background:#173f4d!important}
.unified-access-copy h2{font-size:32px!important;line-height:1.08!important}
.unified-access-copy>p:not(.unified-eyebrow){font-size:12px!important;line-height:1.55!important}
.unified-access-card{min-height:0!important;padding:24px!important}
.unified-access-card ul{padding-top:16px!important;gap:10px!important;font-size:11px!important}
.unified-radar{padding-block:38px 45px!important}
.unified-radar .unified-section-head h2{font-size:27px!important}

/* Áreas internas no mesmo sistema visual. */
.view:not(#home){padding-top:30px!important}
.view:not(#home) .pagehead h1{font-family:var(--sans)!important;font-size:clamp(2rem,3.1vw,2.7rem)!important;line-height:1.1!important;font-weight:750!important}
.view:not(#home) .box,.view:not(#home) .qcard,.view:not(#home) .filter-panel{border-radius:10px!important;box-shadow:var(--shadow)!important}
.view:not(#home) .qcard h2{font-size:16px!important;line-height:1.5!important}
.view:not(#home) .answer{padding:12px!important;border-radius:7px!important;font-size:13px!important}
.view:not(#home) .radar-hero h1,.view:not(#home) .buco-hero h1,.view:not(#home) .exam-hero h1{font-size:clamp(2rem,3vw,2.8rem)!important;line-height:1.1!important}

@media(max-width:1050px){
  .product-header-main{grid-template-columns:210px minmax(0,1fr) auto!important;gap:14px!important}
  .product-header .primary-nav{gap:17px!important}
  .unified-hero{grid-template-columns:43% 57%!important}
  .unified-demo{grid-template-columns:minmax(0,1fr) 145px!important}
  .unified-demo img{max-width:135px!important;height:220px!important}
}

@media(max-width:900px){
  .product-header-main{min-height:62px!important}
  .product-brand-name{font-size:21px!important}
  .product-header .primary-nav{gap:21px!important;height:40px!important}
  .product-header-sub{min-height:36px!important}
  .product-header .secondary-nav{gap:19px!important}
  .unified-hero{width:min(calc(100% - 36px),760px)!important;grid-template-columns:1fr!important;gap:28px!important;padding-block:32px 28px!important}
  .unified-hero-copy{text-align:left!important;padding-right:0!important}
  .unified-hero-copy h1{font-size:clamp(2.1rem,6.5vw,2.9rem)!important}
  .unified-hero-copy>p:not(.unified-free-note){margin-left:0!important}
  .unified-hero-actions{align-items:flex-start!important}
  .unified-demo{grid-template-columns:minmax(0,1fr) 180px!important}
  .unified-trust article{padding-inline:12px!important}
  .unified-correction>div{text-align:left!important}
  .unified-correction>div h2,.unified-correction>div>p:last-child{margin-left:0!important}
}

@media(max-width:620px){
  .product-header-main{width:calc(100% - 24px)!important}
  .product-header .primary-nav{gap:18px!important}
  .product-header .secondary-nav{gap:18px!important}
  .unified-hero{width:calc(100% - 28px)!important;padding-top:28px!important}
  .unified-hero-copy h1{font-size:clamp(1.9rem,9vw,2.4rem)!important;line-height:1.1!important}
  .unified-hero-copy>p:not(.unified-free-note){font-size:13px!important}
  .unified-hero-actions{width:100%!important}
  .unified-hero-actions .primary{width:100%!important}
  .unified-free-note{justify-content:flex-start!important;flex-wrap:wrap!important;font-size:10px!important}
  .unified-demo{display:block!important;padding:18px!important}
  .unified-demo h2{font-size:21px!important;margin-top:17px!important}
  .unified-demo img{display:block!important;width:170px!important;height:190px!important;margin:12px auto 0!important}
  .unified-trust{grid-template-columns:1fr 1fr!important;padding-inline:12px!important}
  .unified-trust article,.unified-trust article:nth-child(odd),.unified-trust article:nth-child(even){padding:14px 8px!important}
  .unified-trust strong{font-size:22px!important}
  .unified-trust span{font-size:9px!important}
  .unified-rhythm{padding-inline:14px!important}
  .unified-correction{width:calc(100% - 28px)!important}
  .unified-correction>div h2{font-size:25px!important}
  .unified-hub{padding-inline:14px!important}
  .unified-section-head h2{font-size:24px!important}
  .unified-hub-grid button{min-height:120px!important}
  .unified-study{width:calc(100% - 28px)!important}
  .unified-access{padding-inline:14px!important}
  .unified-access-copy{text-align:left!important}
  .unified-access-copy h2,.unified-access-copy>p:not(.unified-eyebrow){margin-left:0!important}
  .unified-access-copy h2{font-size:27px!important}
  .unified-radar{width:calc(100% - 28px)!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important}
}

/* Escolha rápida de prova, junto ao primeiro passo do estudo. */
.quick-exam-start{margin-top:22px;max-width:530px;padding:16px;background:#fff;border:1px solid #dce9e9;border-radius:14px;box-shadow:0 8px 25px rgba(7,27,43,.06)}
.quick-exam-start label{display:block;margin-bottom:8px;color:#102f3b;font-size:14px;font-weight:750}
.quick-exam-start>div{display:flex;gap:8px}
.quick-exam-start select{min-width:0;flex:1;height:46px;padding:0 12px;border:1px solid #b7cbcd;border-radius:8px;background:#fff;color:#152d38;font-size:14px}
.quick-exam-start button{min-height:46px;padding:0 14px;border:0;border-radius:8px;background:#087d71;color:#fff;font-size:14px;font-weight:750;cursor:pointer}
.quick-exam-start button:disabled{background:#a5b9b9;cursor:not-allowed}
.quick-exam-start small{display:block;margin-top:8px;color:#45616b;font-size:12px;line-height:1.4}
.quick-exam-start :is(select,button):focus-visible{outline:3px solid #1cb995;outline-offset:2px}
.contest-review-card{border-color:#d0dfdf;background:#f6faf9}
.study-tracks{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.study-tracks button{background:#eff8f7;color:#173e46;border:1px solid #cbe8e4;border-radius:12px;padding:9px 12px;text-align:left;cursor:pointer;display:grid;gap:3px}.study-tracks b{font-size:12px}.study-tracks span{font-size:11px}.study-tracks button:disabled{opacity:.5;cursor:default}
@media(max-width:620px){.quick-exam-start{margin-top:18px}.quick-exam-start>div{flex-direction:column}.quick-exam-start button{width:100%}}