/* SixMindData | Pulido Visual v2.1
   Sobrescribe solamente la presentacion sobre brand-refresh.css v2.
   No modifica flujos, enlaces ni formularios. */
:root {
  --smd-polish-navy: #061428;
  --smd-polish-blue: #3da9ff;
  --smd-polish-cyan: #49e0f7;
}
/* Cabecera: sin tarjeta celeste; la identidad se integra en el tema oscuro. */
.topbar {
  min-height: 77px;
  padding-block: 10px;
  background: rgba(3, 14, 29, .94);
  border-bottom: 1px solid rgba(67, 153, 223, .16);
}
.top-brand { gap: 16px; }
.smd-header-logo {
  width: auto;
  min-width: 0;
  height: auto;
  padding: 0;
  margin-right: 4px;
  display: inline-flex;
  align-items: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
  flex-shrink: 0;
}
.smd-header-logo:hover { filter: brightness(1.08); }
.smd-wordmark {
  display: inline-flex;
  white-space: nowrap;
  align-items: baseline;
  font-size: clamp(19px, 1.6vw, 23px);
  font-weight: 860;
  line-height: 1.1;
  letter-spacing: -.055em;
}
.smd-wordmark .smd-six { color: #f2f8ff; }
.smd-wordmark .smd-mind { color: #43a4ff; }
.smd-wordmark .smd-data { color: #52e1f3; }
.top-brand .crest-mini {
  width: 33px;
  height: 33px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  opacity: .87;
}
.top-brand strong { font-size: 12px; }
.top-brand small { font-size: 10px; color: #9bb8ce; }
.userbox {
  background: rgba(13, 45, 73, .32);
  border: 1px solid rgba(73, 151, 224, .14);
}
/* Login: eliminar la gran placa celeste, conservando el logotipo original. */
.login-brand-panel {
  justify-content: center;
  gap: clamp(34px, 6.5vh, 67px);
  padding-top: 148px;
  padding-bottom: 66px;
}
.smd-login-logo {
  position: absolute;
  z-index: 3;
  top: 39px;
  left: clamp(30px, 4.5vw, 78px);
  width: clamp(250px, 21vw, 330px);
  height: 100px;
  max-width: calc(100% - 60px);
  padding: 5px 4px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  isolation: isolate;
}
.smd-login-logo::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 6px -9px 6px -15px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 39% 55%, rgba(189, 231, 255, .74), rgba(157, 214, 255, .34) 48%, transparent 77%);
  filter: blur(19px);
  pointer-events: none;
}
.smd-login-logo img { object-fit: contain; }
.university-lockup {
  margin: 0;
  gap: 17px;
  max-width: 900px;
}
.university-lockup h1 {
  font-size: clamp(24px, 2.25vw, 34px);
  line-height: 1.15;
  letter-spacing: -.03em;
}
.university-lockup .eyebrow { font-size: 11px; }
.university-lockup .subtitle { color: #aec7dd; font-size: 13px; }
.crest-frame { width: 72px; height: 72px; border-radius: 14px; }
.login-visual {
  padding-bottom: 0;
  max-width: 790px;
}
.login-visual h2 {
  font-size: clamp(37px, 4.0vw, 59px);
  max-width: 760px;
  line-height: 1.09;
  letter-spacing: -.045em;
}
.login-visual > p { font-size: 14px; line-height: 1.65; }
.mini-flow { margin-top: 24px; }
.login-brand-panel::before { opacity: .055; }
/* Evitar que el autocompletado de Edge convierta los campos en bloques claros. */
.login-card input { color: #f3faff; }
.login-card input:-webkit-autofill,
.login-card input:-webkit-autofill:hover,
.login-card input:-webkit-autofill:focus {
  -webkit-text-fill-color: #f3faff !important;
  caret-color: #f3faff;
  -webkit-box-shadow: 0 0 0 1000px #09233d inset !important;
  box-shadow: 0 0 0 1000px #09233d inset !important;
  border-color: rgba(101, 180, 244, .42);
  transition: background-color 9999s ease-out;
}
/* Afinado general de la portada y de los cards. */
.dashboard { padding-top: 25px; }
.hero-dashboard { border-radius: 22px; }
.smd-hero-chips span { background: rgba(17, 77, 124, .22); }
.member-card, .service-card, .layer { border-radius: 16px; }
/* Responsivo: no sacrificar el espacio del perfil ni de la navegacion. */
@media (max-width: 1060px) {
  .top-brand .crest-mini { display: none; }
  .top-brand { gap: 10px; }
  .smd-wordmark { font-size: 20px; }
  .top-brand small { max-width: 235px; }
}
@media (max-width: 760px) {
  .topbar { min-height: 74px; }
  .smd-wordmark { font-size: 19px; }
  .top-brand strong { font-size: 11px; }
  .top-brand small { display: none; }
  .login-brand-panel {
    justify-content: flex-start;
    gap: 33px;
    padding: 26px 24px 40px;
  }
  .smd-login-logo {
    position: relative;
    top: auto;
    left: auto;
    align-self: flex-start;
    width: 265px;
    height: 88px;
  }
  .university-lockup { gap: 12px; }
  .university-lockup h1 { font-size: clamp(21px, 5.4vw, 29px); }
  .crest-frame { width: 58px; height: 58px; }
  .login-visual h2 { font-size: clamp(34px, 8vw, 50px); }
  .login-form-panel { min-height: auto; }
}
@media (max-width: 560px) {
  .smd-wordmark { font-size: 17px; }
  .top-brand > div:last-child { display: none; }
  .topbar { padding: 10px 12px; }
  .university-lockup { align-items: flex-start; }
  .crest-frame { width: 52px; height: 52px; }
  .login-brand-panel { gap: 28px; }
}