/**************************************
 * THEME NAME: aulaformacion26
 *
 * Files included in this sheet:
 *
 *   aulaformacion26/aardvark_layout.css
 *   aulaformacion26/aardvark_color.css
 *   aulaformacion26/aardvark_fonts.css
 *   aulaformacion26/aardvark_topmenu.css
 *   aulaformacion26/aardvark_default.css
 **************************************/

/***** aulaformacion26/aardvark_layout.css start *****/

/* Core */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {scroll-behavior: smooth !important;}
body {
    margin: 5px;
}

body, p, th, td, li, .sideblock .content {
  line-height:1.6;
}

.surround {
  margin-left: auto;
  margin-right: auto;
  max-width: 1150px;
  position: relative;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
}

h1, h2, h3, h4 {
  text-align: left;
}

h1 {
  padding: 6px;
}

h2 {
  padding: 4px;

}

h2.headingblock.header  {
border: 1px;
    }

h2.main {border: 0px;}
h3 { padding: 3px;}
.loginpanel h3 {text-align:center;margin-bottom:0;}

#layout-table #left-column, #layout-table #right-column {
    border: none;


}

#left-column .hidden .header, #right-column .hidden .header {
border-bottom-style:dashed;
border-bottom-width:1px;
}

#layout-table {
  border: none;
}

#content {
clear:both;
overflow: auto;
}

h1, h2, h3, th.header {
  border-width: 0px;
  border-style: solid;
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px;
}

input, select {
  padding: 0px;
}
#layout-table #middle-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
}

#layout-table #left-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:5px;
}

#right-column {
    width: 230px !important;
}

.sitetopic {
  padding:0px;
  margin: 0px;
}

.generaltable {
  border-width:0px;
}

.glossarytable {
  border-width:1px;
  border-style:solid;
}


.generalbox {
  /*border-width:1px;
  border-style:solid;*/
  padding:1em;
  margin-bottom:40px;

}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;


}

.clearfix {
 min-width: 0;
 /* overflow: hidden; */
}

.clearfix:after {
  /* content: "<!-- -->";  */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/***
 *** Header
 ***/

#header-home {
  /* padding:1em 0.5em; */
  border-width:0px;
  border-style:solid;
}

#header {
  /* height:50px; */
  border-width:0px;
  border-style:solid;
}

.headermain, h1.headermain {
  float:left;
  margin:0%;
  padding:0%;
  border-width: 0px;
  padding-left: 5px;
}

.headermenu {
  float:right;
  text-align:right;
}

.header-profilepic {
  text-align:right;
  margin: 5px;
  width: 80px;
  height: 80px;

}

.header-profileblock {
  float:right;
  text-align:right;
  position: absolute;
  right: 0px;

}

.header-profilename {

  text-align:right;
  margin-right: 5px;

}

.header-profileoptions {
  text-align:right;
  margin-right: 5px;
}

.header-profileoptions ul li {
padding-left: 10px;
display: inline;
}

.header-profileoptions .loginform {
width: 5em;
margin-left:4px;
display: inline;
}

.navbar {
  width:100%;
  margin-bottom:1.5em;
  /* padding:3px 0.5em;*/
  padding:3px !important;
  border-width:0px;
/*  border-style:solid; */
}

div.navbar {
  width: auto;
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
}

.navbar .breadcrumb {
  float:left;
  /*margin:0.2em 0em;*/
}

.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}
.breadcrumb li {
  display:inline;
}

.navbar .navbutton,
.navbar .menu {
  float:right;
}

#footer .navbar {
  margin-top: 4em;
}


/***
 *** Login
 ***/

TABLE.loginbox {
  margin-top: 40px;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}


/***
 *** Footer
 ***/

#footer {
  text-align:center;
  margin-top: 4px;
  margin-bottom: 0px;
  padding: 4px;
}


#footer p.helplink {
 margin-bottom: 0px;
}


/***
 *** Blocks
 ***/
/*
.sideblock {
  border: 1px solid #fff !important;
}
*/

.sideblock .content {
  padding: 4px;
  margin-left:6px;
}

.sideblock .header {
  /*border-bottom: 1px #6CA8DE solid;*/
 }

.sideblock .header h2 {
  padding:.5em;
  /*border:1px dashed #aaaaaa;*/
  border-left:7px solid #999;
 }

.sideblock .header .hide-show-image {
 /*padding-top: 4px;*/
}

.sideblock .content .list li {
  padding:4px 0;
}

.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
  margin-top: 4px;
  margin-bottom: 4px;
}


/***
 *** Calendar
 ***/


#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border:1px solid;
  padding:4px;
}

#calendar .sideblock .header {
}


#calendar .today,
.minicalendar .today {
  border:1px solid !important;
}


table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  /*border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;*/
}

table.minicalendar tr.weekdays th {
   border-style: none;
}



table.minicalendar tr td.day {
  /*border-style: solid;
  border-width: 1px;*/
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }



table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
  border: none;
}



table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}

.cal_popup_bg {
position:relative;
  left:-350px;
  padding:0px;
  margin:0px;
  border:1px solid;
}

/***
 *** Course
 ***/

.headingblock {
  
  padding:4px;
}


.categorybox .category,
.categorybox .category {
  /*border-bottom: solid;
  border-width: 1px;*/
  padding-top: 7px;
}

#course-view .section .left {
  /*border-right-width: 1px;
  border-right-style: dashed;*/
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  /*border-width: 1px;
  border-style: dashed;*/
}

#course-view .section td.content ul.section.img-text {
    line-height: 22px;
}

#course-view .section td.content ul.section.img-text li.activity.label {
    line-height: 16px;
    margin-bottom: 5px;
}

.coursebox .info .name {
  padding-bottom: 5px;
  }

.tabrow0 {
   padding-top: 4px;
}

.courseboxes {
 width: 95%;
}
/***
 *** Modules: glossary
 ***/

