@import 'https://uandescl.evaluationkit.com/canvas/css';
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');

body.ic-Login-Body #footer.ic-Login-footer {
    display: block !important;
  background: url("http://desa.uandes.cl/canvas/CANVAS_UANDES_MARCA_400x73.png") no-repeat 0%;
  position: relative;
  z-index:1;
  top: 150px;
}

.ic-Login-footer .ic-Login-footer__links {
    padding: 12px;
    text-align: center;
    opacity: -3.5;
}
.ic-Login-footer .ic-Login-footer__logo-link {
    display: block;
    text-align: center;
    opacity: -5.5;
}
.ic-Login-footer .ic-Login-footer__links a, .ic-Login-footer .ic-Login-footer__links .menu-item__text, .ic-Login-footer .ic-Login-footer__links .external {
    color: transparent;
    font-size: 1px;
    padding: 0 6px;
    white-space: nowrap;
    text-decoration: underline;
    position: relative;
    z-index: -999999;
}

/* ============================================================
   Inicio del curso — Herramientas Digitales para el Análisis Financiero
   UANDES Online · paleta: rojo #CE0019, azul #243746, grises #d1d3d4/#f2f2f2
   Cargar este archivo como CSS del tema; el HTML de la página usa solo clases.
   Prefijo hd- para no chocar con estilos de Canvas.
   ============================================================ */

/* ---- Contenedor general ---- */
.hd-menu-curso {
  max-width: 1000px;
  margin: 0 auto;
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #243746;
  line-height: 1.6;
}

/* ---- Tarjeta de bienvenida ---- */
.hd-bienvenida {
  display: flex;
  flex-wrap: wrap;
  background: #ffffff;
  border: 1px solid #e7e4de;
  border-radius: 16px;
  overflow: hidden;
  margin-bottom: 22px;
}

.hd-bienvenida-panel {
  box-sizing: border-box;
  flex: 1 1 34%;
  min-width: 240px;
  background: #d1d3d4;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 34px 28px;
}

.hd-bienvenida-titulo {
  margin: 0;
  color: #243746;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.7;
}

.hd-destacado {
  background: #ce0019;
  color: #ffffff;
  padding: 3px 14px;
  display: inline-block;
}

