/**************************************
 * 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);
}

/***
 *** 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: 50px !important; 
}

/* Ajuste para que en escritorio o tablets no se vea raro si el diseño cambia */
@media (min-width: 768px) {
    body {
        padding-top: 55px !important;
    }
}
/***** 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;
}/***** aulaformacion26/aardvark_default.css end *****/