/*eXe4.0 Estilo cREAgal 20260521, beta*/

:root {
  --light-blue-color: #007bc4;
  --dark-blue-color: #002b4a;
  --dua-eng-color: #00ed7b;
  --dua-rep-color: #d6acff;
  --dua-exp-color: #00caff;
  --height-score: 54px;
  --text-score-font: 1.8em;
  --text-score-padding: 0.1em 0.2em 0 0.1em;
  --text-color: #002b4a;
  --text-button-color: #ffffff;
  --txtnav-color: #ffffff;
  --topPag-top: 104px;
  --background-color: #ffffff;
}

/* vietnamese */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Atkinson Hyperlegible Next";
  font-style: normal;
  font-weight: 300;
  src: local("Atkinson Regular"), local("Atkinson-Regular"),
    url(fonts/AtkinsonHyperlegibleNext-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

body.exe-export::before {
  content: "";
  width: 100%;
  height: 60px;
  display: block;
  background: var(--dark-blue-color) url(img/crg-iso.png) left 38px top 2px
    no-repeat;
  background-size: contain;
}
.exe-web-site {
  padding: 0;
  color: var(--text-color);
  background: url(img/imxfondo.png);
  font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
}
.exe-content {
  background: transparent !important;
}

body.exe-web-site {
  padding: 0;
}

.exe-content a {
  color: var(--light-blue-color);
}

.exe-content a:hover,
.exe-content a:focus {
  color: #993d28;
}
body.exe-export input,
body.exe-export select,
body.exe-export textarea {
  font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
  font-size: 1em;
}
body.exe-export .pre-code,
body.exe-export .highlighted-code {
  font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
  font-size: 1em;
  border-radius: 0;
}

body#tinymce {
  font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
  line-height: 1.5em;
  font-size: 1.2em;
}
.js .exe-export .exe-content {
  min-height: 100vh;
}

.js .in-iframe .exe-content {
  min-height: 0;
}
main header:not(#head) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

.main-header,
.page > header {
  display: block !important;
}
.exe-export .package-header {
  position: relative;
  position: absolute;
  width: 100%;
  left: 10px;
  height: 80px;
  display: flex !important;
  align-items: center;
  top: -78px;
}

.exe-export .package-title {
  font-size: 2.2em;
  color: var(--dark-blue-color);
  font-weight: 600;
  line-height: 1.1em;
}

.exe-export .page-title {
  padding: 8px 8px 0px 0;
  color: var(--light-blue-color);
  font-size: 1.7em;
  font-family: "Atkinson Hyperlegible Next", Arial, Helvetica, sans-serif;
  z-index: 1;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #bfdef0;
  font-weight: bold;
  position: relative;
}

.exe-single-page .package-header h1 {
  font-size: 2.2em;
  color: var(--dark-blue-color);
  line-height: 1.2em;
  padding: 0 4px 10px 4px;
  font-weight: 600;
}

.exe-single-page .package-node {
  margin-bottom: 3.5em;
}

.exe-single-page .package-subtitle {
  top: -2.1em;
}

.exe-single-page main.page > section {
  min-height: 4em;
}

.exe-web-site .page-content,
#exe-client-search,
.exe-web-site main > header,
.exe-export .exe-content {
  max-width: 1280px;
  padding: 0 20px;
  margin: 0 auto;
}

.exe-web-site header {
  margin-top: 6px;
}

.exe-web-site .exe-content {
  max-width: none;
  padding: 0;
}

.exe-web-site main {
  padding-top: 4.5em;
}

/* siteNav */
#siteNav {
  position: sticky;
  float: left;
  width: 276px;
  margin-top: 2px;
  margin-left: 2px;
  padding-top: 66px;
  padding-left: 8px;
  background: var(--light-blue-color);
  border-radius: 16px 0 0 0;
  height: 100%;
  font-size: 1.05em;
}

.exe-web-site .exe-content {
  max-width: 1230px;
  position: relative;
}

#skipNav {
  position: absolute;
  top: -140%;
  right: 80px;
  background: var(--dark-blue-color);
  color: #ffffff;
  padding: 10px;
  z-index: 100;
  transition: top 0.3s;
}
#skipNav:focus {
  top: -60px;
}

#siteNav .other-section {
  display: none;
}

.siteNav-off #siteNav {
  display: none;
}

.siteNav-off .exe-content {
  box-shadow: none;
}

.exe-web-site main.page {
  padding: 4px 25px 75px 305px;
  background-image: linear-gradient(
    90deg,
    var(--light-blue-color) 280px,
    #ffffff 280px
  );
  background-repeat: repeat-y;
  background-position: right top;
  box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 8px;
  border-radius: 16px 16px 16px 16px;
  margin-top: 90px;
  margin-bottom: 20px;
  min-height: 500px;
}

body.siteNav-off main.page {
  padding-left: 10px;
  background: var(--txtnav-color);
}

body.siteNav-off .package-header {
  width: 98%;
}

/* Menú lateral */
#siteNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#siteNav ul ul {
  margin-top: 5px;
}

#siteNav li {
  margin: 0 0 5px 0;
  padding: 0;
  list-style: none;
}

#siteNav ul a {
  color: var(--text-button-color);
  display: block;
  padding: 8px 15px;
  font-size: 1.15em;
}

#siteNav ul ul a {
  font-size: 1em;
}

#siteNav a.active {
  background: var(--dark-blue-color);
  color: var(--text-button-color);
}

#siteNav a.highlighted-link {
  color: #d76b4a;
  background: #ededed;
}

#siteNav a.highlighted-link:focus {
  background: #fff;
}

#siteNav a:hover {
  color: var(--txtnav-color);
  background: #3f9cd2;
  border-color: #0066a5;
}

#siteNav ul ul a {
  padding-left: 25px;
}

#siteNav ul ul ul a {
  padding-left: 40px;
}

#siteNav ul ul ul ul a {
  padding-left: 55px;
}

#siteNav a:focus {
  background: var(--light-blue-color);
}
#siteNav a {
  text-decoration: none;
}

/* pagination */
.nav-buttons .nav-button,
.nav-buttons-inf .nav-button,
button.toggler {
  padding: 8px 16px;
  background: var(--light-blue-color);
  color: var(--txtnav-color);
  margin-left: 8px;
  border-radius: 8px;
  font-size: 1em;
  min-width: 100px;
  min-height: 44px;
  text-align: center;
  line-height: 1.5em;
}

.nav-buttons {
  height: 50px;
  position: absolute;
  top: 10px;
  right: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-buttons-inf {
  border-top: 1px solid #cccccc;
  margin-top: 20px;
  height: 50px;
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav-buttons span.nav-button,
.nav-buttons-inf span.nav-button {
  cursor: not-allowed;
  background-color: #b7b7b7;
}

.nav-buttons .nav-button-left {
  position: absolute;
  right: 300px;
}

.nav-buttons-inf .nav-button-left {
  position: absolute;
  right: 300px;
}
.nav-buttons.nav-button-right {
  left: auto;
  right: 15px;
}
.nav-buttons .nav-button,
.nav-buttons-inf .nav-button {
  font-size: 1.2em;
}
span.nav-button-right {
  visibility: hidden;
}
span.nav-button-left {
  display: none;
}

/* Page counter */
.page-counter {
  display: none;
}
.nav-buttons .page-counter .page-counter-sep {
  margin: 0 0.1em;
}

.nav-buttons .page-counter {
  margin: 0;
  font-size: 1.2em;
  color: var(--dark-blue-color);
  padding: 0 8px;
  border-radius: 4px;
  text-align: center;
  width: 184px;
  display: block;
}
.nav-buttons-inf .page-counter .page-counter-sep {
  margin: 0 0.1em;
}
.nav-buttons-inf .page-counter {
  margin: 0;
  font-size: 1.2em;
  color: var(--dark-blue-color);
  padding: 0 8px;
  border-radius: 4px;
  text-align: center;
  width: 184px;
  display: block;
}

/*Procura */
button#searchBarTogger {
  background-position: -40px 0;
  display: none;
  background: var(--light-blue-color) url(img/search.svg) no-repeat center /
    28px;
}

.exe-search-on #searchBarTogger {
  display: inline;
}

button#siteNavToggler {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 1.2em;
  font-weight: bold;
  border-width: 1px;
}

button#searchBarTogger {
  position: absolute;
  left: 310px;
  top: 10px;
}

.nav-buttons a:hover,
.nav-buttons-inf a:hover,
.nav-buttons-inf a:focus,
.nav-buttons a:focus,
button.toggler:hover,
button.toggler:focus {
  color: var(--txtnav-color);
  background: var(--dark-blue-color);
  border-color: #0066a5;
}

.box-toggle span,
#exe-client-search-reset span,
#packageLicense .license-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.package-subtitle {
  font-size: 1em;
  color: #666;
  position: relative;
  top: 0em;
}
.exe-export input[type="button"],
input[type="submit"],
input[type="reset"] {
  padding: 8px 16px;
  background: var(--light-blue-color);
  color: var(--txtnav-color);
  border-radius: 8px;
  border-width: 0;
}
.exe-export .form-feedback-wrong {
  color: var(--dark-blue-color);
  border-width: 0;
}

.exe-export .form-feedback-correct {
  color: var(--dark-blue-color);
  border: 2px solid var(--dark-blue-color);
}

.exe-export .box {
  position: relative;
}

.box-icon img {
  display: block;
  float: left;
  margin-right: 10px;
  width: auto;
  height: 50px !important;
}

.exe-content .box-title {
  font-size: 1.3em !important;
  display: inline;
  font-weight: normal !important;
  vertical-align: top;
  color: var(--dark-blue-color);
  line-height: 1, 1em;
  letter-spacing: 0.5px;
  margin: 0px;
  padding: 2px 40px 2px 0;
}

.exe-export .box.minimized .box-head {
}

.exe-export .box.no-header.minimized .box-head {
  _border-color: transparent;
}
.exe-export .box ul,
.exe-export .box ol {
  overflow: hidden;
}

.exe-content .box .box-content {
  background: var(--background-color);
  padding: 10px;
  border-radius: 8px;
  overflow: auto;
  font-size: 1.1em;
}

.exe-export .box.no-header .box-content {
  background: none;
  padding: 10px 0;
}

/* Search bar */
#exe-client-search {
  display: none;
  margin-top: 80px;
}

#exe-client-search-text {
  max-width: 80%;
  max-width: calc(100% - 90px);
  display: inline;
}

#exe-client-search-submit {
  text-indent: -999em;
  background: var(--light-blue-color) url(img/search.svg) no-repeat center;
  background-size: 70%;
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 4px;
}

#exe-client-search-reset.visible {
  background: var(--light-blue-color) url(img/close.svg) no-repeat center;
  background-size: 70%;
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  opacity: 1;
  border-radius: 4px;
  margin-left: 2px;
}

#exe-client-search-submit:hover,
#exe-client-search-submit:focus {
  background-color: var(--dark-blue-color);
}
.page.exe-client-search-results {
  min-height: 400px;
  display: block;
}
#exe-client-search-results-list {
  position: relative;
}
#exe-client-search-results-list ul,
#exe-client-search-results-list li {
  margin: 2em 0;
  padding: 0;
  list-style: none;
}

#exe-client-search-results-list li {
  margin: 0 0 1em 0;
  font-size: 1.1em;
  color: var(--light-blue-color) !important;
}

