/*
 * Branding institucional para Canvas LMS - SEC FACIQYF Universidad de Chile.
 * Cargado por BrandConfig css_overrides. No modifica vistas ni logica Rails.
 */

:root {
  --sec-navy: #0b2545;
  --sec-blue: #1e4a7a;
  --sec-blue-soft: #e7eef6;
  --sec-paper: #fbfaf7;
  --sec-paper-2: #f4f2ec;
  --sec-line: #dedbd2;
  --sec-ink: #141821;
  --sec-muted: #4a5160;
  --sec-wine: #a3173a;
  --sec-green: #2e7d5b;
  --sec-gold: #c08a1e;
}

body.ic-Login-Body {
  background:
    linear-gradient(135deg, var(--sec-navy) 0%, #113156 45%, #f4f2ec 45.15%, var(--sec-paper) 100%) !important;
  color: var(--sec-ink);
  font-family: "Lato", "Nunito", "Segoe UI", Arial, sans-serif;
  min-height: 100vh !important;
}

body.ic-Login-Body .ic-Login,
body.ic-Login-Body .ic-Login *,
body.ic-Login-Body .ic-Login *::before,
body.ic-Login-Body .ic-Login *::after {
  box-sizing: border-box !important;
}

body.ic-Login-Body .ic-Login {
  min-height: 100vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 32px 16px !important;
}

body.ic-Login-Body .ic-Login__container {
  width: 100% !important;
  max-width: 580px !important;
  margin: 0 auto !important;
  display: flex !important;
  justify-content: center !important;
}

body.ic-Login-Body .ic-Login__content {
  display: block !important;
  position: static !important;
  float: none !important;
  clear: both !important;
  inset: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: 580px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow: hidden !important;
  border: 1px solid rgba(222, 219, 210, 0.9) !important;
  border-radius: 8px !important;
  background: var(--sec-paper) !important;
  box-shadow: 0 24px 64px rgba(11, 37, 69, 0.18) !important;
}

body.ic-Login-Body .ic-Login__content::before {
  content: none !important;
  display: none !important;
}

body.ic-Login-Body .ic-Login__innerContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: static !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 36px 58px 30px !important;
  background: rgba(251, 250, 247, 0.98) !important;
}

body.ic-Login-Body .ic-Login-header {
  display: block;
  width: 100% !important;
  max-width: 430px !important;
  margin: 0 auto 24px;
  text-align: center;
}

body.ic-Login-Body .ic-Login-header__logo {
  width: auto;
  min-height: 118px;
}

body.ic-Login-Body .ic-Login-header__logo img {
  display: none;
}

body.ic-Login-Body .ic-Login-header__logo::before {
  content: "";
  display: block;
  width: min(100%, 270px);
  height: 62px;
  margin: 0 auto 18px;
  background: url("/canvas-custom/faciqyf-logo.png") center center / contain no-repeat;
}

body.ic-Login-Body .ic-Login-header__logo::after {
  content: "Aula Virtual\A Educación Continua";
  white-space: pre-line;
  display: block;
  color: var(--sec-navy);
  font-size: 25px;
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: 0;
}

body.ic-Login-Body .ic-Login__body,
body.ic-Login-Body .ic-Login-footer {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ic-Login-Body .ic-Login__body {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

body.ic-Login-Body .ic-Login__body #login_form,
body.ic-Login-Body .ic-Login__body .ic-Form-control--login {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ic-Login-Body .ic-Login__body {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center;
}

body.ic-Login-Body .ic-Login__body #login_form {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  padding: 0 !important;
  text-align: left !important;
}

body.ic-Login-Body .ic-Login__body #forgot_password_form[style*="display: none"] {
  display: none !important;
}

body.ic-Login-Body .ic-Login__body #forgot_password_form:not([style*="display: none"]) {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ic-Login-Body .ic-Login__body .ic-Form-control,
body.ic-Login-Body .ic-Login__actions {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.ic-Login-Body .ic-Login__body h1 {
  margin: 0 0 20px;
  color: var(--sec-navy);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
  text-align: center;
}

body.ic-Login-Body .ic-Login__body::before {
  content: "Acceso para estudiantes y docentes de programas de educación continua.";
  display: block;
  width: 100% !important;
  max-width: 430px !important;
  margin: -6px auto 22px !important;
  color: var(--sec-muted);
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}

body.ic-Login-Body .ic-Label {
  display: block;
  width: 100%;
  color: var(--sec-ink);
  font-weight: 700;
  text-align: left;
}

body.ic-Login-Body .ic-Input {
  display: block;
  width: 100% !important;
  min-height: 46px;
  border-color: #c9c5b8;
  border-radius: 6px;
  background: #fff;
}

body.ic-Login-Body .ic-Input:focus {
  border-color: var(--sec-blue);
  box-shadow: 0 0 0 3px rgba(44, 95, 156, 0.22);
}

body.ic-Login-Body .ic-Login__actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

body.ic-Login-Body .ic-Login__actions-timeout {
  display: grid;
  grid-template-columns: 18px 1fr;
  column-gap: 8px;
  row-gap: 6px;
  align-items: center;
  width: 100%;
  margin: 2px 0 18px;
  color: var(--sec-muted);
}

body.ic-Login-Body .ic-Login__actions-timeout input[type="checkbox"] {
  margin: 0;
}

body.ic-Login-Body .ic-Login__actions-timeout label {
  margin: 0;
  color: var(--sec-muted) !important;
  font-size: 14px;
  line-height: 1.35;
}

body.ic-Login-Body .ic-Login__forgot {
  grid-column: 1 / -1;
  margin: 4px 0 0 26px;
  text-align: left;
}

body.ic-Login-Body .Button--login {
  width: 100%;
  min-height: 46px;
  border: 0;
  border-radius: 6px;
  background: var(--sec-blue);
  color: #fff;
  font-weight: 800;
  letter-spacing: 0;
}

body.ic-Login-Body .Button--login:hover,
body.ic-Login-Body .Button--login:focus {
  background: #163e68;
  color: #fff;
}

body.ic-Login-Body .ic-Login__link,
body.ic-Login-Body .ic-Login-footer__links a {
  color: var(--sec-blue) !important;
  text-decoration-color: rgba(30, 74, 122, 0.35);
  text-underline-offset: 3px;
}

body.ic-Login-Body .forgot_password_link,
body.ic-Login-Body .login_link {
  color: var(--sec-blue) !important;
  font-weight: 700;
}

body.ic-Login-Body .ic-Login-footer {
  margin-top: 26px;
  color: var(--sec-muted);
  text-align: center;
}

body.ic-Login-Body .ic-Login-footer__logo-link {
  opacity: 0.42;
}

body.ic-Login-Body .ic-Login-footer__links::after {
  content: "Universidad de Chile";
  display: inline-block;
  margin-left: 12px;
  color: var(--sec-muted);
}

@media (max-width: 860px) {
  body.ic-Login-Body {
    background: linear-gradient(160deg, var(--sec-navy) 0 165px, var(--sec-paper-2) 165px 168px, var(--sec-paper) 168px 100%) !important;
  }

  body.ic-Login-Body .ic-Login__content {
    min-height: 0 !important;
  }

  body.ic-Login-Body .ic-Login__content::before {
    content: none !important;
    display: none !important;
  }

  body.ic-Login-Body .ic-Login__innerContent {
    min-height: 0 !important;
    padding: 30px 24px 24px !important;
  }

  body.ic-Login-Body .ic-Login-header,
  body.ic-Login-Body .ic-Login__body,
  body.ic-Login-Body .ic-Login-footer {
    width: 100% !important;
    max-width: 360px !important;
  }
}