.hd-bienvenida-contenido {
  box-sizing: border-box;
  flex: 1 1 60%;
  min-width: 300px;
  background: #f2f2f2;
  padding: 30px 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.hd-curso-nombre {
  margin: 0 0 4px;
  color: #243746;
  font-size: 21px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.hd-linea-roja {
  margin: 0 auto 14px;
  width: 170px;
  border-bottom: 3px solid #ce0019;
}

.hd-ra-etiqueta {
  margin: 0 0 10px;
  color: #243746;
  font-size: 15px;
  font-weight: 700;
}

.hd-ra-texto {
  margin: 0 0 14px;
  color: #243746;
  font-size: 15.5px;
}

.hd-adelante {
  margin: 0;
  color: #ce0019;
  font-size: 17px;
  font-weight: 700;
}

/* ---- Botones de foros ---- */
.hd-foros {
  text-align: center;
  margin: 0 0 28px;
}

.hd-btn-outline-menu-curso {
  display: inline-block;
  background: #ffffff;
  color: #243746;
  font-size: 14.5px;
  font-weight: 600;
  padding: 11px 26px;
  border-radius: 999px;
  border: 1.5px solid #243746;
  text-decoration: none;
  margin: 4px 5px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.hd-btn-outline-menu-curso:hover {
  background: #243746;
  color: #ffffff;
  text-decoration: none;
}

/* ---- Tarjetas de unidad ---- */
.hd-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.hd-card-menu-curso {
  box-sizing: border-box;
  /* 2 columnas: base 42% + gap 16px → dos tarjetas por fila */
  flex: 1 1 42%;
  min-width: 260px;
  background: #ffffff;
  border: 1px solid #e7e4de;
  border-radius: 14px;
  padding: 22px 24px;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}

.hd-card-menu-curso:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(36, 55, 70, 0.14);
  border-color: #ce0019;
}

.hd-card-chip {
  align-self: flex-start;
  background: #fbebed;
  color: #ce0019;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 999px;
}

.hd-card-titulo {
  margin: 12px 0 16px;
  color: #243746;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}

.hd-card-link-menu-curso {
  margin-top: auto;
  align-self: flex-start;
  color: #ce0019;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.hd-card-menu-curso:hover .hd-card-link-menu-curso {
  text-decoration: underline;
}

/* ---- Títulos en DM Sans (tipografía de diseño del Manual de Marca), 2026-10-01 ----
   Solo los títulos del menú; el resto del texto sigue en la fuente del sistema. */
.hd-bienvenida-titulo,
.hd-curso-nombre,
.hd-card-titulo {
  font-family: "DM Sans", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}

/* ---- Tarjeta del docente (bajo la bienvenida), 2026-10-01 ----
   Borde rojo y fondo blanco; al pasar el mouse se rellena de rojo y el texto pasa a blanco.
   Se usa junto con .hd-card-menu-curso (que aporta el desplazamiento y la sombra del hover). */
.hd-card-menu-curso.hd-card-docente {
  width: 100%;
  margin: 0 0 22px;
  border: 2px solid #ce0019;
  background: #ffffff;
  text-align: center;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.hd-card-docente .hd-card-chip {
  align-self: center;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.hd-card-docente .hd-card-titulo {
  margin: 12px 0 4px;
  font-size: 20px;
  transition: color 0.25s ease;
}

.hd-card-menu-curso.hd-card-docente:hover {
  background: #ce0019;
  border-color: #ce0019;
}

.hd-card-docente:hover .hd-card-titulo {
  color: #ffffff;
}

.hd-card-docente:hover .hd-card-chip {
  background: #ffffff;
  color: #ce0019;
}

/* ---- Acciones del menú: botones y accesos rápidos, 2026-10-09 ----
   Los botones traen colores en línea (Canvas no admite :hover en línea): el hover usa !important.
   Modelo: curso 49414. */
.hd-btn-accion {
  display: inline-block;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.hd-btn-accion:hover,
.hd-btn-accion:focus-visible {
  transform: translateY(-2px);
  text-decoration: none;
}
.hd-btn-accion:focus-visible {
  outline: 3px solid #415364;
  outline-offset: 3px;
}
.hd-btn-oscuro:hover,
.hd-btn-oscuro:focus-visible {
  background-color: #ce0019 !important;
  border-color: #ce0019 !important;
  box-shadow: 0 8px 18px rgba(206, 0, 25, 0.3);
}
.hd-btn-rojo:hover,
.hd-btn-rojo:focus-visible {
  background-color: #131e29 !important;
  border-color: #131e29 !important;
  box-shadow: 0 8px 18px rgba(19, 30, 41, 0.3);
}
.hd-btn-rojo {
  animation: hd-pulso 2.4s ease-out infinite;
}
.hd-btn-rojo:hover {
  animation: none;
}
@keyframes hd-pulso {
  0%   { box-shadow: 0 0 0 0 rgba(206, 0, 25, 0.45); }
  70%  { box-shadow: 0 0 0 12px rgba(206, 0, 25, 0); }
  100% { box-shadow: 0 0 0 0 rgba(206, 0, 25, 0); }
}
.hd-flecha,
.hd-btn-icono {
  display: inline-block;
  transition: transform 0.2s ease;
}
.hd-btn-accion:hover .hd-flecha {
  transform: translateX(4px);
}
.hd-btn-accion:hover .hd-btn-icono {
  transform: rotate(-12deg) scale(1.15);
}

.hd-fila-acceso {
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.hd-fila-acceso:hover,
.hd-fila-acceso:focus-visible {
  background-color: #fbebed !important;
  color: #ce0019 !important;
  padding-left: 18px !important;
  text-decoration: none !important;
}
.hd-fila-acceso:hover .hd-flecha {
  transform: translateX(4px);
}

@media (prefers-reduced-motion: reduce) {
  .hd-btn-rojo { animation: none; }
  .hd-btn-accion, .hd-fila-acceso, .hd-flecha, .hd-btn-icono { transition: none; }
  .hd-btn-accion:hover, .hd-btn-accion:focus-visible { transform: none; }
}