/*!
 * CSS Simplex - v. 2.0
 * 2015 - Alex Aragón (aragonc@beeznest.com)
 * Licensed GPL
 * Based on Bootstrap
*/
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(fonts/Lato-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(fonts/Lato-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(fonts/Lato-Bold.woff2) format('woff2');
}

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  position: relative;
}
body {
  margin: 0 0 60px;
  font-family: 'Lato', sans-serif;
  line-height: 1.72222;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
a{
  color: #111111;
}
a:hover{
  color: #34495E;
  text-decoration: none;
}
.nav li a {
padding: 15px 10px;
}
.navbar-default {
background: #FBD232;
border: none;
}
header{
    background: url(images/background.png) #D3D3D3;
}
.navbar{
    margin-bottom: 0;
}
#breadcrumb-bar{
    padding-top: 10px;
    background-color: #fff;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ededed;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #111;
  text-transform: uppercase;
  font-weight: bold;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #FFFFFF;
background: #111111;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background: #FBD232;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #111111;
  padding: 5px;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li{
    border: none;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #0099c0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #FFFFFF;
background: #111111;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #FFFFFF;
background: #111111;
}
.navbar-default .navbar-toggle {
  border-color: #111;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #111111;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #666;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #111;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ededed;
}
.badge{
    background-color: #222222;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ededed;
    background-color: #6D0019;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ededed;
    background-color: #0099c0;
  }
}
.breadcrumb{
  background: #F9F9F9;
  color: #006A84;
}
.nav li a:hover{
    background: transparent;
}
.panel-default .panel-heading{
    background-color: #EBECF2;
}
.panel-default{
    border-color: #F3F3F4;
}
footer.bgfooter{
background: #111111;
color: #FBD232;
border-top: 5px solid #FBD232;
}
footer.bgfooter a{
  color: #ffffff;
}
footer.bgfooter a:hover{
  color: #CCC;
}
.menu-column .panel-heading{
    text-transform: uppercase;
    background-color: #FBD232;
}
.menu-column .panel-heading a{
    font-weight: bold;
}
/* Custom Academy skin - Francisco HDEV / Chamilo */
:root {
  --academy-navy: #12395b;
  --academy-navy-2: #0b2438;
  --academy-teal: #2fb7c9;
  --academy-bg: #f5f8fb;
  --academy-card: #ffffff;
  --academy-border: #dce7f1;
  --academy-text: #1f2933;
  --academy-muted: #6b7c8f;
}
html, body { background: var(--academy-bg); color: var(--academy-text); font-family: Lato, Arial, Helvetica, sans-serif; }
header { background: #fff !important; border-bottom: 1px solid rgba(18,57,91,.08); box-shadow: 0 6px 22px rgba(18,57,91,.08); }
header .container { min-height: 92px; display: flex; align-items: center; }
header img, #header-logo { max-height: 64px; }
.navbar-default { background: var(--academy-navy) !important; border: 0; box-shadow: 0 10px 24px rgba(18,57,91,.16); }
.navbar-default .navbar-nav > li > a { color: #eaf5f8 !important; font-weight: 700; letter-spacing: 0; text-transform: none; border-radius: 8px; margin: 7px 3px; padding: 11px 14px; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #fff !important; background: rgba(47,183,201,.22) !important; }
.navbar-default .navbar-nav > li > .dropdown-menu { background: #fff; border: 1px solid var(--academy-border); border-radius: 10px; box-shadow: 0 14px 30px rgba(18,57,91,.14); }
.navbar-default .navbar-nav > li > .dropdown-menu > li > a { color: var(--academy-text); padding: 9px 14px; }
#breadcrumb-bar { background: #fff; padding: 12px 0; border-bottom: 1px solid #edf2f7; }
.breadcrumb { background: transparent; color: var(--academy-muted); margin-bottom: 0; padding-left: 0; }
#cm-content { background: linear-gradient(180deg, #f8fbfd 0%, #eef5f9 100%); min-height: calc(100vh - 260px); padding-bottom: 42px; }
#main_content { padding: 22px 0 42px; }
#course_tools { background: transparent; }
#course_tools:before { content: "Ruta del curso piloto"; display: block; max-width: 1120px; margin: 0 auto 18px; padding: 24px 28px; color: #fff; font-size: 28px; font-weight: 700; line-height: 1.25; border-radius: 14px; background: linear-gradient(135deg, var(--academy-navy) 0%, #1b6688 100%); box-shadow: 0 18px 40px rgba(18,57,91,.18); border-left: 8px solid var(--academy-teal); }
#course_tools:after { content: "Explora los m?dulos, materiales y recursos de apoyo para docentes de preescolar."; display: block; max-width: 1120px; margin: -58px auto 34px; padding: 0 28px 0 36px; color: #dff7fb; font-size: 15px; position: relative; pointer-events: none; }
#course_tools .row { max-width: 1120px; margin-left: auto; margin-right: auto; }
#course_tools .col-xs-6, #course_tools .col-sm-4, #course_tools .col-md-3 { padding: 12px; }
.course-tool { height: 100%; min-height: 164px; background: var(--academy-card); border: 1px solid var(--academy-border); border-radius: 12px; padding: 22px 16px 18px; text-align: left; box-shadow: 0 10px 28px rgba(18,57,91,.08); transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.course-tool:hover { transform: translateY(-3px); border-color: rgba(47,183,201,.55); box-shadow: 0 18px 38px rgba(18,57,91,.14); }
.course-tool .big_icon { width: 52px; height: 52px; margin: 0 0 14px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: #eaf7fa; }
.course-tool .big_icon img { max-width: 40px; max-height: 40px; object-fit: contain; border: 0 !important; box-shadow: none !important; }
.course-tool .content { min-height: 42px; }
.course-tool .content a { color: var(--academy-navy-2); font-size: 16px; font-weight: 700; line-height: 1.3; }
.course-tool .content a:hover { color: #147c90; }
.btn-primary, .btn-success, .btn-info { background: var(--academy-navy) !important; border-color: var(--academy-navy) !important; border-radius: 8px; }
.btn-primary:hover, .btn-success:hover, .btn-info:hover { background: #175276 !important; border-color: #175276 !important; }
.panel-default { border-color: var(--academy-border); border-radius: 12px; box-shadow: 0 8px 22px rgba(18,57,91,.06); }
.panel-default .panel-heading { background: #eef6f9; border-color: var(--academy-border); color: var(--academy-navy); font-weight: 700; }
footer.bgfooter, body > main footer.footer { background: #fff !important; color: var(--academy-muted) !important; border-top: 1px solid var(--academy-border) !important; }
footer.bgfooter a, body > main footer.footer a { color: var(--academy-navy) !important; }
@media (max-width: 767px) { header .container { min-height: 72px; } .navbar-default .navbar-nav > li > a { margin: 2px 0; } #course_tools:before { font-size: 22px; margin: 0 12px 18px; } #course_tools:after { margin-left: 12px; margin-right: 12px; } #course_tools .col-xs-6 { width: 100%; } }

/* Academy IA v2 - stronger modern interface */
body.page_origin_ {
  background:
    radial-gradient(circle at 18% 8%, rgba(47,183,201,.16), transparent 28%),
    linear-gradient(180deg, #f7fbfd 0%, #eef5f7 48%, #f8fafc 100%) !important;
}

body.page_origin_ header {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(18,57,91,.08);
}

body.page_origin_ header .container {
  min-height: 82px;
  position: relative;
}

body.page_origin_ header .container:after {
  content: "Academy IA Docente";
  display: inline-flex;
  align-items: center;
  margin-left: 18px;
  padding: 8px 13px;
  color: #12395b;
  background: #eaf7fa;
  border: 1px solid #c8edf3;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .2px;
}

body.page_origin_ .navbar-default {
  background: rgba(11,36,56,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

body.page_origin_ .navbar-default .navbar-nav > li > a {
  color: rgba(255,255,255,.82) !important;
  font-size: 14px;
  font-weight: 800;
  padding: 10px 13px;
  border-radius: 999px;
}

body.page_origin_ .navbar-default .navbar-nav > .active > a,
body.page_origin_ .navbar-default .navbar-nav > li > a:hover,
body.page_origin_ .navbar-default .navbar-nav > li > a:focus {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(47,183,201,.34), rgba(255,255,255,.10)) !important;
}

body.page_origin_ #breadcrumb-bar {
  background: transparent !important;
  border: 0;
  padding: 18px 0 0;
}

body.page_origin_ .breadcrumb {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 14px;
  color: #66788a;
  font-size: 13px;
}

body.page_origin_ #cm-content {
  background: transparent !important;
  padding-top: 14px;
}

body.page_origin_ #main_content {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 14px 56px;
}

body.page_origin_ #course_tools {
  position: relative;
}

body.page_origin_ #course_tools:before {
  content: "Curso piloto de IA para planeaci?n did?ctica";
  max-width: none;
  min-height: 170px;
  margin: 0 0 24px;
  padding: 34px 38px;
  border-radius: 22px;
  color: #fff;
  font-size: 34px;
  line-height: 1.12;
  letter-spacing: 0;
  background:
    linear-gradient(135deg, rgba(18,57,91,.96) 0%, rgba(23,92,125,.96) 58%, rgba(47,183,201,.92) 100%);
  border: 1px solid rgba(255,255,255,.20);
  box-shadow: 0 28px 70px rgba(18,57,91,.24);
}

body.page_origin_ #course_tools:after {
  content: "Ruta pr?ctica para docentes de preescolar: diagn?stico, m?dulos, materiales y revisi?n pedag?gica responsable.";
  max-width: 760px;
  margin: -120px 0 78px 38px;
  padding: 0;
  color: rgba(236,250,252,.92);
  font-size: 16px;
  line-height: 1.55;
}

body.page_origin_ #course_tools > .row:first-child .col-md-12:before {
  content: "Prototipo en desarrollo";
  position: absolute;
  right: 36px;
  top: 34px;
  padding: 8px 13px;
  border-radius: 999px;
  background: rgba(255,255,255,.16);
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  border: 1px solid rgba(255,255,255,.24);
}

body.page_origin_ #course_tools > .row:nth-of-type(2) {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 16px;
  margin: 0;
  max-width: none;
}

body.page_origin_ #course_tools > .row:nth-of-type(2):before {
  content: "M?dulos y recursos";
  grid-column: 1 / -1;
  color: #102a43;
  font-size: 22px;
  font-weight: 900;
  margin: 2px 0 2px;
}

body.page_origin_ #course_tools .col-xs-6,
body.page_origin_ #course_tools .col-sm-4,
body.page_origin_ #course_tools .col-md-3 {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  grid-column: span 3;
}

body.page_origin_ #course_tools .col-md-3:nth-child(6),
body.page_origin_ #course_tools .col-md-3:nth-child(7),
body.page_origin_ #course_tools .col-md-3:nth-child(8),
body.page_origin_ #course_tools .col-md-3:nth-child(9),
body.page_origin_ #course_tools .col-md-3:nth-child(10),
body.page_origin_ #course_tools .col-md-3:nth-child(11),
body.page_origin_ #course_tools .col-md-3:nth-child(12),
body.page_origin_ #course_tools .col-md-3:nth-child(13) {
  grid-column: span 4;
}

body.page_origin_ .course-tool {
  position: relative;
  min-height: 178px;
  height: 100%;
  overflow: hidden;
  padding: 24px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(203,219,232,.9);
  box-shadow: 0 18px 45px rgba(17,45,68,.10);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.page_origin_ .course-tool:before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 5px;
  background: linear-gradient(90deg, #2fb7c9, #7cdbd5, #f4b860);
}

body.page_origin_ .course-tool:hover {
  transform: translateY(-5px);
  box-shadow: 0 26px 60px rgba(17,45,68,.16);
  border-color: rgba(47,183,201,.75);
}

body.page_origin_ .course-tool .big_icon {
  width: 54px;
  height: 54px;
  margin: 0 0 20px;
  border-radius: 16px;
  background: linear-gradient(135deg, #e8f8fb, #f7fcfd);
  border: 1px solid #cdeef3;
  box-shadow: none;
}

body.page_origin_ .course-tool .big_icon img {
  display: none !important;
}

body.page_origin_ .course-tool .big_icon a:before {
  font-family: FontAwesome;
  content: "\f15c";
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  color: #147c90;
  font-size: 25px;
}

body.page_origin_ #tooldesc_1:before { content: "\f05a"; }
body.page_origin_ #tooldesc_2:before { content: "\f07b"; }
body.page_origin_ #tooldesc_3:before { content: "\f080"; }
body.page_origin_ #tooldesc_4:before { content: "\f0a1"; }
body.page_origin_ #tooldesc_5:before { content: "\f0c1"; }
body.page_origin_ #tooldesc_6:before { content: "\f015"; }
body.page_origin_ #tooldesc_7:before { content: "\f201"; }
body.page_origin_ #tooldesc_8:before { content: "\f06e"; }
body.page_origin_ #tooldesc_9:before { content: "\f1d8"; }
body.page_origin_ #tooldesc_10:before { content: "\f0ae"; }
body.page_origin_ #tooldesc_11:before { content: "\f1c6"; }
body.page_origin_ #tooldesc_12:before { content: "\f046"; }
body.page_origin_ #tooldesc_13:before { content: "\f07c"; }

body.page_origin_ .course-tool .content a {
  display: block;
  color: #102a43;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.25;
}

body.page_origin_ .course-tool .content a:after {
  content: "Abrir recurso";
  display: inline-flex;
  margin-top: 14px;
  padding: 7px 11px;
  color: #126a7b;
  background: #eaf8fb;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

body.page_origin_ .course-tool:hover .content a:after {
  background: #12395b;
  color: #fff;
}

body.page_origin_ .btn-info,
body.page_origin_ .btn-primary,
body.page_origin_ .btn-success {
  border-radius: 999px !important;
  box-shadow: 0 8px 18px rgba(18,57,91,.14);
}

body.page_origin_ footer.footer {
  background: rgba(255,255,255,.86) !important;
}

@media (max-width: 1100px) {
  body.page_origin_ #course_tools .col-xs-6,
  body.page_origin_ #course_tools .col-sm-4,
  body.page_origin_ #course_tools .col-md-3,
  body.page_origin_ #course_tools .col-md-3:nth-child(n) {
    grid-column: span 6;
  }
}

@media (max-width: 640px) {
  body.page_origin_ #course_tools:before {
    font-size: 25px;
    min-height: 178px;
    padding: 24px;
  }
  body.page_origin_ #course_tools:after {
    margin: -110px 24px 62px 24px;
    font-size: 14px;
  }
  body.page_origin_ #course_tools > .row:first-child .col-md-12:before {
    display: none;
  }
  body.page_origin_ #course_tools .col-xs-6,
  body.page_origin_ #course_tools .col-sm-4,
  body.page_origin_ #course_tools .col-md-3,
  body.page_origin_ #course_tools .col-md-3:nth-child(n) {
    grid-column: 1 / -1;
  }
}

