/*!
 * Chamilo LMS stylesheet - Default v.2.0
 * Homepage: https://chamilo.org
 * Author: Alex Arag車n <alex.aragon@beeznest.com>
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Based on Bootstrap v3
*/
html {
  position: relative;
}
body {
  margin: 0 0 60px;
}
body > main footer.footer {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
}
a {
  color: #337AB7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #2E75A3;
  text-decoration: none;
}
a:focus {
  outline: none;
}
.navbar-nav > li{
  margin-bottom: 0;
}
.navbar-collapse{
  overflow: hidden !important;
}
.navbar-default {
  background: linear-gradient(135deg, #0665A4, #08283f);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}
#cm-header > .container {
  width: 100%;
  max-width: none;
  border-bottom: 4px solid #F5C62F;
  padding-bottom: 12px;
  box-sizing: border-box;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #F5C62F;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
  color: #0665A4;
  background-color: #F5C62F;
  border-bottom: none;
  border-radius: 20px;
  font-weight: 500;
  padding: 6px 14px;
  margin-top: 9px;
  margin-bottom: 9px;
  line-height: 20px;
}
.navbar-default .navbar-nav > li > a{
  color: #ffffff;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
  background: #043A61;
  color: #ffffff;
}
.navbar-nav > li > .dropdown-menu{
  min-width: 100%;
  margin-top: 2px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu{
  padding: 3px 4px;
}
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a{
  padding: 6px 9px;
}
.nav > li > a:hover, .nav > li > a:focus{
   background-color: transparent;
}
.navbar-form .form-control{
  height: 25px;
  padding: 6px;
}
.navbar-default .navbar-brand {
  color:white;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
  border-color: #054E80;
}
.navbar-default .navbar-toggle{
  border-color: #00677C;
}
.navbar-default .navbar-toggle .icon-bar{
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
  background-color: #054E80;
}
.badge-warning{
  background-color: #FD6600;
}
.breadcrumb{
  padding: 8px 15px;
  margin-bottom: 21px;
  list-style: outside none none;
  background-color: #ECF0F1;
}
.breadcrumb > .active{
  color: #95a5a6;
}
.panel-default{
  border-color: #ECF0F1;
}
/* Jquery UI */
.ui-accordion .ui-accordion-icons{
  padding-left: 0.2em;
}
/* End Jquery UI */
.bgfooter{
  background-color:#1A2226;
}
.bgfooter{
  color: #ffffff;
}
.bgfooter a{
  color: #ffffff;
}
html, body {
  overflow-x: initial;
}
#cm-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1030;
  background: #ffffff;
}
 
/* ============================
   MODO OSCURO - color uniforme #121212 en todo
   ============================ */
body.csmsys-dark,
body.csmsys-dark .container,
body.csmsys-dark .panel,
body.csmsys-dark .panel-default,
body.csmsys-dark .panel-body,
body.csmsys-dark .panel-heading,
body.csmsys-dark .breadcrumb,
body.csmsys-dark .well,
body.csmsys-dark .list-group-item,
body.csmsys-dark table,
body.csmsys-dark .table,
body.csmsys-dark tr,
body.csmsys-dark td,
body.csmsys-dark th,
body.csmsys-dark .toolbar,
body.csmsys-dark .btn-toolbar,
body.csmsys-dark .form-inline,
body.csmsys-dark .calendar-toolbar,
body.csmsys-dark .btn-group,
body.csmsys-dark .btn-default,
body.csmsys-dark .navbar-form,
body.csmsys-dark [class*="toolbar"],
body.csmsys-dark .navbar,
body.csmsys-dark .navbar-collapse,
body.csmsys-dark .navbar-header,
body.csmsys-dark .navbar-default,
body.csmsys-dark #cm-header,
body.csmsys-dark #cm-content,
body.csmsys-dark #cm-content > .container {
  background: #121212 !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}
body.csmsys-dark a {
  color: #6bb7f0 !important;
}
body.csmsys-dark .navbar-default .navbar-nav > .active > a,
body.csmsys-dark .navbar-default .navbar-nav > .active > a:hover,
body.csmsys-dark .navbar-default .navbar-nav > .active > a:focus {
  color: #0665A4 !important;
  background-color: #F5C62F !important;
}
body.csmsys-dark #toolbar-agenda,
body.csmsys-dark #toolbar-agenda [class*="col-"] {
  background: #121212 !important;
}
body.csmsys-dark .dropdown-menu {
  background: #1a1a1a !important;
  color: #e0e0e0 !important;
  border-color: #333 !important;
}
body.csmsys-dark .dropdown-menu a,
body.csmsys-dark .dropdown-menu li > a {
  color: #6bb7f0 !important;
}
body.csmsys-dark .actions,
body.csmsys-dark [id*="toolbar"],
body.csmsys-dark [class*="toolbar"],
body.csmsys-dark .pagination,
body.csmsys-dark [class*="pagination"] {
  background: #121212 !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}
body.csmsys-dark .table-well,
body.csmsys-dark .table-well * {
  background: #121212 !important;
  color: #e0e0e0 !important;
  border-color: #2a2a2a !important;
}
 
/* NUEVO LOGIN */
.csmsys-login-card {
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  border: none;
  overflow: hidden;
  max-width: 400px;
}
.csmsys-login-header {
  background: #0665A4;
  padding: 28px 28px 20px;
  color: #ffffff;
}
.csmsys-login-header h2 {
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
}
.csmsys-login-header p {
  margin: 0;
  font-size: 13px;
  color: #cfe4f5;
}
.csmsys-login-card .panel-body {
  padding: 28px;
}
.csmsys-login-card input[type="text"],
.csmsys-login-card input[type="password"] {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 12px 14px;
  height: auto;
  font-size: 14px;
}
.csmsys-login-card input[type="text"]:focus,
.csmsys-login-card input[type="password"]:focus {
  border-color: #0665A4;
  box-shadow: 0 0 0 3px rgba(6,101,164,0.15);
}
.csmsys-login-card button,
.csmsys-login-card input[type="submit"] {
  background: #F5C62F;
  color: #0665A4;
  border: none;
  border-radius: 10px;
  font-weight: 600;
  padding: 12px;
  width: 100%;
  transition: background 0.2s;
}
.csmsys-login-card button:hover,
.csmsys-login-card input[type="submit"]:hover {
  background: #e0b52a;
}
.csmsys-login-links {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
.csmsys-login-links a {
  font-size: 13px;
  color: #0665A4;
}
 
.panel {
  border: none;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
  margin-bottom: 24px;
}
.panel-heading {
  background: #0665A4 !important;
  color: #ffffff !important;
  border: none;
  padding: 14px 20px;
  font-weight: 600;
}
.panel-heading a {
  color: #ffffff !important;
}
.panel-body {
  padding: 20px;
  background: #ffffff;
}
 
/* Correcci車n: mantener el header de los paneles en azul de marca tambi谷n en modo oscuro */
body.csmsys-dark .panel-heading {
  background: #0665A4 !important;
  color: #ffffff !important;
}

body.csmsys-dark .panel-heading a {
  color: #ffffff !important;
}

/* TIPO LETRA GOOGLE FONT */

body,
input,
button,
select,
textarea,
.navbar-nav > li > a,
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', 'Open Sans', Helvetica, Arial, sans-serif !important;
}

/* DESGRADADO DE BARRA DE MENU */

body.csmsys-dark .navbar-default,
body.csmsys-dark .navbar,
body.csmsys-dark .navbar-collapse,
body.csmsys-dark .navbar-header {
  background: linear-gradient(135deg, #0665A4, #08283f) !important;
}
body.csmsys-dark .navbar-default .container {
  background: transparent !important;
}
body.csmsys-dark .navbar-default .navbar-collapse {
  background: transparent !important;
}
body.csmsys-dark .navbar-default .navbar-nav > li > a {
  color: #ffffff !important;
}
/* Paneles tipo tarjeta en modo oscuro: header azul + cuerpo blanco */
body.csmsys-dark .panel,
body.csmsys-dark .csmsys-login-card {
    background: #ffffff !important;
}

body.csmsys-dark .panel-body,
body.csmsys-dark .csmsys-login-card .panel-body {
    background: #ffffff !important;
    color: #333333 !important;
}
body.csmsys-dark .panel,
body.csmsys-dark .csmsys-login-card,
body.csmsys-dark .list-group-item {
    background: #ffffff !important;
}

body.csmsys-dark .panel-body,
body.csmsys-dark .csmsys-login-card .panel-body {
    background: #ffffff !important;
    color: #333333 !important;
}
.csmsys-login-card {
    margin-bottom: 20px;
}
.panel {
    border-radius: 16px !important;
    overflow: hidden;
}
/* Hover dinámico para las tarjetas de cursos en la página de inicio */
#home-welcome > div > div {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

#home-welcome > div > div:hover {
    transform: translateY(-6px);
    box-shadow: 0 14px 30px rgba(0,0,0,0.18) !important;
}
/* Pie de pagina siempre pegado al fondo, sin franja de por medio */
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
#main {
    flex: 1 0 auto;
}
footer {
    flex-shrink: 0;
}
#notice_block .panel-body > h5:first-child { display:none; }
/* Ocultar el footer nativo de Chamilo en herramientas internas de administración/edición de curso */
footer.footer {
    display: none;
}
/* Horas de certificado — SOLO en el título de la tarjeta de curso (Mis cursos) */
h4.course-items-title a[href*="/courses/RC01/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/AD01/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/IA00001/" i]::after { content: " \00b7 10h"; }
h4.course-items-title a[href*="/courses/CYBERF00001/" i]::after { content: " \00b7 20h"; }
h4.course-items-title a[href*="/courses/DIPLO000001/" i]::after { content: " \00b7 120h"; }
h4.course-items-title a[href*="/courses/CN00001/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/TCEN2/" i]::after { content: " \00b7 20h"; }
h4.course-items-title a[href*="/courses/FDC01/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/OS000100/" i]::after { content: " \00b7 30h"; }
h4.course-items-title a[href*="/courses/CRYTP10000/" i]::after { content: " \00b7 30h"; }
h4.course-items-title a[href*="/courses/AF10001/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/BT10001" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/ASW1000" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/EH01/" i]::after { content: " \00b7 40h"; }
h4.course-items-title a[href*="/courses/RC01/" i]::after,
h4.course-items-title a[href*="/courses/AD01/" i]::after,
h4.course-items-title a[href*="/courses/IA00001/" i]::after,
h4.course-items-title a[href*="/courses/CYBERF00001/" i]::after,
h4.course-items-title a[href*="/courses/DIPLO000001/" i]::after,
h4.course-items-title a[href*="/courses/CN00001/" i]::after,
h4.course-items-title a[href*="/courses/TCEN2/" i]::after,
h4.course-items-title a[href*="/courses/FDC01/" i]::after,
h4.course-items-title a[href*="/courses/OS000100/" i]::after,
h4.course-items-title a[href*="/courses/CRYTP10000/" i]::after,
h4.course-items-title a[href*="/courses/AF10001/" i]::after,
h4.course-items-title a[href*="/courses/BT10001/" i]::after,
h4.course-items-title a[href*="/courses/ASW1000/" i]::after,
h4.course-items-title a[href*="/courses/EH01/" i]::after {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #0665A4;
    background: #F5C62F;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 6px;
    vertical-align: middle;
}