/* Tipografías base */
:root {
  --its-gray: #5F5F5F;
  --its-orange: #ED7F35;
  --its-blue: #35A3ED;
  --hdr-h: 112px;
  --gap-top: 8px;
  --footer-h: 50px;   /* alto del footer */
  --footer-gap: 4px;  /* separación con el contenido */
  --work-gap: 8px;
  --gap: 8px;
}

/* Títulos con Montserrat */
h1, h2, h3, .display-1, .display-2, .navbar-brand {
  font-family: "Montserrat", sans-serif;
}

/* Línea separadora header/body (similar a itschool.cl) */
.itsense-header-line {
  height: 6px;
  background: linear-gradient(90deg, #666 0%, #ED7F35 50%, #35A3ED 100%);
}

/* Boxed layout sobre Bootstrap container */
@media (min-width:1200px){
  .container{ max-width: {{ BOXED_PX }}px; }
}

/* Utilidades */
.btn-outline-secondary { border-radius: 12px; }

/* --- Reglas migradas desde header_itschool/home_itschool --- */
/* NOTA: Se eliminaron resets y grillas que colisionan con Bootstrap.      */
/* Las siguientes eran overrides de Bootstrap y quedan comentadas a revisar */
/*
.navbar { ... }                // SOBREESCRIBE .navbar de Bootstrap → revisar
.row > * { ... }               // Alteraba el gutter → revisar
.container { ... }             // Alteraba max-width → ya centralizado arriba
*/
/* === Ajustes mínimos UI (no rompe Bootstrap) === */

/* Línea degradada bajo cabecera */
/* CHANGE: header con z-index alto para quedar sobre el contenido */
.site-header{
  position: sticky;  /* sticky-top ya lo define, lo reforzamos */
  top: 0;
  z-index: 1030;
}

/* CHANGE: línea degradada exactamente al borde inferior del header */
.site-header .itsense-header-line{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;             /* sin separación respecto del header */
  height: 4px;
  background: linear-gradient(90deg,#5F5F5F 0%, #ED7F35 50%, #35A3ED 100%);
}

/* Franja inferior tipo footer (negra, grosor similar a itschool.cl) */
.site-footer{
  position: fixed; left: 0; right: 0; bottom: 0;
  height: var(--footer-h);
  background: #000;
  z-index: 1030;
}
/* Preferencia Bootstrap: no tocar variables de Bootstrap ni reseteos */
body {
  font-family: "Source Sans 3", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
  color: #333;
  padding-bottom: var(--footer-h);
}
.main-workspace{
  height: calc(100dvh - var(--footer-h) - var(--hdr-h) - (2 * var(--work-gap)));
  min-height: calc(100dvh - var(--footer-h) - var(--hdr-h) - (2 * var(--work-gap)));
  display: flex;
}
.workspace-card{
  flex: 1 1 auto;
  height: 100%;
  margin: 0;
  background:#fff;
  border:2px solid #d9dde2;
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  overflow: auto;
  overscroll-behavior: contain;
}
.main-workspace > .container{
  flex: 1 1 auto;
  display: flex;
  height: 100%;
  align-items: stretch;
  padding-top: var(--work-gap);
  padding-bottom: var(--work-gap);
  margin-top: 0;
  padding-left: inherit;
  padding-right: inherit;
}