.entry .concept,
.entryheader .concept {
   margin-top: 5px;
   margin-bottom: 10px;

}

.glossarypost.continuous {
    padding: 5px;
}

/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-width: 2px;
}
/***** aulaformacion26/aardvark_layout.css end *****/

/***** aulaformacion26/aardvark_color.css start *****/

/* Core */

body {
  font-family: 'Open Sans', sans-serif;
  background-color: #fff;
  color:#555555;
}

.surround {
  background: #ffffff;
  /*border-top: 10px solid #ffffff;*/
  border-right: 10px solid #ffffff;
  /*border-bottom: 10px solid #ffffff;*/
  border-left: 10px solid #ffffff;
 }

h1 {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
}

h2 {
  /*background: #d7d7db url('images/sideheader.jpg') repeat-x;*/
  border-color:#cccccc;
  color: #999999;
}

h2 .headingblock, .header  {
 /*background: #d7d7db url('images/sideheader.jpg') repeat-x;*/
    color: #999999;
    }

h3 {
  border-color:#cccccc;
}
h4 {
  border-color:#cccccc;
}

.headermenu {
  color: #cccccc;
}

.headermenu a {
  color: #999999;
}


textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"]
{
  padding:3px;
  margin-bottom:3px;
  border:1px solid #707070;
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
select:focus
{
  border-color: #26a0da;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #26a0da;
  outline: 0 none;
}

input[type="submit"]
{
  padding:3px;
  /*
  -moz-border-radius: 3px;
  -webkit-border-radius:3px;
  */
}




th {
  /*background: #d7d7db url('images/sideheader.jpg') repeat-x;*/
  border-color:#cccccc;
  color: #999999;
}

th.header,
td.header,
div.header {
  /*background: #d7d7db url('images/sideheader.jpg') repeat-x;*/
  border-color:#cccccc;
  color: #999999;
}

th.header a,
td.header a,
div.header a {
  color: #555555;
}

th.header {
  border-color: #cccccc;
}

#left-column .hidden .header, #right-column .hidden .header {
  border-color:#cccccc;
}


#layout-table #left-column, #layout-table #right-column {
    /*background-color: #ffffff;*/
    border-color:#cccccc;
}



.generalbox {
  /*
  border-color:#cccccc;
  background-color:#FFFFFF;
  */
  border-color:#ece8e8;
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;
  background-color:#f3eded;
}

.generaltable,
.generaltable td {
  border-color:#cccccc;
  /* background-color:#FFFFFF; */
}

/* .generaltable .r0 td.cell.c0 {
 background-color:#cccccc;
} */

.generaltable .r0 {
 background-color:#ffffff;
}

.generaltable .r1 {
 background-color:#ffffff;
}

.generaltable .r1 td.cell.c0 {
border-color:#cccccc;
/* background-color:#555555; */
}

.navbar {
  
  color: #555555;

 /*
  border-top:1px solid #dddddd;
  border-bottom:1px solid #dddddd;
  */
  color: #555555;
}
.navbar a {
  background: #f5f5f5;
  
}

/*
.breadcrumb a {
  padding:2px;
  border:1px solid #dddddd;
}
*/

.breadcrumb a {
  padding:2px;
}

.breadcrumb a,
.breadcrumb .current {
  background-color: #eaeaea;
  color: #333;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 8px;
  margin-right: 8px;
  position: relative;
  transition: background 0.3s;
}

.breadcrumb a:hover {
  background-color: #e0e0e0;
}

.breadcrumb .current {
  font-weight: bold;
  background-color: #d0d0d0;
  cursor: default;
}


.sitetopiccontent {
  border-color:#cccccc;
  background-color:#FFFFFF;
}

.highlight {
  background-color:#cccccc;
}

.highlight2 {
  color:#cccccc; /* highlight missing terms in forum search */
}

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color:#555555;
}

#admin-roles-override .capcurrent {
  background-color:#555555;
}

/***
 *** Header
 ***/


/***
 *** Login
 ***/


.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#ece8e8;
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;
  background-color:#f3eded;
}
.loginbox .subcontent {
  border-color:#ddd;
}

.loginbox .content {
  border-color:#ccc;
}

/***
 *** Footer
 ***/

#footer {
background-color:#fff;
}


#footer p.helplink {

}


/***
 *** Blocks
 ***/

.sideblock {
   color:#555555;
   background-color: transparent;

}

.sideblock, .sideblock .content {
   background-color:#ffffff;
   color:#555;
}


.sideblock .header, .sideblock .header h2 {
 color:#666;
}

body .sideblock .header h2 {
  /*background-color: #E4E7EA !important;*/
  background-color: #eee !important;
}

.sideblock hr {
  color:#cccccc;

}

.sideblock .footer {
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #555555;
}


/***
 *** Calendar
***/

#calendar .maincalendar,
#calendar .eventlist .event {
  background: #ffffff;
}

#calendar .maincalendar .header {
  color: #555555;
}

#calendar .sideblock {
}

#calendar .sideblock {
  background: #ffffff;
}

#calendar .event {
  border-color: #ff0000;
}

#calendar .maincalendar table.calendarmonth th {
  /*border-color: #cccccc;*/
}

#calendar .maincalendar table.calendarmonth td {
  /*border-color: #cccccc;*/
}


table.calendarmonth tr td {
   /*border-color:#cccccc;*/
}


table.minicalendar {
  border-color:#fff;

}



table.minicalendar tr.weekdays th {
  /*background-color:#555555;*/
  border-color:#cccccc;
}

table.minicalendar tr td.day {
   /*border-color:#cccccc;*/
  }

table.minicalendar tr td.weekend {
  /*border-color:#cccccc;*/
  color:#6CA8DE;
  }