#exe-client-search-results-list p {
  margin-top: 2em;
}

/* iDevice buttons */
.exe-content .iDevice_buttons input,
.exe-content .iDevice_buttons button {
  background: #fff;
  color: #555;
  border: 1px solid #ccc;
  padding: 4px 10px;
  border-radius: 4px;
  transition: 0.5s ease;
}

.exe-content .iDevice_buttons input:hover,
.exe-content .iDevice_buttons input:focus,
.exe-content .iDevice_buttons button:hover,
.exe-content .iDevice_buttons button:focus {
  box-shadow: 2px 2px 4px #dbdbdb;
  color: #000;
  border-color: #bbb;
}

#teacher-mode-toggler-wrapper {
  float: right;
  margin: 0 0 0 1em;
}

#teacher-mode-toggler.form-check-input:checked {
  background-color: #078e8e;
  border-color: #078e8e;
  font-size: 0.9em;
  margin-right: 0.6em;
}

label[for="teacher-mode-toggler"] {
  font-size: 1em;
  color: #777;
  position: relative;
  top: -0.2em;
}

.exe-content .btn-primary {
  background-color: var(--light-blue-color);
  border-color: #066d6d;
}

.exe-content .btn-primary:hover,
.exe-content .btn-primary:focus {
  background-color: #078e8e;
  border-color: #078e8e;
}

@media print {
  html body.exe-export {
    background: #fff;
  }

  .exe-content {
    color: #000;
    padding: 0;
  }

  @page {
    margin: 1.5cm;
  }

  #packageLicense.cc {
    background: none;
    padding-left: 0;
  }

  .exe-export .box-toggle {
    display: none;
  }

  /* Website */
  .exe-web-site #siteNav,
  .exe-web-site .nav-buttons,
  .exe-web-site button.toggler {
    display: none;
  }

  .exe-web-site main.page {
    padding-left: 0;
    padding-right: 0;
  }

  .exe-web-site main.page {
    padding-top: 1em;
  }
}

/***************/

#printNode.with-toggler {
  margin-bottom: 0;
}

#printNode a {
  display: block;
  width: 30px;
  height: 30px;
  background: #ffffff url(img/_intef_print.png) no-repeat 50% 50%;
  box-shadow: rgba(0, 0, 0, 0.3) 3px 3px 4px;
  border-radius: 15px;
}

@media print {
  #nodeDecoration,
  #header,
  #emptyHeader {
    color: #000;
    text-shadow: none;
    background: none;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 0;
  }

  #packageLicense,
  #packageLicense.cc {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
  }

  #packageLicense,
  #packageLicense a,
  #nodeTitle,
  .nodeTitle {
    color: #000;
  }

  /* Uncomment this to print URL after links:
a[href^=http]{font-weight:bold;text-decoration:none!important}
a[href^=http]:after{content:" <" attr(href) "> "}
*/
}
/*
.TrueFalseIdevice .feedback {
margin-top: 1.5em;
font-size: 1.25em;
}

.TrueFalseIdevice .feedback p{
display:inline-block;
}

.MultichoiceIdevice .feedback,
.MultiSelectIdevice .feedback,
.QuizTestIdevice .feedback,
.EleccionmultiplefpdIdevice .feedback{
font-size: 1.25em;
}

.activity-form div .iDevice_buttons p input {
background: #007BC4;
border-radius: 8px;
color: #FFFFFF;
border: 0px;
margin: 5px 5px 5px 0px;
padding: 8px 16px;
}

.activity-form div .iDevice_buttons p input:hover {
background: #3F9CD2;
}

.activity-form div input,
.activity-form div select {
border-radius: 4px;
border: 1px solid #007BC4;
margin: 2px 0px;
}

.activity-form div div[id^='clozeScore']:not(:empty) {
background: #BFDEF0;
width: 100%;
border-radius: 8px;
padding: 16px 16px;
font-weight: bold;
display: flex;
gap: 8px;
font-size: 1.25em;
}

.activity-form div div[id^='clozeScore']:not(:empty)::before {
content: "";
width: 22px;
height: 22px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
font-weight: bold;
display: inline-block;
margin-top:-4px;
}


.quiz-test-form div[id^='quizFormScore'] .feedback {
font-weight: bold;
}

.quiz-test-form div[id^='quizFormScore'] .feedback p {
display: flex;
gap: 8px;
}

.quiz-test-form div[id^='quizFormScore'] .feedback p::before {
content: "";
width: 22px;
height: 22px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
font-weight: bold;
display: inline-block;
margin-top:2px;
}



.js #main .iDevice_hint_title {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0em;
border-bottom: 1px solid #80BDE1;
}

.js #main .iDevice_hint_title a.show-hint {
background: url(img/crg.despliegue.azul.abajo.small.svg) right 10px top 50% no-repeat !important;
}

.js #main .iDevice_hint_title a.hide-hint {
background: url(img/crg.despliegue.azul.arriba.small.svg) right 10px top 50% no-repeat !important;
}

.iDevice_hint_title a {
color: #007BC4;
padding-left: 0;
width: 100%;
display: flex;
background-image: none !important;
align-items: center;
font-size: 1.25em;
}

.iDevice_hint_title a::before {
content: "";
display: inline-block;
width: 30px;
height: 30px;
background: url(img/crg.mas.svg) no-repeat;
margin-right: 12px;
margin-bottom: 8px;
}

.iDevice_answer p.right-option {
color: #007BC4;
margin-left: 1.5em;
display: flex;
line-height:1.3em;
gap: 8px;
}

.iDevice_answer p.right-option::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
}

.iDevice_answer p.wrong-option {
margin-top: 0;
margin-left: 1.5em;
display: flex;
line-height:1.3em;
gap: 8px;
}

.iDevice_answer p.wrong-option::before {
content: "";
display: inline-block;
width: 24px;
height: 24px;
background: url(img/crg.despliegue.doble.negro.svg) no-repeat;
}

.iDevice_answer-field {
width: 1.5em;
float: left;
}

.js .iDevice_answer-content,
.js .iDevice_answer-feedback {
padding-left: 1.5em;
}
*/
.exe-sortableList p[id^='exe-sortableListButton'] {
width: auto;
display: inline-block;
}

.qtip {
  background: #fff899 !important;
  border: 0px !important;
  color: #fff899 !important;
  border-radius: 8px !important;
}

.qtip-titlebar {
  background: #fff899 !important;
  font-weight: bold !important;
  border-radius: 8px !important;
  color: #333333 !important;
  font-size: 1.2em;
  padding-top: 10px !important;
}

.qtip-content {
  color: #002b4a !important;
  padding: 0px 9px;
}

.qtip-content .exe-tooltip-text p:first-of-type {
  margin-top: 0px;
}

.exe-quote-cite cite {
  font-style: normal;
  font-weight: bold;
}

.styled-qc {
}

.styled-qc::before {
  font-style: normal;
  top: 30px;
  color: #80bde1;
}

.pbl-task-info {
  width: 100%;
  display: flex;
  background: #bfdef0;
  justify-content: flex-end;
  padding: 6px 16px;
}

.pbl-task-info dt {
  margin: 0 0 0 8px;
}

.pbl-task-info dd {
  margin: 0 0 0 0 !important;
}

.js .exe-accordion {
  border-radius: 8px;
  background: #e5f2f9;
}

.fx-accordion-title {
  border-top: 1px solid #80bde1;
  background: #002b4a url(img/crg.despliegue.blanca.abajo.svg) no-repeat right
    32px top 50% !important;
}

.fx-accordion-title,
.exe-accordion h2 {
  font-size: 1.15em;
  background: unset;
  line-height: 1.2em;
  padding-right: 70px;
}

.fx-accordion-title.active {
  background-image: url(img/crg.despliegue.blanca.arriba.svg) !important;
}

.fx-accordion-content {
  _border: 1px solid #80bde1;
  line-height: 1.3em;
}

.fx-accordion-content::after {
  content: "";
  clear: both;
  display: table;
  padding-bottom: 6px;
}

.fx-accordion-section .fx-accordion-content:last-of-type {
  border-radius: 0px 0px 8px 8px;
}

.exe-tabs .fx-tabs a {
  padding: 8px 12px;
  border-radius: 8px 8px 0px 0px;
  background: #007bc4 !important;
  color: #ffffff;
  margin-right: 4px;
  position: relative;
  top: 4px;
  font-size: 1.1em;
  margin-bottom: 4px;
  min-width: 100px;
  text-align: center;
}

.exe-tabs .fx-tabs a:hover,
.exe-tabs .fx-tabs a:focus {
  text-decoration: none;
}

.fx-tabs .fx-current a {
  background: #002b4a !important;
}

.exe-tabs .fx-tab-content {
  background: #e5f2f9 !important;
  border: 1px solid #80bde1;
  border-radius: 0;
}

.exe-tabs .fx-tab-content.fx-current {
  overflow: auto;
}

