/* OMC V16 - UX C3B - Identidade visual compartilhada */

.omcModule{
  --module-accent:#2563eb;
  --module-dark:#174a85;
  --module-rgb:37,99,235;
  --module-soft:#eff6ff;
}

.omcModuleStudy{
  --module-accent:#7c3aed;
  --module-dark:#4c1d95;
  --module-rgb:124,58,237;
  --module-soft:#f5f0ff;
}

.omcModuleQuestions{
  --module-accent:#0891b2;
  --module-dark:#155e75;
  --module-rgb:8,145,178;
  --module-soft:#ecfeff;
}

.omcModuleSimulations{
  --module-accent:#ea7a21;
  --module-dark:#9a4813;
  --module-rgb:234,122,33;
  --module-soft:#fff7ed;
}

.omcModulePlanning{
  --module-accent:#169b62;
  --module-dark:#0f6846;
  --module-rgb:22,155,98;
  --module-soft:#ecfdf5;
}

.omcModuleReview{
  --module-accent:#7c3aed;
  --module-dark:#4c1d95;
  --module-rgb:124,58,237;
  --module-soft:#f5f0ff;
}

.omcModuleErrors{
  --module-accent:#db4e6a;
  --module-dark:#973247;
  --module-rgb:219,78,106;
  --module-soft:#fff1f4;
}

.omcModulePerformance{
  --module-accent:#0f9d8a;
  --module-dark:#0c695f;
  --module-rgb:15,157,138;
  --module-soft:#ecfdf9;
}

.omcModuleResources{
  --module-accent:#5965d8;
  --module-dark:#343d9c;
  --module-rgb:89,101,216;
  --module-soft:#f0f1ff;
}

/* Faixa principal */
.omcModule .pageHead{
  position:relative;
  overflow:hidden;
  border-bottom:4px solid var(--module-accent);
  background:
    radial-gradient(circle at 84% 18%,rgba(var(--module-rgb),.40),transparent 34%),
    linear-gradient(135deg,#071827 0%,var(--module-dark) 100%);
}

.omcModule .pageHead:after{
  content:"";
  position:absolute;
  right:-80px;
  bottom:-110px;
  width:310px;
  height:310px;
  border-radius:50%;
  background:rgba(var(--module-rgb),.15);
  pointer-events:none;
}

.omcModule .pageHead .container{
  position:relative;
  z-index:1;
}

.omcModule .pageHead .eyebrow{
  border-color:rgba(var(--module-rgb),.58);
  background:rgba(var(--module-rgb),.18);
  color:#fff;
}

.omcModule .pageHead h1{
  color:#fff;
  text-shadow:0 8px 26px rgba(0,0,0,.16);
}

.omcModule .pageHead p{
  color:rgba(255,255,255,.86);
}

/* Acoes */
.omcModule .btn.gold{
  background:var(--module-accent);
  color:#fff;
  box-shadow:0 7px 18px rgba(var(--module-rgb),.20);
}

.omcModule .btn.gold:hover{
  filter:brightness(.95);
}

.omcModule .btn.outline:hover{
  border-color:var(--module-accent);
  color:var(--module-accent);
  background:var(--module-soft);
}

/* Foco de formularios */
.omcModule input:focus,
.omcModule select:focus,
.omcModule textarea:focus{
  border-color:var(--module-accent)!important;
  box-shadow:0 0 0 3px rgba(var(--module-rgb),.12)!important;
}

/* Barras */
.omcModule .progress span,
.omcModule .miniProgress span{
  background:var(--module-accent);
}

/* Cartoes em interacao */
.omcModule .card{
  transition:border-color .18s ease,box-shadow .18s ease;
}

.omcModule .card:focus-within{
  border-color:rgba(var(--module-rgb),.38);
  box-shadow:0 10px 32px rgba(var(--module-rgb),.08);
}

/* Grupo Estudar no topo */
.omcModuleStudy .navGroupToggle,
.omcModulePlanning .navGroupToggle,
.omcModuleReview .navGroupToggle,
.omcModuleErrors .navGroupToggle,
.omcModulePerformance .navGroupToggle{
  background:rgba(var(--module-rgb),.12);
  color:#fff;
  border-radius:11px;
}

/* Links diretos ativos */
.omcModuleQuestions .navlinks a[data-nav-page="arsenal"],
.omcModuleSimulations .navlinks a[data-nav-page="simulados"],
.omcModuleResources:not(.musicPage) .navlinks a[data-nav-page="drive"],
.omcModuleResources.musicPage .navlinks a[data-nav-page="music"]{
  background:rgba(var(--module-rgb),.18);
  color:#fff;
  box-shadow:inset 0 -3px 0 var(--module-accent);
}

/* Revisao Musical nao possui pageHead */
.omcModuleResources.musicPage h1 span{
  color:#9aa3ff!important;
}

.omcModuleResources.musicPage .btn.gold{
  background:var(--module-accent);
}

@media(max-width:900px){
  .omcModule .pageHead{
    border-bottom-width:3px;
  }
}