#calendar .today,
.minicalendar .today {
  border-color:#ff0000 !important;
}

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  /*border-color:#def2ba !important;*/
  background-color:#def2ba;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  /*border-color:#c6dfeb !important;*/
  background-color:#c6dfeb;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  /*border-color:#feffc2 !important;*/
  background-color:#feffc2;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  /*border-color:#d9c6e2 !important;*/
  background-color:#d9c6e2;
}

.cal_popup_fg {
  background-color:#ffffff;
}

.cal_popup_bg {
  border-color:#cccccc;
  background-color:#ffffff;
}


/***
 *** Course
 ***/

.headingblock {
  border-color: #cccccc;
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  color: #999999;
}

/* course */
.headingblock .outline {
  border-color:#cccccc;
  color: #999999;


}


.coursebox {
  border-color:#cccccc;
  background: #ffffff;
}

.coursebox .info {
 background: #ffffff;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#cccccc;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #cccccc;
}

#course-view .section.main .content {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #cccccc;
  background-color: #f5f5f5;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #f5f5f5 !important;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#cccccc;
 }


/***
 *** Tabs
 ***/


ul.tabrow li {
  background:url(pix/tab/left.gif) top left no-repeat;
}

.tabs .side {
  border-color: #cccccc;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

/* Pestañas (.tabtree: banco de preguntas, informes...) dibujadas con CSS.
   Las imágenes GIF del tema standard están pensadas para letra pequeña y,
   con los 15px que fija este tema en los li, se descuadraban. */
/* La segunda fila (ul.tabrow1) va DENTRO de la pestaña activa: por eso
   los estilos de la primera fila usan «>» y no le afectan. */
.tabtree ul.tabrow0 {
  margin: 12px 0 3em 0;
  padding: 0;
  /* altura en px exactos: con «normal» salían decimales y la línea se veía más clara */
  line-height: 20px;
  font-size: 14px;
  border-bottom: 1px solid #b5b5b5;
  /* fila flexible: el pie de cada pestaña cae justo sobre la línea */
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}
.tabtree ul.tabrow0 > li {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 3px 0 0;
  font-size: 14px;
  line-height: 20px;
}
/* Solo la activa baja 1px para tapar la línea (las demás se apoyan en ella) */
.tabtree ul.tabrow0 > li.here {
  margin-bottom: -1px;
}
.tabtree ul.tabrow0 > li > a,
.tabtree ul.tabrow0 > li > a:hover {
  display: block;
  margin: 0;
  padding: 5px 16px 6px 16px;
  line-height: 20px;
  border: 1px solid #b5b5b5;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #e9ecee;
  color: #555555;
  text-decoration: none;
  cursor: pointer;
}
.tabtree ul.tabrow0 > li > a:hover {
  background: #dde2e5;
  color: #333333;
}
.tabtree ul.tabrow0 a span,
.tabtree ul.tabrow0 a:hover span {
  padding: 0;
  background: none !important;
  cursor: inherit;
}
/* Ficha activa: más alta, delante y sin línea inferior (se une con lo de debajo) */
.tabtree ul.tabrow0 > li.here > a,
.tabtree ul.tabrow0 > li.here > a:hover {
  position: relative;
  z-index: 2;
  padding: 8px 18px 6px 18px;
  background: #ffffff;
  border-color: #b5b5b5;
  border-bottom: 1px solid #ffffff;
  color: #333333;
  font-weight: bold;
  cursor: default;
}
.tabtree ul.tabrow0 .empty {
  display: none;
}
/* Segunda fila (subpestañas): continúa la ficha activa, en blanco */
.tabtree ul.tabrow0 ul.tabrow1 {
  top: 100%;
  margin: 0;
  padding: 6px 8px;
  border: 0;
  border-bottom: 1px solid #dcdcdc;
  background: #ffffff;
  font-size: 13px;
  line-height: normal;
}
.tabtree ul.tabrow0 ul.tabrow1 li {
  display: inline;
  margin: 0 2px;
  font-size: 13px;
}
.tabtree ul.tabrow0 ul.tabrow1 a,
.tabtree ul.tabrow0 ul.tabrow1 a:link,
.tabtree ul.tabrow0 ul.tabrow1 a:visited,
.tabtree ul.tabrow0 ul.tabrow1 a:hover {
  display: inline-block;
  margin: 0;
  padding: 4px 12px;
  border: 0;
  border-radius: 14px;
  background: none;
  color: #2c5f8a;
  font-weight: normal;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}
.tabtree ul.tabrow0 ul.tabrow1 a:hover {
  background: #edf1f4;
  color: #1d4466;
}
.tabtree ul.tabrow0 ul.tabrow1 li.here a,
.tabtree ul.tabrow0 ul.tabrow1 li.here a:hover {
  background: #e3e8ec;
  color: #333333;
  font-weight: bold;
  cursor: default;
}

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#cccccc;
}

.forumpost .content {
  background: #ffffff;
}

.forumpost .left {
  background:#f3f3f3;
}



.forumpost .topic {
  border-bottom-color: #cccccc;

}

.forumpost .starter {

}

.forumheaderlist .discussion .starter {
  background:#ffffff;
}

.forumheaderlist td {
  border-color: #cccccc;
}

.sideblock .post .head {
  color:#ffffff;
}

.forumthread .unread {
  background: #ffffff;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #cccccc;
}

#mod-forum-discuss .forumthread .unread {
}

#mod-forum-index .unread {
}

/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval {
  background-color: #3b5998;
 }

.entrybox {
  border-color: #cccccc;
 }

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous,
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

.glossarycategoryheader th  {
  background-color: #F7F6F1;
}


.glossarycategoryheader h2,
.glossarypost .concept h3 {
  background-color: #FFFFFF
}


/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-color:#990000;
   background-color:#ffffff;
 }

.errorboxcontent {
   background-color:#ffffff;
}


/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #C2EBBD;
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #EBC4BD;
}