.exe-paginated .fx-pagination {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.fx-pagination li {
  background: none !important;
  margin: unset;
}

.fx-pagination .fx-prev {
  margin-right: unset;
}

.fx-pagination a {
  padding: unset;
  border-radius: unset;
  background: unset;
}

.fx-pagination li:not(.fx-prev-next):not(.fx-carousel-prev-next) a {
  min-width: 48px;
  border-radius: 8px;
  background: #007bc4 !important;
  line-height: 48px;
  font-size: 1.25em;
  color: #ffffff;
  margin-top: 4px;
  text-decoration: none;
}

.fx-pagination li:not(.fx-prev-next):not(.fx-carousel-prev-next).fx-current a {
  background: #002b4a !important;
}

.fx-carousel-pagination li {
  font-size: 1em !important;
}

.fx-pagination a:hover,
.fx-pagination a:focus {
  color: unset;
  text-decoration: none;
}

.fx-prev-next a {
  width: 16px;
  height: 100%;
  position: relative;
}

.fx-prev-next a span {
  visibility: hidden;
  content: "";
}

.fx-prev-next.fx-prev a {
  background: url(img/crg.despliegue.azul.izquierda.small.svg) no-repeat 50% 50% !important;
}

.fx-prev-next.fx-next a {
  background: url(img/crg.despliegue.azul.derecha.small.svg) no-repeat 50% 50% !important;
}

.fx-pagination .fx-disabled,
.fx-pagination .fx-disabled a,
.fx-pagination .fx-disabled a:hover {
  cursor: pointer;
  text-decoration: none;
}

.fx-page-content {
  background: #e5f2f9 !important;
  border: 1px solid #80bde1;
  border-radius: unset;
}

.fx-page-content.fx-current {
  ___display: flex;
  ___flex-direction: column;
}

.fx-page-content.fx-current a {
  background: none !important;
}

.fx-carousel-pagination a {
  padding: 0px 0px;
  border-radius: 8px;
}

.fx-carousel-pagination a:hover,
.fx-carousel-pagination a:focus {
  text-decoration: none;
}

.fx-carousel-content {
  display: none;
  background: #e5f2f9 !important;
  border-radius: unset;
  border: 1px solid #80bde1;
}

.fx-carousel-content.fx-current {
  display: flex;
  flex-direction: column;
}

.fx-carousel-content.fx-current h2 {
  font-weight: bold;
}

.fx-carousel-pagination .fx-carousel-prev-next {
  top: 40px;
}

.fx-carousel-pagination .fx-carousel-prev-next a {
  background: none;
  width: 30px;
  height: 54px;
  padding: unset;
  line-height: unset;
  font-size: unset;
  border-radius: unset;
  text-align: unset;
  text-indent: unset;
}

.fx-carousel-pagination .fx-carousel-next a {
  background: url(img/crg.despliegue.azul.derecha.svg) no-repeat 50% 50% !important;
  text-indent: unset;
}

.fx-carousel-pagination .fx-carousel-next a span {
  visibility: hidden;
}

.fx-carousel-pagination .fx-carousel-prev a {
  background: url(img/crg.despliegue.azul.izquierda.svg) no-repeat 50% 50% !important;
}

.fx-carousel-pagination .fx-carousel-prev a span {
  visibility: hidden;
}

.fx-timeline-container a.fx-timeline-expand {
  background: #007bc4 !important;
  border-radius: 8px;
  font-size: 1.25em;
  padding: 8px 16px;
  text-decoration: none !important;
}

.fx-timeline-major h2 {
  font-size: 1.25em !important;
  margin: 0;
  display: flex;
}

.fx-timeline-major h2 span {
  border-radius: 8px;
  background: #002b4a;
  width: 100%;
}

.fx-timeline-major h2::before {
  display: flex;
  align-items: center;
}

.fx-timeline-major h2 a {
  background: none !important;
  border-radius: unset;
  color: #ffffff;
  line-height: 2em;
}

div.fx-timeline-minor {
  width: 100%;
}

.fx-timeline-minor h3 {
  line-height: 1.5em !important;
  white-space: normal !important;
}

.fx-timeline-minor h3::before {
  content: "";
  margin: 0 9px 0 0px;
}

.fx-timeline-minor h3 a {
  color: #007bc4 !important;
  font-size: 0.8em !important;
  font-weight: 700;
  border-bottom: 1px solid #80bde1;
  width: calc(100% - 20px);
  display: inline-block;
  background: url(img/crg.despliegue.azul.abajo.small.svg) no-repeat right 24px
    top 50%;
  overflow-wrap: break-word;
  padding-right: 80px !important;
}

.fx-timeline-major h2 a:hover,
.fx-timeline-major h2 a:focus,
.fx-timeline-minor h3 a:hover,
.fx-timeline-minor h3 a:focus {
  text-decoration: none;
}

.fx-timeline-minor h3 a.open {
  border-bottom: none;
  background-image: url(img/crg.despliegue.azul.arriba.small.svg);
}

.fx-timeline-event {
  width: 90%;
  border: 1px solid #80bde1;
  background: #e5f2f9;
  margin-left: 32px;
  padding: 10px 16px;
}

.fx-timeline-event h4 {
  color: #002b4a;
  font-size: 2em !important;
  font-weight: bold !important;
  margin: 20px 0px;
}

.fx-timeline-event p {
  width: 100%;
}

div.pp_default .pp_top .pp_left {
  background: none;
}

div.pp_default .pp_top .pp_middle {
  background: none;
}

div.pp_default .pp_top .pp_right {
  background: none;
}

div.pp_default .pp_content_container .pp_left {
  background: none;
  padding-left: unset;
}

div.pp_default .pp_content_container .pp_right {
  background: none;
  padding-right: unset;
}

div.pp_default .pp_next:hover {
  background: none;
  cursor: pointer;
}

div.pp_default .pp_description {
  margin-left: 5px !important;
}

div.pp_default .pp_description[style^="display: none;"] {
  display: block !important;
  visibility: hidden;
  min-height: 16px;
}

div.pp_default .pp_close {
  width: 24px;
  height: 24px;
  background: url(img/crg.cerrar.popup.svg) no-repeat;
}

div.pp_default .pp_bottom .pp_left {
  background: none;
}

div.pp_default .pp_bottom .pp_middle {
  background: none;
}

div.pp_default .pp_bottom .pp_right {
  background: none;
}

a.pp_close {
  right: 10px;
  top: 0px;
}

div.pp_default .pp_content {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 4px 25px #002b4a4d;
  padding: 20px 5px 5px 5px;
}

div.pp_default #pp_full_res .pp_inline {
  color: #002b4a;
}

div.pp_default .pp_details {
  position: absolute;
  bottom: 2px;
}

div.pp_overlay {
  background: #e5f2f9;
}

#pp_full_res .pp_inline {
  padding: 0 24px;
}

#pp_full_res .pp_inline p {
  padding: 0;
}

#pp_full_res .pp_title {
  color: unset;
  font-size: 1em !important;
  font-weight: bold;
  padding: 0.25em 0 0.25em 0;
}

#start-activity a {
  padding: 8px 16px !important;
  background: #007bc4 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: unset !important;
  text-decoration: none !important;
  font-size: 1.25em;
}

#start-activity a:hover {
  background: #3f9cd2 !important;
}

@media screen and (min-width: 100px) {
  #activity {
    border: none !important;
    box-shadow: unset !important;
  }
}

#slide.matchElements .random-a {
  color: #002b4a !important;
  background: #e5f2f9 !important;
  border: 1px solid #bfdef0 !important;
  border-radius: 4px !important;
}

#slide.matchElements .random-b {
  color: #002b4a !important;
  border: 1px solid #007bc4 !important;
  border-radius: 4px !important;
}

#slide .actions input {
  padding: 8px 16px !important;
  background: #007bc4 !important;
  color: #ffffff !important;
  border-radius: 8px !important;
  font-weight: unset !important;
  font-size: 1.25em !important;
}

#activity-results-toggler a {
  border-radius: unset !important;
  color: #007bc4 !important;
  font-weight: bold !important;
  background: url(img/crg.despliegue.azul.abajo.small.svg) no-repeat right 50% !important;
  border: unset !important;
  display: flex !important;
  padding: 0.5em 0em !important;
  width: 100% !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 1.25em;
}

#activity-results-toggler a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(img/crg.mas.svg) no-repeat;
}

#activity-results-toggler .hide {
  background-image: url(img/crg.despliegue.azul.arriba.small.svg) !important;
}

#activity-results-toggler {
  font-size: 1em !important;
}

#activity-results table {
  font-size: 1.25em !important;
  border: 1px solid #80bde1 !important;
  background: #e5f2f9 !important;
}

#activity-results th {
  font-size: 1em !important;
  font-weight: bold !important;
  color: #002b4a !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid #002b4a !important;
}

#activity-results #resultsSummary {
  font-size: unset !important;
  font-weight: unset !important;
  color: unset !important;
  padding: unset !important;
  border-bottom: unset !important;
}

#activity-results #resultsSummaryTH {
  font-size: 1em !important;
  font-weight: bold !important;
  border-top: 1px solid #002b4a !important;
  border-bottom: none !important;
  padding-left: 30px !important;
  background: url(img/crg.despliegue.doble.negro.svg) left 8px top 50% no-repeat !important;
}

#activity-results #resultsSummary {
  font-size: 1em !important;
  font-weight: bold !important;
  color: #002b4a !important;
  border-top: 1px solid #002b4a !important;
}

#activity-results #resultsSummaryTH em {
  color: #002b4a !important;
  font-size: 1em !important;
}

#activity-results td {
  border-bottom: unset !important;
  color: #002b4a !important;
}

#activity-results td.order {
  font-weight: bold !important;
}

tr.even td {
  background: #bfdef0 !important;
}

.exe-sortableList-options {
  margin: 0.5em 0 !important;
}

.exe-sortableList-options li {
  font-size: 1.1em;
  background: #e5f2f9 !important;
  color: #002b4a !important;
  border: 1px solid #007bc4 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 4px 80px 2px 8px !important;
  overflow-wrap: break-word;
}

.exe-sortableList .first .up,
.exe-sortableList-options .last .down {
  pointer-events: none !important;
  visibility: unset !important;
}

.exe-sortableList .first .up {
  background-image: url(img/crg.flecha.abajo.desmarcada.svg) !important;
}

.exe-sortableList-options .last .down {
  background-image: url(img/crg.flecha.abajo.desmarcada.svg) !important;
}

.exe-sortableList li a {
  background: url(img/crg.flecha.arriba.marcada.svg) no-repeat 0 0 !important;
}

.exe-sortableList li .down {
  background-image: url(img/crg.flecha.abajo.marcada.svg) !important;
  right: 13px;
}

.no-nav #main-wrapper #nodeDecoration #nodeTitle {
  left: 160px;
}

.exe-download-package-instructions .exe-table caption {
  font-size: 1em;
}

.exe-table td,
.exe-table th {
  border-color: #80bde1;
  line-height: 1.25em;
}

.exe-table a {
  color: #002b4a;
  text-decoration: underline;
}

.exe-table tbody tr:nth-child(2n-1) th {
  background-color: #bfdef0;
}

.exe-table tbody tr:nth-child(2n-1) td {
  background-color: #e5f2f9;
}

.exe-table tbody tr:nth-child(2n) th {
  background-color: #e5f2f9;
}

.exe-table tbody tr:nth-child(2n) td {
  background-color: #ffffff;
}

.exe-download-package-link a {
  background-color: #007bc4 !important;
  border-radius: 8px;
  padding: 8px 16px;
  color: #ffffff !important;
  font-size: 1.25em;
  text-decoration: none !important;
}

.exe-download-package-link a:hover {
  background-color: #3f9cd2;
}

.FileAttachIdeviceInc .exeFileList {
  margin-top: 20px;
}

.FileAttachIdeviceInc .exeFileList li {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.FileAttachIdeviceInc .exeFileList li::before {
  content: url("icons/crg.despliegue.doble.negro.svg");
  margin-right: 10px;
}

.FileAttachIdeviceInc .exeFileList li a {
  margin-left: 2px;
  text-decoration: underline;
}

.FileAttachIdeviceInc .exeFileList li a span {
  text-decoration: none;
  display: inline-block;
  margin-bottom: 4px;
  margin-left: 6px;
}
.scrambled-list
.GalleryIdevice .exeImageGallery {
  display: flex;
  justify-content: center;
}

.RubricIdevice caption {
  font-size: 1em !important;
}

.RubricIdevice .exe-table td,
.RubricIdevice .exe-table th {
  border-color: #80bde1;
}

.RubricIdevice .exe-table td span,
.RubricIdevice .exe-table th span {
  opacity: 1;
}
.rubric #exe-rubrics-header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35em 0.6em;
}
.rubric #exe-rubrics-header input[data-rubric-field="name"] {
  width: 380px;
}
.emphasis1 .exe-fx .fx-C2 a {
  background: unset;
}

.exe-scorm {
  padding: 0;
  overflow-x: hidden;
}

.udlContentFormBlockButtonTxtOptions .pos-1 {
  content: url(img/Personaxe1-small.png) !important;
}

.udlContentFormBlockButtonTxtOptions .pos-2 {
  content: url(img/Personaxe2-small.png) !important;
}

.udlContentFormBlockButtonTxtOptions .pos-3 {
  content: url(img/Personaxe3-small.png) !important;
}

.udlContentFormBlockButtonTxtOptions .pos-4 {
  content: url(img/Personaxe4-small.png) !important;
}

.udlContentFormBlockButtonTxtOptions label:nth-child(n + 2) {
  font-size: 0px !important;
}