/* Academy IA brand header refinement */
body.page_origin_ header#cm-header > .container {
  display: block !important;
  min-height: 88px;
  padding-top: 18px;
  padding-bottom: 14px;
}
body.page_origin_ header#cm-header .logo img#header-logo {
  display: none !important;
}
body.page_origin_ header#cm-header .logo a {
  display: inline-grid;
  grid-template-columns: 48px auto;
  grid-template-rows: auto auto;
  column-gap: 12px;
  align-items: center;
  text-decoration: none;
  min-width: 320px;
}
body.page_origin_ header#cm-header .logo a:before {
  content: "AI";
  grid-row: 1 / 3;
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #12395b, #2fb7c9);
  color: white;
  font-weight: 900;
  font-size: 18px;
  box-shadow: 0 12px 26px rgba(18,57,91,.22);
}
body.page_origin_ header#cm-header .logo a:after {
  content: "Academy IA Docente\A Planeaci?n did?ctica para preescolar";
  white-space: pre;
  color: #12395b;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.08;
}
body.page_origin_ header#cm-header .container:after {
  display: none !important;
}
body.page_origin_ header#cm-header .key-login {
  display: none;
}
body.page_origin_ header#cm-header .header-ol {
  margin-top: 12px;
}
@media (max-width: 640px) {
  body.page_origin_ header#cm-header .logo a {
    min-width: 0;
    grid-template-columns: 42px auto;
  }
  body.page_origin_ header#cm-header .logo a:before {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }
  body.page_origin_ header#cm-header .logo a:after {
    font-size: 18px;
  }
}