/***
 *** User
 ***/

.userinfobox {
 border-color:#ece8e8;
  -moz-border-radius: 9px;
  -webkit-border-radius:9px;
}

.userinfobox .side {
 background-color:#f3eded;
}

.userinfobox .content {
 background-color:#f3eded;
}

.commands {
  background-color:#ffffff !important;
}


/* ====== BLOQUES LATERALES estilo "card" (tipo Moodle 4.x) ====== */
#left-column .sideblock,
#right-column .sideblock{
  background: #fff !important;
  border: 1px solid #e6e8ee !important;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  margin: 0 0 14px 0;
  overflow: hidden; /* recorta esquinas redondeadas */
}

/* Cabecera del bloque */
#left-column .sideblock .header,
#right-column .sideblock .header{
  background: #f7f8fb !important;
  border: 0 !important;
  padding: 10px 12px;
}

/* Título del bloque */
#left-column .sideblock .header h2,
#right-column .sideblock .header h2{
  background: transparent !important; /* ahora lo tienes a #eee */
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px;
  font-weight: 700;
  color: #444;
  letter-spacing: .3px;
  text-transform: uppercase;
}

/* Contenido */
#left-column .sideblock .content,
#right-column .sideblock .content{
  background: #fff !important;
  margin-left: 0 !important; /* en tu layout tiene 6px */
  padding: 10px 12px !important;
}

/* Listas dentro del bloque (espaciado moderno) */
#left-column .sideblock .content .list li,
#right-column .sideblock .content .list li{
  padding: 6px 0 !important; /* antes 4px 0 */
  border-bottom: 1px solid #f0f1f4;
}
#left-column .sideblock .content .list li:last-child,
#right-column .sideblock .content .list li:last-child{
  border-bottom: 0;
}

/* Pie del bloque (si existe) */
#left-column .sideblock .footer,
#right-column .sideblock .footer{
  border-top: 1px solid #f0f1f4;
  margin: 0 !important;
  padding: 8px 12px;
}

/* ====== AJUSTE FINO BLOQUES LATERALES ====== */

/* Más aire respecto al borde */
#right-column {
  padding-left: 16px;
}

/* Cabecera más moderna (menos gris) */
#right-column .sideblock .header{
  background: #ffffff !important;
  border-bottom: 1px solid #eef0f4 !important;
}

/* Título más legible */
#right-column .sideblock .header h2{
  font-size: 13px;
  color: #222;
}

/* Iconos y enlaces */
#right-column .sideblock a{
  font-size: 14px;
}

/* Quitar sensación de lista vieja */
#right-column .sideblock .content .list li{
  padding: 8px 0 !important;
}

/* ====== SEPARACIÓN REAL ENTRE COLUMNA CENTRAL Y DERECHA ====== */
#layout-table #middle-column{
  padding-right: 12px !important;  /* espacio hacia la derecha */
}

#layout-table #right-column{
  padding-left: 12px !important;   /* espacio hacia la izquierda */
  padding-right: 5px !important;   /* mantén el margen exterior */
}

/* ====== LINKS DE BLOQUES: LOOK MODERNO ====== */

/* links más limpios */
#right-column .sideblock a{
  color: #1f3b64;            /* azul más sobrio */
  text-decoration: none;
}

/* hover tipo Moodle moderno */
#right-column .sideblock a:hover{
  text-decoration: none;
  color: #FF040F;
}

/* hacer cada item “clicable” y con aire */
#right-column .sideblock .content .list li{
  border-radius: 8px;
  padding: 8px 10px !important;
  margin: 2px 0;
}

/* hover de fila */
#right-column .sideblock .content .list li:hover{
  background: #f7f8fb;
}

/* iconos alineados */
#right-column .sideblock .content .list img,
#right-column .sideblock .content .list .icon{
  vertical-align: middle;
  margin-right: 6px;
}

/* ====== DRAWER COLUMNA DERECHA ====== */

/* Botón flotante */
#drawer-toggle {
  position: fixed;
  top: 120px;            /* ajusta si tapa algo */
  right: 12px;
  z-index: 9999;
  background: #fff;
  border: 1px solid #e6e8ee;
  border-radius: 10px;
  padding: 8px 10px;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
  font-size: 14px;
}

/* Estado plegado */
body.drawer-collapsed #layout-table #right-column{
  width: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: 0 !important;
}

body.drawer-collapsed #right-column *{
  display: none !important;
}

/* Recuperar espacio en el centro al plegar */
body.drawer-collapsed #layout-table #middle-column{
  padding-right: 0 !important;
}

#drawer-toggle{
  opacity: .85;
}
#drawer-toggle:hover{
  opacity: 1;
}

/* ====== ANIMACIÓN DRAWER ====== */
#layout-table #right-column{
  transition: width .25s ease, padding .25s ease, border .25s ease;
}

/* Evitar parpadeos internos */
#right-column{
  overflow: hidden;
}

/* ====== AUTO-COLAPSO EN PANTALLAS PEQUEÑAS ====== */
@media (max-width: 1100px){
  /* por defecto ocultamos el panel derecho */
  #layout-table #right-column{
    width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: 0 !important;
  }
  #right-column *{
    display: none !important;
  }
  #layout-table #middle-column{
    padding-right: 0 !important;
  }

  /* si el usuario lo abre, se ve */
  body.drawer-open #layout-table #right-column{
    width: auto !important;
    padding-left: 18px !important;
    padding-right: 5px !important;
    border-left: 1px solid #eef0f4 !important;
  }
  body.drawer-open #right-column *{
    display: block !important;
  }
}

/* ====== PANEL DERECHO STICKY (tipo Moodle moderno) ====== */
#layout-table #right-column{
  position: sticky;
  top: 80px;       /* ajusta según tu cabecera */
  align-self: flex-start;
}

/* ====== CENTRO (Moodle 1.9): secciones como "card" ====== */