.udlContentFormBlockButtonTxtOptions label:nth-of-type(2)::after {
  content: "\A   (Arela)";
  white-space: pre;
  font-size: 1.1em !important;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(3)::after {
  content: "\A   (Bado)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(4)::after {
  content: "\A   (Cheda)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions label:nth-of-type(5)::after {
  content: "\A   (Louzada)";
  white-space: pre;
  font-size: 1.1em;
}
.udlContentFormBlockButtonTxtOptions img {
  margin-left: 60px !important;
  margin-top: -20px !important;
  width: 90px !important;
  height: auto !important;
}
.udlContentFormBlockButtonTxtOptions img {
  content: attr(title) "";
}

/* ------------------ DUA -------------------------- */

.exe-udlContent:has(.exe-udlContent-content-nav) {
  padding-bottom: 20px;
}
.exe-udlContent .exe-udlContent-content-nav {
  margin-top: 0px !important;
  height: 54px !important;
  bottom: -20px !important;
}
.exe-udlContent-alt-lnk {
  width: 50px !important;
  height: 54px !important;
}

.exe-udlContent .exe-udlContent-alt-lnk-simplified {
  background: url("img/button_C25.svg") no-repeat 0 0 !important;
}

.exe-udlContent .exe-udlContent-alt-lnk-audio {
  background: url(img/button_C24.svg) no-repeat 0 0 !important;
}

.exe-udlContent .exe-udlContent-alt-lnk-visual {
  background: url(img/button_C23.svg) no-repeat 0 0 !important;
}

@media screen and (min-width: 1px) {
  .exe-udlContent .exe-udlContent-alt-lnk-close {
    background-image: url(img/crg.x.svg) !important;
    background-size: unset;
  }
  .exe-udlContent .udl-character-1::before {
    content: " ";
    float: left;
    display: block;
    height: 125px;
    width: 125px;
    background: url(img/Personaxe1-small.png) no-repeat 0 0 !important;
    background-size: 125px auto;
    border-radius: 10px;
  }
  .exe-udlContent .udl-character-2::before {
    background-image: url(img/Personaxe2-small.png) !important;
  }
  .exe-udlContent .udl-character-3::before {
    background-image: url(img/img/Personaxe3-small.png) !important;
  }
  .exe-udlContent .udl-character-4::before {
    background-image: url(img/img/Personaxe4-small.png) !important;
  }
}

.exe-udlContent-alt-bottom .exe-udlContent-content-nav {
  height: 48px;
}

.exe-udlContent-alt-bottom .exe-udlContent-content-nav li {
  height: 48px;
}

.exe-udlContent-content-block p .exe-dialog-link {
  color: #007bc4;
  text-decoration: underline;
}

.exe-udlContent-content-block p .exe-tooltip {
  color: #002b4a;
  text-decoration: underline;
  border-bottom: none;
}

.exe-udlContent .exe-udlContent-content-simplified {
  background-color: #e5f2f9;
  border: 1px solid #80bde1 !important;
  padding: 16px;
  font-size: 1em;
  line-height: 1.5em;
}

.exe-udlContent
  .exe-udlContent-content-simplified
  .exe-udlContent-alt-content-title {
  font-size: 1.2em;
  border-bottom: 1px solid #80bde1;
}

.exe-udlContent
  .exe-udlContent-content-simplified
  .exe-udlContent-alt-content-title
  h2 {
  margin: 16px 0px;
  color: #002b4a;
}

.exe-udlContent .exe-udlContent-content-visual {
  background-color: #e5f2f9;
  border: 1px solid #80bde1 !important;
  padding: 16px;
}

.exe-udlContent
  .exe-udlContent-content-visual
  .exe-udlContent-alt-content-title {
  font-size: 1.2em;
  border-bottom: 1px solid #80bde1;
}

.exe-udlContent
  .exe-udlContent-content-visual
  .exe-udlContent-alt-content-title
  h2 {
  margin: 16px 0px;
  color: #002b4a;
}

.exe-udlContent .exe-udlContent-content-audio {
  background-color: #e5f2f9;
  border: 1px solid #80bde1 !important;
  padding: 16px;
}

.exe-udlContent
  .exe-udlContent-content-audio
  .exe-udlContent-alt-content-title {
  font-size: 1.2em;
  border-bottom: 1px solid #80bde1;
}

.exe-udlContent
  .exe-udlContent-content-audio
  .exe-udlContent-alt-content-title
  h2 {
  margin: 16px 0px;
  color: #002b4a;
}

.exe-udlContent-engagement .udl-btn,
.exe-udlContent-representation .udl-btn,
.exe-udlContent-expression .udl-btn {
  border-radius: 8px;
  color: var(--dark-blue-color) !important;
  text-decoration: none !important;
  display: inline-block;
}

.exe-udlContent-engagement .udl-btn {
  background-color: var(--dua-eng-color) !important;
}

.exe-udlContent-representation .udl-btn {
  background-color: var(--dua-rep-color) !important;
}

.exe-udlContent-expression .udl-btn {
  background-color: var(--dua-exp-color) !important;
}

.udl-character span {
  font-size: 0.9em;
  color: var(--dark-blue-color);
  font-weight: 600;
  opacity: unset !important;
  transition: unset !important;
}

.exe-udlContent .udl-character::before {
  content: " ";
  float: left;
  display: block;
  height: 125px;
  width: 125px;
  background: url(Personaxe1-small.png) no-repeat 0 0 !important;
  background-size: 125px auto;
  border-radius: 10px;
}
.exe-udlContent .udl-character-2::before {
  background-image: url(Personaxe2-small.png) !important;
}
.exe-udlContent .udl-character-3::before {
  background-image: url(Personaxe3-small.png) !important;
}
.exe-udlContent .udl-character-4::before {
  background-image: url(Personaxe4-small.png) !important;
}
.exe-udlContent-content li {
  line-height: 1.6em;
}

.exe-udlContent-content table {
  font-size: 1em;
}

.exe-udlContent-content table th {
  font-size: 1.1em;
}

/* Box */

.exe-content .box {
  margin: 10px 0;
  border: none;
  background-color: #fff;
}

.exe-content .box {
  margin: 20px 0;
  line-height: 1.6em;
}

.exe-content .box-head {
  border-bottom: 3px solid #cccccc;
}
.exe-content .no-header .box-head {
  border-bottom: 3px solid #cccccc;
}
.exe-export .box-head {
  position: relative;
  height: 48px;
  line-height: 2em;
  display: flex;
  align-items: end;
}

.exe-content .box header {
  min-height: 60px;
}

.exe-content .box-title {
  color: var(--dark-blue-color);
}

.exe-content .box-head .exe-icon {
  float: left;
}
/* Box toggler */
.exe-export .box-toggle {
  width: 40px;
  height: 40px;
  background: url(img/icons.png) no-repeat -200px 0;
  border: 0;
  position: absolute;
  top: 6px;
  right: 0;
  opacity: 1;
  background-position: center;
}

border-color: var(--dua-exp-color);
.exe-export .box-head:hover .box-toggle,
.exe-export .box-toggle:focus {
  opacity: 1;
}

.exe-export .no-header .box-toggle {
  _top: -10px;
}

.exe-export .box .box-toggle {
}

.exe-export .minimized .box-toggle {
  transform: rotate(180deg);
}

.exe-export article:has(.idevice_node.download-source-file) .box-head {
  border-color: var(--dua-eng-color);
}
.exe-export article:has(.idevice_node.download-source-file) .box-toggle {
  background-image: url(img/crg.despliegue.verde.arriba.svg);
}

.exe-content article:has(.idevice_node.text) .box-head,
.exe-content article:has(.idevice_node.trueorfalse) .box-head,
.exe-content article:has(.idevice_node.relate) .box-head,
.exe-content article:has(.idevice_node.complete) .box-head,
.exe-content article:has(.idevice_node.form) .box-head ,
.exe-content article:has(.idevice_node.scrambled-list) .box-head {
  border-color: var(--dua-exp-color);
}
.exe-export article:has(.idevice_node.text) .box-toggle,
.exe-export article:has(.idevice_node.trueorfalse) .box-toggle,
.exe-export article:has(.idevice_node.relate) .box-toggle,
.exe-export article:has(.idevice_node.complete) .box-toggle,
.exe-export article:has(.idevice_node.scrambled-list) .box-toggle,
.exe-export article:has(.idevice_node.form) .box-toggle {
  background-image: url(img/crg.despliegue.malva.arriba.svg);
}

.exe-content
  article:has(.udl-content .exe-udlContent-engagement:first-child)
  .box-head {
  border-color: var(--dua-eng-color);
}
.exe-content
  article:has(.udl-content .exe-udlContent-representation:first-child)
  .box-head {
  border-color: var(--dua-rep-color);
}
.exe-content
  article:has(.udl-content .exe-udlContent-expression:first-child)
  .box-head {
  border-color: var(--dua-exp-color);
}

.exe-export
  article:has(.udl-content > .exe-udlContent-engagement:first-child)
  .box-toggle {
  background-image: url(img/crg.despliegue.verde.arriba.svg);
}

.exe-export
  article:has(.udl-content > .exe-udlContent-representation:first-child)
  .box-toggle {
  background-image: url(img/crg.despliegue.malva.arriba.svg);
}

.exe-export
  article:has(.udl-content > .exe-udlContent-expression:first-child)
  .box-toggle {
  background-image: url(img/crg.despliegue.azul2.arriba.svg);
}

.exe-content .box:has(.box-icon img[src*="_eng_"]) .box-head {
  border-color: var(--dua-eng-color);
}
.exe-content .box:has(.box-icon img[src*="_rep_"]) .box-head {
  border-color: var(--dua-rep-color);
}
.exe-content .box:has(.box-icon img[src*="_exp_"]) .box-head {
  border-color: var(--dua-exp-color);
}

.exe-export .box:has(.box-icon img[src*="_eng_"]) .box-head .box-toggle {
  background-image: url(img/crg.despliegue.verde.arriba.svg);
}
.exe-export .box:has(.box-icon img[src*="_rep_"]) .box-head .box-toggle {
  background-image: url(img/crg.despliegue.malva.arriba.svg);
}
.exe-export .box:has(.box-icon img[src*="_exp_"]) .box-head .box-toggle {
  background-image: url(img/crg.despliegue.azul2.arriba.svg);
}

/* ----------- END DUA ----------------------------- */

@media screen and (min-width: 1px) {
  .exe-udlContent .udl-character:hover span,
  .exe-udlContent .udl-character:focus span {
    font-size: 1em !important;
  }
}

@media all and (max-width: 768px) {
  .exe-scorm #outer {
    width: 100%;
    border: none;
    margin: 0;
  }
}

@media print {
  .exe-udlContent-block-toggler .udl-character::before {
    display: block !important;
  }
  .udl-character-img {
    width: 125px;
    left: auto !important;
    top: auto !important;
    clip: inherit !important;
  }
}

/***************/

.exe-export .page-header {
  position: relative;
  margin-top: 60px;
}
.exe-export .longHeader .page-header {
  margin-top: 100px;
}
.exe-export .page-header h2 {
}

.exe-export .page-header[class*="nodeSection-"] {
  min-height: 320px;
  background-position: left bottom;
  _margin-top: 100px;
  _border: 2px solid transparent;
  background-repeat: no-repeat;
  _border: 2px solid transparent;
}

