@charset "UTF-8";
:root, [data-bs-theme="light"] {
  /*--body-font-size: 1.6rem;*/
  }

main {font-size: 1.3rem;}
main ul li, main ol li {padding:0.5rem;}
main a {
  font-weight: bold;
}

.cita-textual {
  background-color: #CEFDE2;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 2em;
  color: #263161;
}

.cita-textual-link {
  font-weight: bold;
}

.concepto {
  background-color: #F0F2FF;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 2em;
  color: #263161;
  font-weight: bold;
}

.firstLetter {
  background-color: #333366;
  font-size:3rem;
  color: #fff;
  display: inline-block;
  padding:0.6rem;
}

h1, .h1 {margin-bottom: 1em; color:#172955;}
h2, .h2, h3  { margin: 1.0em 0 0.5em;}
h2, .h2, .display-4 {color:#333366;}
dt {margin: 1.0em 0 0;}
dd {padding: 0 0 0 1.0em;}

/*cambia el color de fuente en el menu*/
.metismenu.mod-menu .metismenu-item > a {
  text-decoration: none;
  color: white;
}

/*Focus con tabulador en el menu principal*/
.metismenu.mod-menu .metismenu-item > a:focus {
  outline-offset: 2px;
  outline: 2px solid #ced4da;
}

.descInfografia { color: #172955; }

/* modulo en debug G4 */
.g4 { display: none; }