/* Caja principal de cada sección */
#course-view .section.main {
  background: #fff !important;
  border: 1px solid #e6e8ee !important;
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  margin: 0 0 16px 0 !important;
  overflow: hidden;
}

/* Quitar el look “tabla” del wrapper */
#course-view .section.main .content,
#course-view .section.main .side {
  border: 0 !important;
}

/* Interior (contenido) */
#course-view .section.main td.content {
  padding: 14px 16px !important;
  background: #fff !important;
}

/* Columna lateral de la sección (si existe) */
#course-view .section.main td.side {
  background: #fff !important;
  padding: 14px 10px !important;
}

/* Actividades (listas) más modernas */
#course-view .section td.content ul.section {
  margin: 0 !important;
  padding: 0 !important;
}

#course-view .section td.content ul.section li.activity {
  list-style: none;
  padding: 6px 5px !important;
  margin: 3px 0 !important;
  border-radius: 10px;
  border: 1px solid transparent;
}

#course-view .section td.content ul.section li.activity:hover {
  background: #f7f8fb;
  border-color: #eef0f4;
}

/* Enlaces del centro más limpios */
#course-view .section td.content a {
  text-decoration: none;
  /*display: block;*/
}
/*
#course-view .section td.content a:hover {
  text-decoration: underline;
}
*/

/* --- ESTADOS POR FONDO Y NOTA (Moodle 1.9) --- */

/* 1. Estado Pendiente: Fondo rojo suave (AHORA CONDICIONADO) */
body.control-progreso-on #course-view .section .activity.quiz, 
body.control-progreso-on #course-view .section li:has(img[src*="quiz"]) {
    background-color: #fff5f5 !important;
    border: none !important;
    border-radius: 8px;
    padding: 10px 15px !important;
    margin-bottom: 6px !important;
    display: block !important;
    position: relative;
}

/* 2. Estado Realizado: Fondo azul suave */
body.control-progreso-on #course-view .section li.is-completed {
    background-color: #eef2ff !important;
}

/* 3. Indicador de texto "REALIZADO (Nota)" */
body.control-progreso-on #course-view .section li.is-completed::after {
    content: "REALIZADO " attr(data-grade);
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #1e40af;
    margin-top: 2px;
}



/* ====== REFINO VISUAL DEL BLOQUE CENTRAL ====== */

/* Cabecera roja principal del curso: reducir impacto */
#course-view h1,
#course-view .course-header{
  background: #fff !important;
  color: #d80000;
  padding: 0 0 12px 0 !important;
  border-bottom: 3px solid #d80000;
}

/* Sección numerada (antes rojo a lo bestia) */
#course-view .section.main .left{
  background: transparent !important;
}

/* Título de sección: rojo solo en texto */
#course-view .section.main h2,
#course-view .section.main h3{
  background: transparent !important;
  color: #d80000;
  font-weight: 700;
  padding: 0 0 8px 0;
  border-bottom: 1px solid #eef0f4;
}

/* Quitar fondos rojos heredados */
#course-view .section.main .content .sectionname,
#course-view .section.main .content .sectiontitle{
  background: transparent !important;
}

/* ====== COMPACTAR AIRE EN EL CENTRO ====== */

/* Menos aire dentro de cada tarjeta/sección */
#course-view .section.main td.content{
  padding: 10px 12px !important;
}

/* Menos separación entre secciones */
#course-view .section.main{
  margin: 0 0 12px 0 !important;
}

/* Encabezados tipo "recursos generales" / "consultas..." más compactos */
#course-view .section.main .content .weekly,
#course-view .section.main .content .topic,
#course-view .section.main .content .sectionname,
#course-view .section.main .content .sectiontitle{
  margin: 0 0 8px 0 !important;
  padding: 6px 10px !important;
}

/* Lista de actividades: quitar espacio extra */
#course-view .section td.content ul.section{
  margin-top: 4px !important;
}

/* Evitar saltos grandes entre elementos */
#course-view .section td.content br{
  line-height: 10px;
}

/* ====== CENTRO: encapsular SOLO recursos clicables (no etiquetas) ====== */

/* Reset: por si quedó algo aplicado */
#course-view .section td.content ul.section li{
  background: transparent;
  border: 0;
  border-radius: 0;
}

/* SOLO items que tienen link */
#course-view .section td.content ul.section li:has(a){
  list-style: none !important;
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 12px;
  padding: 5px 12px !important;
  margin: 5px 0 !important;
}

/* Hover */
#course-view .section td.content ul.section li:has(a):hover{
  background: #f7f8fb;
  border-color: #e6e8ee;
}

/* Asegurar que etiquetas no se tocan */
#course-view .section td.content ul.section li.label,
#course-view .section td.content ul.section li.section,
#course-view .section td.content ul.section li span.label{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ====== ETIQUETAS MÁS FINAS (tipo Moodle 4) ====== */

#course-view .section td.content ul.section li.label,
#course-view .section td.content p.topic,
#course-view .section td.content p.weekly{
  background: #f7f8fb !important;     /* más claro */
  border: 1px solid #eef0f4 !important;
  border-radius: 10px !important;
  padding: 6px 10px !important;       /* menos alto */
  margin: 10px 0 8px 0 !important;     /* menos aire */
  color: #4b5563 !important;          /* más contraste */
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: .3px;
}

/* Si dentro hay un <span> o <p>, evitar padding duplicado */
#course-view .section td.content ul.section li.label *,
#course-view .section td.content p.topic *,
#course-view .section td.content p.weekly *{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
}

/* ====== ETIQUETAS HOMOGÉNEAS (estilo Moodle 4) ====== */