.exe-export .page-header[class*="nodeSubSection-"] {
  min-height: 150px;
  margin-bottom: 0px;
  background-position: left bottom;
  background-size: 340px;
  border: 2px solid transparent;
  background-repeat: no-repeat;
}

.exe-export .box .box-content {
  background-color: var(--background-color);
}

.exe-export .page-header.nodeSection-1 {
  background-image: url("img/fondoFase_1.jpg");
}

.exe-export .page-header.nodeSubSection-1 {
  background-image: url("img/regleta_FASE_1.png");
}

.exe-export .page-header.nodeSection-2 {
  background-image: url("img/fondoFase_2.jpg");
}

.exe-export .page-header.nodeSubSection-2 {
  background-image: url("img/regleta_FASE_2.png");
}

.exe-export .page-header.nodeSection-3 {
  background-image: url("img/fondoFase_3.jpg");
}

.exe-export .page-header.nodeSubSection-3 {
  background-image: url("img/regleta_FASE_3.png");
}

.exe-export .page-header.nodeSection-4 {
  background-image: url("img/fondoFase_4.jpg");
}

.exe-export .page-header.nodeSubSection-4 {
  background-image: url("img/regleta_FASE_4.png");
}

.exe-export .page-header.nodeSection-5 {
  background-image: url("img/fondoFase_5.jpg");
}

.exe-export .page-header.nodeSubSection-5 {
  background-image: url("img/regleta_FASE_5.png");
}

/* Site footer */
#siteFooter {
  position: relative;
  min-height: 50px;
  display: block;
  text-align: left;
  font-size: 1em;
  margin: 0 0 235px 0;
  max-width: 99%;
  margin: 0 auto;
  background: var(--dark-blue-color);
  box-shadow: rgba(0, 0, 0, 0.4) 3px 3px 4px;
}
#siteFooter a {
  color: #ffffff;
  line-height: 1em;
  text-decoration: underline;
}
#siteFooter #packageLicense p {
  margin-top: 0;
}
/* Licenses */
#packageLicense {
  color: #ffffff;
  text-align: left;
  font-size: 1em;
  line-height: 1.1em;
  padding: 1em;
  margin-bottom: 1em;
  margin-left: 20px;
}
#packageLicense p {
  margin: 0;
}
#packageLicense .license-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
#packageLicense a {
  color: #ffffff;
  text-transform: capitalize;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  line-height: 15px;
}
#packageLicense a:hover,
#packageLicense a:focus {
  text-decoration: none;
  color: #ffffff;
}
#packageLicense.propietary {
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  height: 0;
}
#packageLicense.cc {
  padding: 0 20px 0 100px;
  background: url(img/licenses.gif) no-repeat 0 0;
}
#packageLicense.cc-by-sa {
  background-position: 0 -100px;
}
#packageLicensea.cc-by-nd {
  background-position: 0 -200px;
}
#packageLicense.cc-by-nc {
  background-position: 0 -300px;
}
#packageLicense.cc-by-nc-sa {
  background-position: 0 -400px;
}
#packageLicense.cc-by-nc-nd {
  background-position: 0 -500px;
}
#packageLicense.cc-0 {
  background-position: 0 -600px;
}
#siteFooter {
  padding: 16px 10px 0 20px;
}
#siteFooterContent {
  margin: 0 auto;
  padding: 4px;
  border-radius: 4px;
}
/* -------------- XOGOS --------------------- */

