/* ============================================================
   OMC V18.0.1
   PERFIL + SOCIAL + COMUNIDADES + RANKINGS + BETA
   ============================================================ */

.v18HomeHub{
  width:min(1180px,calc(100% - 32px));
  margin:34px auto;
  padding:28px;
  border:1px solid #dce8f4;
  border-radius:20px;
  background:linear-gradient(135deg,#f4f9ff,#fff 62%);
  box-shadow:0 12px 34px rgba(30,73,116,.07);
}

.v18HomeEyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:8px;
  padding:6px 9px;
  border-radius:999px;
  background:#e9f4ff;
  color:#0b61c7;
  font-size:11px;
  font-weight:900;
  letter-spacing:.05em;
}

.v18HomeHub h2{
  margin:0;
  color:#173d64;
  font-size:clamp(24px,3vw,36px);
  line-height:1.12;
}

.v18HomeIntro{
  max-width:820px;
  margin:10px 0 0;
  color:#657b90;
  font-size:14px;
  line-height:1.65;
}



.v18HomePrimary{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.v18HomePrimary a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:9px 15px;
  border-radius:9px;
  text-decoration:none;
  font-size:12px;
  font-weight:850;
}

.v18Primary{
  background:#0b63ce;
  color:#fff;
}

.v18Secondary{
  border:1px solid #cbdced;
  background:#fff;
  color:#245b90;
}

.v18HomeGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px;
  margin-top:22px;
}

.v18HomeCard{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:195px;
  padding:18px;
  border:1px solid #dfe8f1;
  border-radius:14px;
  background:#fff;
}

.v18HomeIcon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  margin-bottom:11px;
  border-radius:10px;
  background:#edf6ff;
  color:#0c62c8;
  font-size:18px;
}

.v18HomeCard h3{
  margin:0;
  color:#234f79;
  font-size:16px;
}

.v18HomeCard p{
  flex:1;
  margin:7px 0 14px;
  color:#718396;
  font-size:12px;
  line-height:1.55;
}

.v18HomeCard > a{
  width:max-content;
  max-width:100%;
  color:#0a61c8;
  text-decoration:none;
  font-size:11px;
  font-weight:850;
}

.v18QuickActions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.v18QuickActions a{
  padding:6px 8px;
  border:1px solid #dbe6f0;
  border-radius:7px;
  background:#f8fbfe;
  color:#426889;
  text-decoration:none;
  font-size:9px;
  font-weight:750;
}

.v18StudentHub{
  width:min(1120px,calc(100% - 28px));
  margin:18px auto 24px;
  padding:18px;
  border:1px solid #dce7f2;
  border-radius:14px;
  background:#f7fbff;
}

.v18StudentHub h2{
  margin:0;
  color:#244f79;
  font-size:16px;
}

.v18StudentHub p{
  margin:5px 0 0;
  color:#74879a;
  font-size:11px;
}

.v18StudentHubActions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.v18StudentHubActions a{
  padding:8px 11px;
  border:1px solid #d4e2ef;
  border-radius:8px;
  background:#fff;
  color:#225b91;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
}

.v18HeaderQuickAccess{
  display:flex;
  align-items:center;
  gap:5px;
  margin-left:7px;
}

.v18HeaderQuickAccess a{
  display:inline-flex;
  align-items:center;
  padding:6px 8px;
  border-radius:7px;
  color:inherit;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
}

.v18HeaderQuickAccess a:hover{
  background:rgba(40,100,160,.08);
}

.v18AccountEntry{
  display:block;
  padding:8px 10px;
  border-radius:7px;
  text-decoration:none !important;
}

.v18AccountEntry strong{
  display:block;
  color:#244f79;
  font-size:11px;
}

.v18AccountEntry small{
  display:block;
  margin-top:2px;
  color:#8291a1;
  font-size:8px;
}

.v18FooterGroup a{
  display:block;
  margin:5px 0;
  color:inherit;
  text-decoration:none;
}

.v18AdminBetaEntry{
  margin:22px 0;
  padding:18px;
  border:1px solid #d8e6f3;
  border-radius:14px;
  background:#f7fbff;
}

.v18AdminBetaEntry h2{
  margin:0;
}

.v18AdminBetaEntry p{
  margin:7px 0 13px;
}

.v18AdminBetaEntry a{
  display:inline-flex;
  padding:9px 13px;
  border-radius:8px;
  background:#0b63ce;
  color:#fff;
  text-decoration:none;
  font-weight:800;
}

@media(max-width:980px){
  .v18HomeGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){

  .v18HomeHub{
    width:calc(100% - 20px);
    padding:18px;
  }

  .v18HomeGrid{
    grid-template-columns:1fr;
  }

  .v18HomeCard{
    min-height:0;
  }

  .v18HomePrimary,
  .v18StudentHubActions{
    display:grid;
    grid-template-columns:1fr;
  }

  .v18HomePrimary a,
  .v18StudentHubActions a{
    width:100%;
  }

  .v18HeaderQuickAccess{
    flex-wrap:wrap;
  }
}