/* Todos los tipos de etiqueta en Moodle 1.9 */
#course-view .section td.content ul.section li.label,
#course-view .section td.content p.topic,
#course-view .section td.content p.weekly,
#course-view .section td.content span.label{
  background: #f7f8fb !important;
  border: 1px solid #e6e8ee !important;
  border-radius: 999px;              /* efecto pill */
  padding: 6px 14px !important;
  margin: 12px 0 10px 0 !important;

  color: #374151 !important;         /* gris uniforme */
  font-size: 13px !important;
  font-weight: 600 !important;

  text-transform: none !important;   /* fuera mayúsculas */
  letter-spacing: 0 !important;
}

/* Capitalización natural */
#course-view .section td.content ul.section li.label::first-letter,
#course-view .section td.content p.topic::first-letter,
#course-view .section td.content p.weekly::first-letter,
#course-view .section td.content span.label::first-letter{
  text-transform: uppercase;
}

/* Evitar estilos heredados internos */
#course-view .section td.content ul.section li.label *,
#course-view .section td.content p.topic *,
#course-view .section td.content p.weekly *,
#course-view .section td.content span.label *{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  color: inherit !important;
  font-weight: inherit !important;
}

/* ====== UNIFICAR TIPOGRAFÍA EN ETIQUETAS ====== */

#course-view .section td.content ul.section li.label,
#course-view .section td.content p.topic,
#course-view .section td.content p.weekly,
#course-view .section td.content span.label{
  font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Asegurar que nada interno rompa la fuente */
#course-view .section td.content ul.section li.label *,
#course-view .section td.content p.topic *,
#course-view .section td.content p.weekly *,
#course-view .section td.content span.label *{
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* ====== ETIQUETAS: COLOR MÁS SUAVE ====== */

#course-view .section td.content ul.section li.label,
#course-view .section td.content p.topic,
#course-view .section td.content p.weekly,
#course-view .section td.content span.label{
  color: #6b7280 !important;   /* gris medio tipo Moodle 4 */
}

/* Estado VISTO (Forzamos el azul y quitamos el rojo) */
#course-view .section li.is-visited {
    background-color: #eef2ff !important;
}

/* Texto para Recursos */
body.control-progreso-on #course-view .section li.is-visited::after {
    content: "VISTO ✓";
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #1e40af;
    margin-top: 2px;
}

/* Añadimos un margen al body para compensar la barra fija */
body {
    padding-top: 5px !important; 
}

/* Ajuste para que en escritorio o tablets no se vea raro si el diseño cambia */
@media (min-width: 768px) {
    body {
        padding-top: 10px !important;
    }
}

a.link-curso-ia, 
a.link-curso-ia:link, 
a.link-curso-ia:visited {
    color: #FF040F !important;
    text-decoration: none;
    display: inline-flex;
    align-items: flex-start;
    gap: 8px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    transition: color 0.3s ease;
}

/* Creamos el espacio para el icono usando un pseudo-elemento ::before */
a.link-curso-ia::before {
    content: "";
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
    /* SVG de la estrella codificado en rojo por defecto */
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23FF040F"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.4s ease, background-image 0.3s ease;
}

a.link-curso-ia:hover, 
a.link-curso-ia:focus {
    color: #0066CC !important;
}

/* Al pasar el ratón cambia el color del SVG a azul y realiza el giro */
a.link-curso-ia:hover::before, 
a.link-curso-ia:focus::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%230066CC"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>');
    transform: rotate(360deg);
}/***** aulaformacion26/aardvark_color.css end *****/

/***** aulaformacion26/aardvark_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

body, td, li, input, select {
    font-family: 'Open Sans', sans-serif;
    font-size : 15px;
}

th {
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  font-weight: bold;
}

@font-face {
  font-family: "ArchivoBlack";
  src: url("ArchivoBlack-Regular.ttf");
}

@font-face{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('Inter-Regular.woff2') format('woff2');
}
@font-face{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('Inter-Bold.woff2') format('woff2');
}
@font-face{
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('Inter-ExtraBold.woff2') format('woff2');
}

div.centrarvideo {text-align: center; margin:0 auto}
div.centrarvideo p.titulo {font-size:1.2em;font-weight:bold;color:#ff0000}

a.linkdescarga {color:#ff040f !important; text-decoration: none}
a.linkdescarga:hover {color:#ff040f !important; text-decoration: underline}
.boton {
  font-size:1em;
  cursor:pointer;
  margin:0 .3em;
  padding:3px 5px !important;
  border:1px solid #707070;
  text-decoration:none;
  background:#dedede;
  color:#000000 !important;
}
.boton:hover{
  background:#a6f4ff;
  border:1px solid #26a0da;
}

.tunidad, .tunidad2{
  font-family: "ArchivoBlack";
  text-transform: uppercase;
  margin-top:1em !important;
  margin-bottom:1em !important;
  padding: .5em 1em;
  font-size: 1em;
  background-color:#e4e7ea;
  color:#808080;
  border: 1px dashed #aaa;
}
.tunidad2{color:#556C92}

#section-0 .tbloque, .etiq-unidad {
  font-family: "ArchivoBlack";
  margin-top:1em !important;
  margin-bottom:1em !important;
  font-size: 1em;
  text-transform: none;
  background-color:#e4e7ea;
  color:#aaa;
  border: 1px dashed #aaa;
}

.minusculas{text-transform: none}
.negrita {font-weight:bold;color:#aaa !important}

/*para las clases del aula*/
.bienvenida{
  margin: 20px; padding: 40px 80px; border: 1px dashed rgb(191, 199, 207); background-color: rgb(245, 245, 245);font-size:1.2em
}
.bienvenida ol li, .bienvenida ul li{
  font-size:1em
}
.eti{
  margin: 8px 0pt;
  font-size: .9em;
  border: 1px dashed rgb(191, 199, 207); padding: 2px 10px; color:#999;
}
.etiq{
  margin: 8px 0pt;
  font-size: .9em;
  text-transform:lowercase;
  border: 1px dashed #aaa!important; padding: 3px 10px; color:#888!important; background-color:#e4e7ea!important;
}