.exeQuextIcons-Hit,
.exeQuextIcons34-Hit,
.IDFPIcons-Hit {
  content: url("img/crg.aciertos.svg");
  background: none !important;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr
  td
  .MTHO-right,
.MQP-MainContainer .exeQuextIcons-Hit {
  background-image: url("img/crg.aciertos.tabla.svg") !important;
}

.exeQuextIcons-Error,
.IDFPIcons-Error {
  content: url("img/crg.erros.svg") !important;
  background-image: none !important;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr
  td
  .MTHO-wrong {
  content: url("img/crg.erros.tabla.svg");
  background-image: none;
  width: 24px;
  height: 24px;
  margin: 0 10%;
}

.exeQuextIcons-Score,
.IDFPIcons-Score,
.MQP-MainContainer .exeQuextIcons-Score {
  content: url("img/crg.puntuacion.svg");
  background-image: none !important;
}

.exeQuextIcons-Number {
  content: url("img/crg.triangulo.derecha.svg");
  background-image: none;
}

.exeQuextIcons-Time,
.exeQuextIcons34-Time {
  content: url("img/crg.tempo.svg");
  background-image: none;
}

.IDFPIcons-Life {
  content: url("img/crg.vidas.svg");
  background-image: none;
}

.IDFPIcons-PointsClue {
  content: url("img/crg.puntos.pista.svg");
  background-image: none;
}

.exeQuextIcons-FullScreen,
.exeQuextIcons-FSGame,
.IDFPIcons-FullScreen {
  content: url("img/crg.actividad.pantalla.completa.svg");
  background-image: none;
}

div:-webkit-full-screen .exeQuextIcons-FullScreen,
div:fullscreen .exeQuextIcons-FullScreen,
div:-moz-full-screen .exeQuextIcons-FullScreen {
  content: url("img/crg.actividad.pantalla.completa.min.svg") !important;
  background-image: none;
}

.exeQuextIcons-Minimize,
.exeQuextIcons-MZGame,
.IDFPIcons-Minimize,
.desafio-TimeNumber .exeQuextIcons34-Minimize,
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-LinkMinimize,
.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar .exeQuextIcons-MZGame {
  content: url("img/crg.actividad.pantalla.minimizar.min.svg");
  background-image: none;
}

.exeQuextIcons-Submit,
.gameQP-DivReply .exeQuextIcons-Submit,
.IDFP-DivSubmit [id^="idfSubmit"] .exeQuextIcons-Submit,
.MTHP-DivReply [id^="mathBtnReply"] .exeQuextIcons-Submit,
.rosco-DivReply [id^="roscoBtnReply"] .exeQuextIcons-Submit,
.trivial-BottonContainerDiv .trivial-AnswersDiv a .exeQuextIcons-Submit {
  content: url("img/crg.actividad.checkmark.blanco.svg");
  width: 64px;
  height: 48px;
  padding: 0px 16px;
  background: #007bc4;
  background-image: none;
  border-radius: 8px;
}

.exeQuextIcons-MoveOne,
.gameQP-DivReply .exeQuextIcons-MoveOne,
.IDFP-DivSubmit [id^="idfBtnMoveOn"] .exeQuextIcons-MoveOne,
.MTHP-DivReply [id^="mthpBtnMoveOn"] .exeQuextIcons-MoveOne,
.rosco-DivReply [id^="roscoBtnMoveOn"] .exeQuextIcons-MoveOne {
  content: url("img/crg.x.svg") !important;
  width: 48px;
  height: 48px;
  background: #e5f2f9;
  background-image: none;
  padding: 12px 12px;
  border: 1px solid #007bc4;
  border-radius: 8px;
}

.desafio-LinkDesafio {
  width: auto;
  height: auto;
  content: url("img/crg.desafio.svg");
  background-image: none;
}

.MQP-MainContainer
  .MQP-GameContainer
  .MQP-Multimedia
  .MQP-Point[style^='display: block; background-image: url("mapam60.svg");'],
.SPP-MainContainer
  .SPP-GameContainer
  .SPP-Multimedia
  .SPP-Words
  .Sopa-Li
  .SPP-LinkImage
  .SopaIcons {
  content: url("img/crg.icono.lupa.svg");
  background-image: none !important;
  width: auto;
  height: auto;
}

.desafio-DateDiv .desafio-LinkReboot,
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-LinkReboot {
  content: url("img/crg.reiniciar.svg");
  background: none;
}

.IDFP-MainContainer
  .IDFP-GameContainer
  .IDFP-Multimedia
  .IDFP-LinkClue
  .IDFP-Clue {
  content: url("img/crg.pista.svg");
}

.IDFP-MainContainer
  .IDFP-GameContainer
  .IDFP-Multimedia
  .IDFP-LinkClue.IDFP-ActivoClue
  .IDFP-Clue {
  content: url("img/crg.pista.usada.svg");
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue::before {
  content: url("img/crg.pista.ojo.svg");
  top: 5px;
  position: relative;
  margin-right: 8px;
}

.rosco-LinkTypeGame .exeQuextIcons-RoscoCanvas {
  content: url("img/crg.ocultar.rosco.svg");
  background-image: none;
}

.rosco-LinkTypeGame .exeQuextIcons-RoscoRows {
  content: url("img/crg.mostrar.rosco.svg");
  background-image: none;
}

.exeQuextIcons,
.IDFPIcons {
  width: auto;
  height: auto;
}

.exe-content [class$="-GameScoreBoard"] {
  background-color: #002b4a;
  border-radius: 8px;
  height: var(--height-score);
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar,
.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard {
  background-color: #002b4a;
  border-radius: 8px;
  height: var(--height-score);
}

[class$="-GameScores"] {
  padding: 16px 0px 16px 16px;
}

[class$="-TimeNumber"] {
  padding: 16px 16px 16px 0px;
}

[class$="-GameScores"] p,
[class$="-TimeNumber"] p,
.desafio-TimeNumber p,
.rosco-GameScores p,
.rosco-TimeNumber p {
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff;
  font-size: var(--text-score-font) !important;
  padding: var(--text-score-padding) !important;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-GameScores
  p,
.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  p,
.gameQP-MainContainer
  .gameQP-GameContainer[id^="seleccionaGameContainer"]
  .gameQP-GameScoreBoard
  .gameQP-GameScores
  p,
.gameQP-MainContainer
  .gameQP-GameContainer[id^="seleccionaGameContainer"]
  .gameQP-GameScoreBoard
  .gameQP-TimeNumber
  p {
  font-size: 1.875em;
  font-weight: normal !important;
}

[class*="-StartGame"] a {
  background-color: #007bc4;
  border-radius: 8px;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 1.25em;
  text-decoration: none !important;
  border: none;
}

.gameQP-StartGame a:hover,
.FLCDSP-StartNivelMemory a:hover,
.FLCDSP-GameOverExt .FLCDSP-StartGame a:hover,
.CMPT-ButtonsDiv .CMPT-ButtonsComands:hover,
.desafio-StartGameDiv .desafio-StartGame:hover,
.MTHP-StartGame a:hover,
.rosco-StartGame a:hover,
.trivial-SelectsGamers .trivial-StartGame:hover,
.SPP-MainContainer .SPP-GameContainer #sopaResolve:hover,
.DescubreQP-StartGame a:hover,
.ODNP-StartGame a:hover,
.SLCMP-StartGameEnd a:hover,
.QXTP-StartGame a:hover,
.MQP-GOScoreButtons a:hover,
.RLCP-Buttons a:hover {
  background-color: #3f9cd2;
}

.exe-content [class$="-HistGGame"] {
  content: url("img/exequextwonnew.png") !important;
  width: 60%;
  height: auto;
}

.SLCMP-GameOver .SLCMP-DataImage > img {
  display: none !important;
}

.SLCMP-GameOver .SLCMP-DataImage::before,
.ODNP-DataImage::before {
  content: url("img/exequextwonnew.png") !important;
  width: 60%;
  height: auto;
}

.gameQP-Multimedia,
.FLCDSP-Multimedia,
.desafio-Multimedia,
.MTHP-Multimedia {
  width: 75%;
}

.gameQP-DivReply .gameQP-EdReply,
.IDFP-DivSubmit [id^="idfAnswer"],
.MTHP-DivReply .MTHP-EdReply,
.rosco-DivReply .rosco-EdReply,
.CMPT-Multimedia input,
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  .operationResult
  input,
.desafio-SolutionDiv .desafio-Solution,
.candado-SolutionDiv .candado-Solution,
.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle {
  height: auto;
  font-size: 1.5em;
  border-radius: 4px;
  border: 1px solid #007bc4;
}

.MTHP-DivReply .MTHP-EdReply {
  max-width: 310px;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty),
.desafio-MainContainer .desafio-GameContainer .desafio-DateDiv,
.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"],
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"],
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary {
  color: #002b4a !important;
  background: #bfdef0;
  width: 100%;
  border-radius: 8px;
  padding: 16px 16px;
  font-weight: bold;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary {
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 1.25em;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary ul {
  width: 95%;
  margin-left: 4px;
  font-size: 0.8em;
  justify-content: space-evenly !important;
  margin-top: -2px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary ul li {
  margin-bottom: 0px !important;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty)::before,
.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-GameOverExt
  .FLCDSP-GameOver
  .FLCDSP-DataScore
  p::before,
.gameQP-MainContainer
  .gameQP-GameContainer
  .gameQP-Multimedia
  .gameQP-GameOver
  .gameQP-DataScore
  p::before,
.gameQP-MainContainer
  .gameQP-GameContainer[id^="quextGameContainer"]
  .gameQP-Multimedia
  .gameQP-GameOver
  .gameQP-DataScore
  p::before,
.gameQP-MainContainer
  .gameQP-GameContainer[id^="seleccionaGameContainer"]
  .gameQP-Multimedia
  .gameQP-GameOver
  .gameQP-DataScore
  p::before,
.gameQP-MainContainer
  .gameQP-GameContainer[id^="vquextGameContainer"]
  .gameQP-Multimedia
  .gameQP-GameOver
  .gameQP-DataScore
  p::before,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Summary::before,
.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"]::before,
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"]::before {
  content: url("img/crg.despliegue.doble.negro.svg");
}

.CMPT-Multimedia [style*="color: rgb(3, 99, 84)"],
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr.MTHO-tr-right
  td {
  background: #ccff99;
}

.CMPT-Multimedia [style*="color: rgb(102, 1, 1);"],
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr.MTHO-tr-wrong
  td {
  background: #ff9999;
}

.CQP-MainContainer,
.CQP-MainContainer .CQP-GameContainer,
.DescubreQP-MainContainer,
.DescubreQP-MainContainer .DescubreQP-GameContainer,
.RLCP-MainContainer,
.RLCP-MainContainer .RLCP-GameContainer,
.ODNP-MainContainer,
.ODNP-MainContainer .ODNP-GameContainer,
.SLCMP-MainContainer,
.SLCMP-MainContainer .SLCMP-GameContainer,
.QXTP-MainContainer,
.QXTP-MainContainer .QXTP-GameContainer {
  height: 100% !important;
}

.gameQP-MainContainer,
.gameQP-MainContainer .gameQP-GameContainer,
.gameQP-MainContainer .gameQP-GameContainer[id^="quextGameContainer"],
.gameQP-MainContainer .gameQP-GameContainer[id^="seleccionaGameContainer"],
.gameQP-MainContainer .gameQP-GameContainer[id^="vquextGameContainer"] {
  margin: 1em 0;
}

.exe-content [class$="-TimeNumber"] a {
  margin-right: 16px;
}

.DescubreQP-DataScore,
.IDFP-DataScore,
.ODNP-DataScore {
  width: 100%;
  font-size: 1.5em;
}

.DescubreQP-DataScore p,
.IDFP-DataScore p,
.ODNP-DataScore p {
  display: inline-block;
  position: relative;
  line-height: 0.5em !important;
  font-weight: normal !important;
}

.CTJP-Capture a,
.INFMP-LinksInforme a {
  background: #007bc4 !important;
  border-radius: 8px !important;
  color: #ffffff;
  border: 0px;
  margin: 5px 5px 5px 0px;
  padding: 10px 16px !important;
  font-size: 1.15em;
}

.INFMP-LinksInforme a {
  line-height: 1em;
}

.INFMP-Title,
.INFMP-GameScore {
  background-color: #002b4a !important;
}

.RLCP-MainContainer
  .RLCP-GameContainer
  .RLCP-GameScoreBoard
  .RLCP-TimeNumber
  p {
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff;
  font-size: var(--text-score-font) !important;
  padding: var(--text-score-padding) !important;
}

.candado-MainContainer .candado-GameContainer .candado-GameScoreBoard p {
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff;
  font-size: var(--text-score-font) !important;
  padding: var(--text-score-padding) !important;
  font-weight: normal;
}

.candado-MainContainer
  .candado-GameContainer
  .candado-GameScoreBoard
  .exeQuextIcons34-Time {
  content: url("img/crg.tempo.svg");
  height: 32px;
  width: 32px;
  background-image: none;
}

.candado-MainContainer
  .candado-GameContainer
  .candado-GameScoreBoard
  .exeQuextIcons34-Minimize {
  content: url("img/crg.actividad.pantalla.minimizar.min.svg");
  background-image: none;
  height: auto;
  width: auto;
}

.candado-MainContainer
  .candado-GameContainer
  .candado-SolutionDiv
  .candado-SolutionButton {
  content: url("img/crg.actividad.checkmark.blanco.svg");
  width: 64px;
  height: 48px;
  padding: 0px 16px;
  background: #007bc4;
  background-image: none;
  border-radius: 8px;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-StartNivelMemory {
  margin: 32px 0px;
}

.FLCDSP-MainContainer .FLCDSP-EText {
  line-height: 1.25em;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-Multimedia
  .FLCDSP-CardContainerMemory
  .FLCDSP-Card1Memory {
  background: unset;
  border: unset;
  border-radius: 16px;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-Multimedia
  .FLCDSP-CardContainerMemory
  .FLCDSP-Card1Memory
  .FLCDSP-CardFrontMemory {
  background: url("img/Actividad-Cartas-Memoria.png");
  background-size: contain;
  border-radius: 16px;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-Multimedia
  .FLCDSP-CardContainerMemory
  .FLCDSP-Card1Memory
  .FLCDSP-CardBackMemory {
  border: 8px solid #002b4a;
  border-radius: 16px;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-Multimedia
  .FLCDSP-CardContainerMemory
  .FLCDSP-Card1Memory
  .FLCDSP-CardBackMemory
  .FLCDSP-ImageContainMemory
  .FLCDSP-ImageMemory {
  -o-object-fit: cover;
  object-fit: cover;
  left: unset !important;
  top: unset !important;
  width: 100% !important;
  height: 100% !important;
}

.FLCDSP-MainContainer .FLCDSP-GameContainer .FLCDSP-GameOverExt {
  width: 70%;
  max-width: 500px;
  padding-bottom: 24px;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-GameOverExt
  .FLCDSP-GameOver {
  margin-bottom: 16px;
}

.FLCDSP-MainContainer
  .FLCDSP-GameContainer
  .FLCDSP-GameOverExt
  .FLCDSP-GameOver
  .FLCDSP-DataScore
  p {
  font-weight: bold;
  background: url("img/crg.despliegue.doble.negro.svg") no-repeat;
  background-position: 4px 14px;
  position: relative;
  left: 30px;
}

.CMPT-MainContainer .CMPT-GameContainer {
  max-width: 750px;
}

.CMPT-MainContainer .CMPT-GameContainer .CMPT-Message:not(:empty) {
  display: flex;
  line-height: 1.6em;
  gap: 8px;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-GameChallenges {
  padding: 16px 0px 16px 24px;
  gap: 16px;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-GameChallenges
  p {
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff;
  font-size: 1.875em;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-GameChallenges
  .desafio-LinkChallenge {
  border-radius: 8px;
  font-size: 1em;
  width: auto;
  height: 1.8em;
  padding: 2px 12px;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-GameChallenges
  .desafio-LinkChallenge::before {
  content: attr(title);
  text-transform: uppercase;
  line-height: 2em;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-TimeNumber
  .desafio-LinkMinimize {
  display: flex;
  justify-content: center;
  align-items: center;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-TimeNumber
  .desafio-LinkMinimize
  .exeQuextIcons34-Minimize {
  margin: auto;
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-Multimedia
  .desafio-Images[src] {
  content: url("Thumbnail-Actividad-Desafio.png");
  display: block;
  width: 100%;
  height: auto;
}

.desafio-MainContainer .desafio-GameContainer .desafio-Title {
  font-size: 1.25em;
  padding: 1em 0;
}

.desafio-MainContainer .desafio-GameContainer .desafio-DateDiv p {
  font-size: 1em;
}

@-moz-document url-prefix() {
  .desafio-MainContainer
    .desafio-GameContainer
    .desafio-GameScoreBoard
    .desafio-GameChallenges
    .desafio-LinkChallenge {
    color: #ffffff;
  }
}

.desafio-MainContainer
  .desafio-GameContainer
  .desafio-GameScoreBoard
  .desafio-GameChallenges
  .desafio-LinkChallenge
  .exeQuextRetos {
  display: none;
}

.desafio-LinkChallenge::before {
  line-height: 1.7em !important;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-GameScoreBoard .IDFP-GameScores {
  padding: 16px 0px 16px 24px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-GameScoreBoard .IDFP-TimeNumber {
  padding: 16px 24px 16px 0px;
}

.IDFP-MainContainer
  .IDFP-GameContainer
  .IDFP-GameScoreBoard
  .IDFP-TimeNumber
  .IDFPIcons-FullScreen {
  margin-left: 16px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue {
  padding-left: 16px;
  background-color: #007bc4;
  color: #ffffff;
  border-radius: 8px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue:hover {
  background-color: #3f9cd2;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-MessageClue {
  color: #002b4a !important;
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar p {
  color: #ffffff;
  text-shadow: 0px 0px 6px #ffffff;
  font-size: 1.875em;
  font-weight: normal;
}

.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar .exeQuextIcons-FSGame {
  height: auto;
  width: auto;
}

.MQP-MainContainer
  .MQP-GameContainer
  .MQP-Multimedia
  .MQP-Point[style^='display: block; background-image: url("mapam60.svg");'] {
  transform: translate(-50%, -50%);
}

.MQP-MainContainer a.MPQ-OptionTest {
  background-color: #007bc4 !important;
  color: #ffffff !important;
  font-size: 1.1em !important;
}

.MQP-MainContainer .exeQuextIcons-CWGame {
  background-image: url("img/crg.cerrar.popup.svg") !important;
}

.MQP-MainContainer .MQP-GameContainer .MQP-Multimedia .MQP-Detail {
  border-radius: 16px;
  box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
}

.MQP-MainContainer
  .MQP-GameContainer
  .MQP-Multimedia
  .MQP-Detail
  .MQP-LinkDetailClose {
  width: 32px;
  height: 32px;
}

.MQP-MainContainer
  .MQP-GameContainer
  .MQP-Multimedia
  .MQP-Detail
  .MQP-LinkDetailClose
  .exeQuextIcons-CWGame {
  content: url("img/crg.x.svg");
  width: 32px;
  height: 32px;
  background-image: none;
}

.MQP-MainContainer .MQP-Test {
  top: 61px !important;
  height: auto !important;
}

.MQP-MainContainer .MQP-GOScoreButtons a {
  background-color: #007bc4;
  border-radius: 8px;
  padding: 8px 8px;
  margin-left: 6px;
  color: #ffffff;
  font-size: 1.25em;
  line-height: 0.7em;
  text-decoration: none !important;
}

.MQP-MainContainer .MQP-MessageMoScoreData {
  font-size: 1.1em;
  color: #002b4a !important;
}

.MTHO-MainContainer {
  max-width: 800px !important;
}

.MTHO-MainContainer .MTHO-GameContainer {
  max-width: 800px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p,
.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-Form p label {
  display: flex;
  align-items: center;
  justify-content: center;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  label
  .operandA,
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  label
  .operation,
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  label
  .operandB {
  color: #002b4a;
  padding-top: 5px;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  .operationResult {
  display: block;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  .operationResult
  input {
  height: 100%;
  font-size: 1.5em;
  border-radius: 4px;
  border: 1px solid #007bc4;
  padding-top: 5px;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  .MTHO-Form
  p
  input[id$="submit"] {
  margin-bottom: 0;
  font-size: 1.25em;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-pagination {
  visibility: hidden;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia .MTHO-pagination a {
  visibility: hidden !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table {
  border: none;
  border-collapse: collapse;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead {
  border: none;
  color: #002b4a;
  font-weight: bold;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr {
  border-bottom: 1px solid #002b4a !important;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr th {
  border: none;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  thead
  tr
  th:first-child,
.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr
  td:first-child {
  padding-left: 32px;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr {
  background-color: #e5f2f9;
}

.MTHO-MainContainer
  .MTHO-GameContainer
  .MTHO-Multimedia
  table
  tbody
  tr:not(:last-child) {
  border-bottom: 1px solid #80bde1;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td {
  background-color: unset;
  border: none;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table tbody tr td a {
  color: #002b4a !important;
}

.MTHP-MainContainer .MTHP-GameContainer .MTHP-Flex .MTHP-ImagesHome {
  content: url("Thumbnail-Actividad-Problemas matematicas.png");
  max-width: unset;
}

.rosco-MainContainer .rosco-GameContainer {
  max-width: 485px;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  .exeQuextIcons-Time {
  display: unset !important;
  order: 1;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  .rosco-PTime {
  order: 1;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  .rosco-LinkTypeGame {
  order: 2;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  .rosco-LinkArrowMinimize,
.rosco-MainContainer
  .rosco-GameContainer
  .rosco-GameScoreBoard
  .rosco-TimeNumber
  .rosco-LinkFullScreen {
  order: 3;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters {
  margin-top: 90px;
  width: 485px;
  justify-content: center;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Letters
  .rosco-Letter[style^="background-color: rgb(88, 119, 198);"] {
  background-color: #007bc4 !important;
  color: #ffffff !important;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Letters
  .rosco-Letter[style^="background-color: rgb(249, 249, 249);"] {
  background-color: #e5f2f9 !important;
  color: #ffffff !important;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Letters
  .rosco-Letter[style^="background-color: rgb(243, 213, 90);"] {
  background-color: #fff899 !important;
  color: #002b4a !important;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Letters
  .rosco-Letter[style^="background-color: rgb(179, 9, 47);"] {
  background-color: #ff9999 !important;
  color: #002b4a !important;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Letters
  .rosco-Letter[style^="background-color: rgb(0, 163, 0);"] {
  background-color: #ccff99 !important;
  color: #002b4a !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Multimedia::before {
  padding-top: 0px;
}

.rosco-MainContainer
  .rosco-GameContainer
  .rosco-Multimedia:has(img.rosco-NoImage[style$="none;"])::before {
  padding-top: 56%;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Messages {
  display: none !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-StartGame {
  padding-bottom: 10px;
}

.rosco-MainContainer .rosco-Game .rosco-Canvas {
  width: 360px;
  height: 360px;
}

.rosco-MainContainer .rosco-ImageNeo {
  margin-top: 10px;
}

.rosco-WordsClose {
  background-color: #007bc4 !important;
}

.SPP-MainContainer,
.SPP-MainContainer .SPP-GameContainer {
  height: 100% !important;
}

.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"],
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"] {
  color: #002b4a !important;
  background: #bfdef0;
  width: 100%;
  height: 64px;
  border-radius: 8px;
  margin-top: 24px;
  padding-left: 24px;
  display: flex;
  align-items: center;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle {
  border: 2px solid #007bc4;
  border-radius: 8px;
}

@media only screen and (min-width: 600px) {
  .SPP-MainContainer
    .SPP-GameContainer
    .SPP-Multimedia
    .SPP-Puzzle
    .SPP-PuzzleSquare {
    width: 3.25em;
    height: 3.25em;
    font-size: 1.2em;
  }
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .complete {
  background-color: #ccff99;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .selected {
  background-color: #80bde1;
  color: #ffffff;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .found {
  color: #007bc4;
  font-weight: bold;
}

.SPP-MainContainer
  .SPP-GameContainer
  .SPP-Multimedia
  .SPP-Words
  .Sopa-Li
  .SPP-LinkImage
  .SopaIcons {
  background-image: none;
  content: url("img/crg.icono.lupa.sinfondo.svg");
  width: 100%;
  height: auto;
  filter: none;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li span {
  color: #002b4a;
}

.SPP-MainContainer
  .SPP-GameContainer
  .SPP-Multimedia
  .SPP-Words
  .Sopa-Li
  span:first-of-type {
  font-weight: bold;
}

.SPP-MainContainer .SPP-GameContainer #sopaResolve {
  position: relative;
  left: 25%;
  background-color: #007bc4;
  border-radius: 8px;
  padding: 8px 16px;
  color: #ffffff;
  font-size: 1.1em;
  text-decoration: none !important;
  border: none;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Cubierta {
  height: 100% !important;
}

.SPP-MainContainer
  .SPP-GameContainer
  .SPP-Cubierta
  .SPP-Detail
  .SPP-Flex
  .SPP-LinkClose
  .exeQuextIcons-CWGame {
  background-image: none;
  content: url("img/crg.x.svg");
  width: 50%;
  height: auto;
  left: 10px;
}

.trivial-MainContainer {
  max-width: 800px !important;
  width: 100% !important;
  padding: 0px !important;
}

.trivial-MainContainer .trivial-GameContainer {
  max-width: 800px;
  width: 100%;
}

div:fullscreen .trivial-Tablero {
  max-width: 95vmin !important;
  width: 95vmin !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-ImageTablero[src$="tvltv2.png"] {
  content: -url("img/Trivial2Temas.png");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-ImageTablero[src$="tvltv3.png"] {
  content: url("img/Trivial3Temas.png");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-ImageTablero[src$="tvltv4.png"] {
  content: url("img/Trivial4Temas.png");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-ImageTablero[src$="tvltv5.png"] {
  content: url("img/Trivial5Temas.png");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-ImageTablero[src$="tvltv6.png"] {
  content: url("img/Trivial6Temas.png");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-CasillaDestino {
  background-image: url("img/tlv-Trivial-Destino.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers {
  box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
  border-radius: 16px;
  width: 100%;
  height: 70%;
  padding: 24px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  p {
  font-size: 1em !important;
  color: #002b4a;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon {
  width: 32px !important;
  height: 32px !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon::before {
  content: attr(data-number);
  color: #007bc4;
  font-size: 2em;
  position: absolute;
  left: 8px;
  top: 10px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb1.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr1.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb2.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr2.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb3.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr3.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb4.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr4.png"] {
  -o-object-position: -99999px 99999px;
  object-position: -99999px 99999px;
  width: 32px;
  height: 32px;
  border: 2px solid #007bc4;
  border-radius: 4px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb1.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb2.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb3.png"],
.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcb4.png"] {
  background-color: #e5f2f9;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr1.png"] {
  background-color: #ff9999;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr2.png"] {
  background-color: #3f9cd2;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr3.png"] {
  background-color: #ccff99;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NumberGamers
  .trivial-NumberIcon
  img[src$="tvlcr4.png"] {
  background-color: #fff899;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NameGamers {
  margin-bottom: 2.5em;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NameGamers
  .trivial-JugadorData
  .trivial-FichaJugador {
  width: 32px !important;
  height: 32px !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-NameGamers
  .trivial-JugadorData
  .trivial-NameGamer {
  height: 32px !important;
  font-size: 1.25em !important;
  color: #002b4a;
  border: 1px solid #007bc4;
  border-radius: 8px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-SelectsGamers
  .trivial-StartGame {
  background-color: #007bc4;
  border-radius: 8px;
  padding: 8px 16px !important;
  color: #ffffff;
  font-size: 1em !important;
  font-weight: normal;
  text-decoration: none !important;
  width: auto;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message {
  opacity: unset;
  box-shadow: 0px 4px 25px rgba(0, 43, 74, 0.3019607843);
  border-radius: 16px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message
  .trivial-MessageImage[src$="tvlfr.png"] {
  content: url("Trivial-Ficha-JugadorRojo.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message
  .trivial-MessageImage[src$="tvlfb.png"] {
  content: url("Trivial-Ficha-JugadorAzul.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message
  .trivial-MessageImage[src$="tvlfg.png"] {
  content: url("Trivial-Ficha-JugadorVerde.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message
  .trivial-MessageImage[src$="tvlfy.png"] {
  content: url("Trivial-Ficha-JugadorAmarillo.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Message
  p {
  color: #002b4a;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivial-FondoDado {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137) !important;
  border-radius: 10px !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivial-FondoDado[style^="background-color: rgb(244, 67, 54);"] {
  background-color: #ff9999 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivial-FondoDado[style^="background-color: rgb(4, 69, 143);"] {
  background-color: #3f9cd2 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivial-FondoDado[style^="background-color: rgb(0, 175, 128);"] {
  background-color: #ccff99 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivial-FondoDado[style^="background-color: rgb(255, 206, 0);"] {
  background-color: #fff899 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Tablero
  .trivial-Dado
  .trivialClick
  .trivial-ManoDado {
  background-color: unset !important;
  background-image: none !important;
  content: url("button_C26.svg");
  width: 75%;
  height: auto;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-Dado
  .trivialClick
  .trivial-ManoDado:hover {
  content: url("button_C27.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorRojo {
  background-image: url("Trivial-Ficha-JugadorRojo.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorAzul {
  background-image: url("Trivial-Ficha-JugadorAzul.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorVerde {
  background-image: url("Trivial-Ficha-JugadorVerde.svg");
}

.trivial-MainContainer .trivial-GameContainer .trivial-JugadorAmarillo {
  background-image: url("Trivial-Ficha-JugadorAmarillo.svg");
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores {
  width: 16em !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-JugadoresMochila:first-child {
  width: 32px;
  height: 32px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Queso {
  width: 26px;
  height: 26px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Puntos {
  font-size: 1.25em !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q1 {
  border-color: #ff9999;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q1[style^="background-color: rgb(244, 67, 54)"] {
  background-color: #ff9999 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q2 {
  border-color: #ccff99;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q2[style^="background-color: rgb(148, 229, 120)"] {
  background-color: #ccff99 !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q3 {
  border-color: #66dfff;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q3[style^="background-color: rgb(158, 188, 236)"] {
  background-color: #66dfff !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q4 {
  border-color: #fff12f;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q4[style^="background-color: rgb(241, 243, 112)"] {
  background-color: #fff12f !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q5 {
  border-color: #d6acff;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q5[style^="background-color: rgb(226, 185, 238)"] {
  background-color: #d6acff !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q6 {
  border-color: #ffbf4d;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Jugadores
  .trivial-Jugador
  .trivial-Q6[style^="background-color: rgb(251, 189, 93)"] {
  background-color: #ffbf4d !important;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  [class^="trivial-M"] {
  width: 32px;
  height: 32px;
  border-radius: 4px;
  padding: 14px;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M1 {
  background-color: #ff9999;
  border-color: #ff9999;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M2 {
  background-color: #ccff99;
  border-color: #ccff99;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M3 {
  background-color: #66dfff;
  border-color: #66dfff;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M4 {
  background-color: #fff12f;
  border-color: #fff12f;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M5 {
  background-color: #d6acff;
  border-color: #d6acff;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-M6 {
  background-color: #ffbf4d;
  border-color: #ffbf4d;
}

.trivial-MainContainer
  .trivial-GameContainer
  .trivial-PanelLateral
  .trivial-Materias
  .trivial-Materia
  .trivial-MateriaNombre {
  font-size: 1em !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options {
  color: #002b4a !important;
  font-size: 1em;
  background-color: #ffffff !important;
  border: 2px solid;
  border-radius: 8px;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(179, 9, 47);"] {
  border-color: #ff9999 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(88, 119, 198);"] {
  border-color: #3f9cd2 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(0, 163, 0);"] {
  border-color: #ccff99 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(243, 213, 90);"] {
  border-color: #fff899 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="background-color: rgb(179, 9, 47); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(179, 9, 47); cursor: default; color: rgb(255, 255, 255);"] {
  border-color: #ff9999 !important;
  background-color: #ff9999 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="background-color: rgb(88, 119, 198); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(88, 119, 198); cursor: default; color: rgb(255, 255, 255);"] {
  border-color: #3f9cd2 !important;
  background-color: #3f9cd2 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="background-color: rgb(0, 163, 0); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(0, 163, 0); cursor: default; color: rgb(255, 255, 255);"] {
  border-color: #ccff99 !important;
  background-color: #ccff99 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="background-color: rgb(243, 213, 90); cursor: pointer; color: rgb(255, 255, 255);"],
.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style$="border-color: rgb(28, 27, 27); background-color: rgb(243, 213, 90); cursor: default; color: rgb(255, 255, 255);"] {
  border-color: #fff899 !important;
  background-color: #fff899 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(0, 255, 0);"] {
  background-color: #ccff99 !important;
  border-color: #ccff99 !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-OptionsDiv
  .trivial-Options[style^="border-color: rgb(217, 217, 217);"] {
  border-color: #002b4a !important;
  border-width: 2px !important;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-QuestionDiv
  .trivial-Question {
  color: #002b4a;
  font-size: 1.25em;
}

.trivial-MainContainer .trivial-GameQuestion .trivial-BottonContainerDiv {
  justify-content: center;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers {
  width: auto;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers
  .trivial-AnswersOptions {
  border: 2px solid #007bc4;
  width: 32px;
  height: 32px;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers
  .trivial-Answer1 {
  background-color: #ff9999;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers
  .trivial-Answer2 {
  background-color: #3f9cd2;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers
  .trivial-Answer3 {
  background-color: #ccff99;
}

.trivial-MainContainer
  .trivial-GameQuestion
  .trivial-BottonContainerDiv
  .trivial-AnswersDiv
  .trivial-Answers
  .trivial-Answer4 {
  background-color: #fff899;
}

.gameQP-MainContainer
  .gameQP-GameContainer[id^="quextGameContainer"]
  .gameQP-Multimedia
  img.gameQP-Cover {
  content: url("img/Thumbnail-Actividad-QuExt.png");
}

.gameQP-MainContainer
  .gameQP-GameContainer[id^="seleccionaGameContainer"]
  .gameQP-Multimedia
  img.gameQP-Cover {
  content: url("img/Thumbnail-Actividad-Selecciona.png");
}

.gameQP-MainContainer
  .gameQP-GameContainer[id^="vquextGameContainer"]
  .gameQP-Multimedia
  img.gameQP-Images {
  content: url("img/Thumbnail-Actividad-Video QuExt.png");
  width: 100% !important;
  height: auto !important;
  top: 0 !important;
  left: 0 !important;
}

/******FIN XOGOS*****/

.exe-teacher-mode-toggler .page > header .package-title,
.exe-teacher-mode-toggler.siteNav-off .page > header .package-title {
  ___width: calc(100% - 550px);
}

.exe-scorm .page .page-header .page-title,
.exe-ims .page .page-header .page-title,
.exe-epub .page .page-header .page-title {
  width: 100%;
}
a {
  text-decoration: none;
}

.exe-epub .page-title,
.exe-scorm .page-title,
.exe-ims .page-title {
  color: #282573;
}

.exe-teacher-mode-toggler .page > header .package-title,
.exe-teacher-mode-toggler.siteNav-off .page > header .package-title {
  ___width: calc(100% - 550px);
}

.exe-scorm .page .page-header .page-title,
.exe-ims .page .page-header .page-title,
.exe-epub .page .page-header .page-title {
  width: 100%;
}

.exe-scorm .page > header .package-title,
.exe-scorm .siteNav-off .page > header .package-title,
.exe-ims .page > header .package-title,
.exe-ims .siteNav-off .page > header .package-title,
.exe-epub .page > header .package-title,
.exe-epub .siteNav-off .page > header .package-title,
.exe-ims .page > header .package-title,
.exe-single-page .package-header h1 {
  width: 100%;
}

.package-subtitle {
  width: 100%;
  position: absolute;
  left: 32px;
  bottom: 0;
  font-size: 0.9em;
  color: var(--dark-blue-color);
}

.exe-web-site .package-subtitle {
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  bottom: -20px;
  position: absolute;
  top: auto;
  left: 10px;
  border-bottom: 40px;
  font-size: 1.6em;
  color: var(--dark-blue-color);
}

.siteNav-off .page > header .package-subtitle {
  left: 24px;
}

main header:not(#head) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
}

body.exe-scorm .package-title,
body.exe-ims .package-title,
body.exe-epub .package-title {
  position: absolute;
  top: 24px;
  left: 0;
  font-weight: normal;
  font-size: 0.95em;
  color: var(--dark-blue-color);
}

body:has(.package-subtitle) .exe-export .package-header {
  height: 120px;
  margin-top: -50px;
}

body:has(.package-subtitle) .exe-export .page {
  margin-top: 130px;
}

.exe-udlContent .udl-character-1::before {
  content: " ";
  float: left;
  display: block;
  height: 125px;
  width: 125px;
  background: url(img/Personaxe1-small.png) no-repeat 0 0 !important;
  background-size: 125px auto;
  border-radius: 10px;
}
.exe-udlContent .udl-character-2::before {
  background-image: url(img/Personaxe2-small.png) !important;
}
.exe-udlContent .udl-character-3::before {
  background-image: url(img/Personaxe3-small.png) !important;
}
.exe-udlContent .udl-character-4::before {
  background-image: url(img/Personaxe4-small.png) !important;
}

/* Responsive design */
@media (max-width: 750px) {
  .exe-export .package-title {
    font-size: 1.6em;
    margin-top: -0.8em;
  }
  .nav-buttons {
    position: absolute;
    margin-top: 0;
    right: 20px;
    margin: -6px;
    padding: 0;
    font-size: 0.9em;
  }
  .nav-buttons .nav-button-left {
    position: absolute;
    right: 260px;
    height: 30px;
    border: 1px solid #cccccc;
  }
  .nav-buttons .nav-button-right {
    position: absolute;
    right: 0px;
    height: 30px;
    border: 1px solid #cccccc;
  }

  .exe-web-site .nav-buttons .page-counter {
    position: absolute;
    text-align: center;
    right: 116px;
    width: 140px;
    color: var(--text-button-color);
  }
  .exe-web-site .exe-content {
    box-shadow: inset 251px 0 0 0 #f6f6f6, inset 252px 0 0 0 #f0f0f0;
  }
  .exe-web-site main.page {
    background-image: none;
    box-shadow: none;
    margin-top: 0;
  }
  .exe-export .page-header {
    margin: 0 10px 0 20px;
    padding: 10px;
  }
  .exe-web-site.siteNav-off .package-title {
    margin-top: 5.9em;
  }

  .exe-web-site.siteNav-off #siteNavToggler {
    margin-top: 3.3em;
    border: 1px solid #cccccc;
  }
  .exe-web-site.siteNav-off #searchBarTogger {
    margin-top: 4em;
    border: 1px solid #cccccc;
  }
  .exe-web-site.siteNav-off .page-header {
    margin-top: 5em;
  }
  .exe-web-site.siteNav-off .nav-buttons {
    margin-top: 4.3em;
  }
  .exe-web-site.siteNav-off .page-counter {
    color: var(--dark-blue-color);
  }
  #exe-client-search-form {
    margin-top: 100px;
  }
  .exe-web-site .box-toggle {
    margin-right: 4px;
  }
  .exe-web-site .page-content {
    padding-right: 0px;
  }
  #siteNav a {
    max-width: 235px;
  }

  button#siteNavToggler {
    left: 10px;
    border: 1px solid #cccccc;
    padding: 0 10px;
  }

  button#searchBarTogger {
    left: 282px;
  }

  .exe-web-site main.page,
  .exe-web-site #siteFooter {
    padding-left: 270px;
  }

  button#searchBarTogger {
    left: 130px;
    border: 1px solid #cccccc;
  }
  #siteNav {
    width: 99%;
    float: none;
    padding: 68px 10px 20px 10px;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 100px;
  }

  .exe-web-site .exe-content {
    box-shadow: none;
  }

  body.exe-web-site main.page {
    padding-top: 2.5em;
    padding-left: 0;
  }

  body.exe-web-site #siteFooter {
    padding-left: 0;
  }

  #siteNav a {
    max-width: 100%;
  }

  #sidebar-nav.fixed {
    position: relative;
  }

  .exe-web-site .page-counter {
    background: none;
  }

  .exe-web-site .page-counter .page-counter-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
  }
}
@media print {
  html body.exe-export {
    background: #fff;
  }
  .exe-content {
    color: #000;
    padding: 0;
  }
  @page {
    margin: 1.5cm;
  }
  .exe-export .page-title {
    text-shadow: none;
  }
  #packageLicense.cc {
    background: none;
    padding-left: 0;
  }
  .exe-export .box-toggle {
    display: none;
  }
  /* Website */
  .exe-web-site #siteNav,
  .exe-web-site .nav-buttons,
  .exe-web-site button.toggler {
    display: none;
  }
  .exe-web-site #siteFooter,
  .exe-web-site main.page {
    padding-left: 0;
    padding-right: 0;
  }
  .exe-web-site main.page {
    padding-top: 1em;
  }
}