.TituloCabecera{
  font-family: 'Inter', Arial, Helvetica, sans-serif !important;
  background: #f3f4f6;   /* mismo fondo que los bloques */
  color: #475569;   /* gris azulado suave */
  padding: 18px 22px 18px 36px; /* espacio para la barra */
  margin-bottom: 20px;
  margin-left:-1.5em;

  position: relative;
  border-radius: 16px;

  font-weight: 750 !important;
  font-size: 0.9em;
  line-height: 1.1;
  text-transform: uppercase;
}

.TituloCabecera,
.TituloCabecera *{
  letter-spacing: 0.3px !important;
}


/* barra roja */
.TituloCabecera::before{
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 10px;

  border-radius: 999px;
  background: #FF040F;
}

.tbloque{
  background: #f3f4f6;
  color: #374151;

  padding: 25px 14px 25px 34px; /* deja hueco para la barrita */
  margin: 10px 0 10px 0;

  border: 1px solid #e5e7eb;
  border-radius: 10px;

  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95em;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.4px;

  position: relative;
}

/* barrita roja corporativa */
.tbloque:before{
  content: "";
  position: absolute;
  left: 12px;
  top: 8px;
  bottom: 8px;
  width: 8px;

  border-radius: 999px;
  background: #9ca3af; /* gris suave */
}

.section.img-text .tbloque:before{
  display: none !important;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4 {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-size:1.2em;
    font-weight: bold;
}

h2 {
    font-size:1.15em;
	/*letter-spacing: -1px;*/
}

h2.headingblock.header  {
    font-size:1.15em;
	letter-spacing: -1px;

	}

h3 {
    font-size:1.1em;
}
h4 {
    font-weight:bold;
}

.headermain {
  font-size: 1.7em;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1em;
}


.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: bold;
}

.generaltable td.cell.c0 {
  font-weight: bold;
}
/***
 *** Header
 ***/
 
.breadcrumb {
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:normal;
}

.breadcrumb a {
    font-family: 'Open Sans', sans-serif;
    font-size:1em;
    font-weight:normal;
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

.header-profilename a {
	font-family: 'Open Sans', sans-serif;
    font-size:1.8em;
	letter-spacing: -2px;
	text-decoration: none;
	font-weight:bold;

}

.header-profileoptions a {
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	letter-spacing: -1px;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

.sideblock h2 {
  font-size: .85em;
  font-weight: normal;
  text-transform: uppercase;
}

.sideblock .content, .sideblock .content li {
    font-size:.95em !important;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:1em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: 'Open Sans', sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td {
  font-size:1em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

.coursebox .info .name {
  font-weight: bold;
  font-size: 1.2em;
}

/* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/*
span.arrow {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: 'Open Sans', sans-serif;
}


/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

/***
 *** Forum
 ***/
 
.forumpost .topic .subject {
  font-weight: bold;
  font-size: 1.2em;
}

/***
 *** Glossary
 ***/
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}
/***** aulaformacion26/aardvark_fonts.css end *****/

/***** aulaformacion26/aardvark_topmenu.css start *****/


/***
 ***    core: yui menubar thanks to Patrick Malley
 ***/


.yuimenubar /* entire bar */ {
    height: 32px;
    clear: both;
    margin: 0;
    padding: 0;
    font-size: 10px;
    background-color: #ABC;
    }

.yuimenubar ul.first-of-type {float: left;}

.yuimenu /* sub container */ {
    background-color: #EEE;
    z-index: 10000;
    }

.yuimenu a {
    text-decoration: none;
    background-color: #EEE;
    font-size: 85%;
    }

a.yuimenubaritemlabel /* bar item link */ {
    padding: 4px 15px 0px 15px;
    height: 28px;
    color: #333;
    }

a.yuimenuitemlabel /* sub item link */ {
    padding: 4px 24px;
    border: 1px solid #BBB;
    color: #333;
    }

.yuimenubar li.first-of-type .yuimenubaritemlabel {
    border-width: 0; /* no border on the first bar item link */
    }

.yuimenuitem-hassubmenu /* add right arrow to sub item */ {
    }

a.yuimenuitemlabel-hassubmenu {
    background-color: #EEE;
    }

/* selected menuitem */

li.yuimenubaritem-selected /* bar menu item */ {

    }
li.yuimenubaritem-selected a:hover {color: #FFF;}

li.yuimenuitem-selected  /* sub menu item */ {
    color: #555;
    }

a.yuimenubaritemlabel-selected /* bar menu item link selected */ {
    text-decoration: none;
    color: #555;
    }

a.yuimenuitemlabel-selected  /* sub menu item link selected */ {
    text-decoration: none;
    background-color: #EEE;
    color: #555;
    }

.yuimenubaritem-hassubmenu-selected /* change down arrow on bar item */ {
    }

.yuimenuitem-hassubmenu-selected /* change right arrow on sub item */ {
    background: #EEE;
    color: #333;
    }

a.yuimenuitemlabel-hassubmenu-selected {
    background: #DDD;
    color: #333;
    }/***** aulaformacion26/aardvark_topmenu.css end *****/

/***** aulaformacion26/aardvark_default.css start *****/

/* Core */

a:link {
    color: #0662A3;
}

a:visited {
    /*color:#02416D;*/
    color:#0662A3;
}

a:hover {
    color: #FF0000;
    text-decoration:none;
}

a.visited-resource {
  color: #cccccc !important;
}

a.dimmed:link,
a.dimmed:visited {
  color:#AAAAAA;
}

/***
 *** Top Menu
 ***/


#top_menu {
    background:url('images/default/top_menu.gif') repeat-x top center;
}

#top_menu ul li {
    background:url('images/default/top_menu_line.gif') right top no-repeat;
}

/***
 *** Header
 ***/

#logo {
background: url('images/default/logo.png') no-repeat left top;
height: 90px;
}

#header {
  /*background: url('images/default/header-grad.jpg') repeat-x;*/
  height: 107px;
}

#header-home {
  background: transparent;
  width: 398px;
  height: 107px;
  position: absolute;
  left: 0px;
}

h1.headermain {
  background-color: transparent;
}

.header-profilename, .header-profilename a {
    background-color: transparent;
    color:#999999;

}

.header-profilename, .header-profilename a:hover {
    background-color: transparent;
    color: #83c8ff;
    text-decoration:none;

}

.header-profileoptions {
    background-color: transparent;
    color:#dfdfdf;

}

.header-profileoptions, .header-profileoptions a {
    background-color: transparent;
    color:#999999;

}


.header-profileoptions a:hover {
    background-color: transparent;
    color: #83c8ff;
    text-decoration:none;

}

img.icon,
img.activityicon,
img.smallicon,
img[alt*="icon"],
img[src*="/pix/"] {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}

.commands img {
  filter: none !important;
  -webkit-filter: none !important;
}

.profile-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: #888;
    text-transform: uppercase;
}
.profile-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.profile-avatar a {
    display: inline-block;
    vertical-align: middle;
}

.profile-avatar img {
    display: block;
}

/* Evita scroll vertical no deseado en la lista de cursos */
#middle-column,
#layout-table,
#content {
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
}

/* Asegura que los .coursebox se adapten al contenido */
.coursebox {
    overflow: visible;
    height: auto;
}

.content iframe {text-align: center; margin:0 auto;}

@media (max-width: 768px) {

  #layout-table {
    display: block;
    width: 100%;
  }

  #left-column,
  #right-column {
    float: none;
    width: 100% !important;
    margin: 0;
    padding: 0;
  }

  #middle-column {
    width: 100% !important;
    float: none;
    display: block;
  }

  .sideblock {
    width: 100% !important;
    margin-bottom: 1em;
  }

  .coursebox {
    width: 100% !important;
    padding: 10px;
    box-sizing: border-box;
  }
}

.modern-courses {
    margin-top: 20px;
}

.modern-course {
    font-size: 17px;
    display: block;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
    color: inherit;
}
.modern-course:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
    background-color: #C8EFD4;
}

.zebra-even {
    background-color: #ffffff;
}

.zebra-odd {
    background-color: #e9e9e9;
}

.modern-course-title a {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #04528c;
}

.modern-course-title a:hover {
    text-decoration: underline;
}

.modern-course-meta {
    margin-top: 8px;
    font-size: 13px;
    color: #666;
}

.modern-course.pinned {
    background-color: #fff8c4;
}

.pin-toggle {
    cursor: pointer;
    margin-right: 5px;
    font-size: 16px;
}

/* Contenedor principal con nuevo nombre */
.test-container-cursos {
    padding: 25px;
    background-color: #B5B6B6; /* Un gris medio que genera contraste real */
    border-radius: 18px;
    margin: 20px 0;
}


/* Tarjeta de curso aislada */
.test-card-curso {
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 12px;
    margin-bottom: 14px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    transition: border-left-color 0.3s ease;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1); /* Sombra base */
    border-left: 6px solid #ffc107; /* El borde gris fijo que acordamos */
}

/* El estado anclado con el borde amarillo lateral */
.test-card-curso.test-pinned {
    /* Ya no añadimos el borde, solo cambiamos su color */
    border-left-color: #ffc107 !important; 
    background-color: #fffdf5 !important;
}

/* Grupo para el título y el PIN */
.test-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
}

/* Filas Pares: Blanco puro para que brille sobre el fondo gris */
.test-card-curso.test-zebra-even {
    background-color: #ffffff;
}

/* Filas Impares: Un gris azulado con más vida */
.test-card-curso.test-zebra-odd {
    background-color: #edf2f7; /* Un tono con mucho más estilo y nitidez */
    border-left-color: #FFC107; /* Un borde izquierdo un poco más oscuro para dar solidez */ 
}

/* El anclado: Amarillo más contundente y saturado */
.test-card-curso.test-pinned {
    background-color: #fff9db !important; 
    border-left-color: #FF040F !important;
    border-color: #FF040F;
}

/* Efecto al pasar el ratón o tocar */
.test-card-curso:hover {
    transform: none !important;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1) !important; /* Mantenemos la sombra base */
    border-color: #0662A3 !important;
}


/* Título del curso */
.test-course-title {
    font-size: 1.15rem;
    font-weight: bold;
    color: #0056b3;
    text-decoration: none;
    line-height: 1.4;
}

/* Badge para cursos nuevos */
.test-badge-nuevo {
    display: inline-block;
    background-color: #dc3545; /* Rojo */
    color: white;
    font-size: 0.7rem;
    padding: 2px 8px;
    border-radius: 4px;
    margin-top: 4px;
    font-weight: bold;
    text-transform: uppercase;
}

.test-pin-icon {
    font-size: 1.2rem; /* Ajustado para que el emoji no se vea gigante */
    cursor: pointer;
    user-select: none;
    padding-left: 10px;
    transition: all 0.2s ease;
}

/* Meta información inferior */
.test-card-footer {
    font-size: 0.85rem;
    color: #6c757d;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dotted #dee2e6;
}

.test-card-footer strong {
    color: #212529;
}

.test-card-actions {
    display: flex;
    align-items: center;
    gap: 12px; /* Espacio extra para no fallar el toque en el móvil */
}

.test-move-btn {
    cursor: pointer;
    font-size: 1.2rem;
    color: #0056b3;
    padding: 5px;
    user-select: none;
    background: #f0f2f5;
    border-radius: 4px;
}

.test-move-btn:active {
    background: #e0e2e5;
}/***** aulaformacion26/aardvark_default.css end *****/