@charset "UTF-8";
/*eXe4.0 Estilo cREAgalFases 20260724 */
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: normal;
    font-weight: 200 800;
    src: url("fonts/AtkinsonHyperlegibleNext-VariableFont_wght.woff2") format("woff2");
}
@font-face {
    font-family: "Atkinson Hyperlegible Next";
    font-style: italic;
    font-weight: 200 800;
    src: url("fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.woff2") format("woff2");
}
: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;
    --notice-background-color: #dfe8f5;
    --panel-bg-light: #e5f2f9;
    --panel-border: #80bde1;
    --table-row-alt: #bfdef0;
    --color-red-soft: #ff9999;
    --color-green-soft: #ccff99;
    --color-blue-soft: #3f9cd2;
    --color-yellow-soft: #fff899;
    --color-yellow-strong: #fff12f;
    --color-cyan-soft: #66dfff;
    --color-orange-soft: #ffbf4d;
    --shadow-color-dark: rgba(0, 0, 0, 0.4);
    --shadow-popup-color: rgba(0, 43, 74, 0.3019607843);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible {
    margin: 4px;
    outline: 3px solid var(--dark-blue-color) !important;
    outline-offset: 1px !important;
}

#siteNav a:focus-visible {
    outline: 3px solid var(--txtnav-color) !important;
    outline-offset: -3px !important;
}

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;
}

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

.exe-content a:hover,
.exe-content a:focus {
    color: #993d28;
}

.exe-content strong {
    font-weight: 600 !important;
}

.exe-content .figcaption {
    font-size: 0.8em;
    text-align: center;
    line-height: 1.1em;
}

.exe-content dd {
    margin-left: 20px;
}

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

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.056rem;
}

.js .exe-export .exe-content {
    min-height: 100vh;
}

.js .in-iframe .exe-content {
    min-height: 0;
}

a {
    text-decoration: none;
}

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: absolute;
    width: 100%;
    left: 10px;
    height: 80px;
    display: flex !important;
    align-items: center;
    top: -78px;
}

.exe-export:has(.package-subtitle) .package-header {
    height: 116px;
    margin-top: -40px;
}

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

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

.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 var(--table-row-alt);
    font-weight: bold;
    position: relative;
}

.exe-export caption {
    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;
    font-size: 1.4em;
    color: var(--dark-blue-color);
}

.exe-web-site .exe-content {
    position: relative;
}

.exe-web-site .page-content,
.exe-web-site .exe-content {
    max-width: 1230px;
    padding: 0;
    margin: 0 auto;
}

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

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

#exe-client-search {
    max-width: 1280px;
    padding: 0 20px;
    margin: 0 auto;
}

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

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

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

.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;
}

#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;
}

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

#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;
    text-decoration: none;
}

#siteNav ul a:hover,
#siteNav ul a:focus {
    color: var(--txtnav-color);
    background: #2777a6;
    border-color: #0066a5;
}

#siteNav ul ul a {
    font-size: 1em;
    padding-left: 25px;
}

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

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

#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: var(--background-color);
}

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

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

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

#skipNav:focus {
    top: 0;
}

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

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

.nav-buttons .nav-button-left {
    position: absolute;
    right: 16em;
}

.nav-buttons.nav-button-right {
    left: auto;
    right: 15px;
}

.nav-buttons .nav-button {
    font-size: 1.2em;
}

.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-inf .nav-button-left {
    position: absolute;
    right: 16em;
}

.nav-buttons-inf .nav-button {
    font-size: 1.2em;
}

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

span.nav-button-right {
    visibility: hidden;
}

span.nav-button-left {
    display: none;
}

.page-counter {
    display: none;
}

.nav-buttons .page-counter,
.nav-buttons-inf .page-counter {
    margin: 0 -12px 0 0;
    font-size: 1.1em;
    color: var(--dark-blue-color);
    padding: 0 px;
    text-align: center;
    width: 10em;
    display: block;
    text-align: center;
}

.nav-buttons .page-counter .page-counter-sep,
.nav-buttons-inf .page-counter .page-counter-sep {
    margin: 0 0.1em;
}

.nav-buttons-inf .page-counter {
    border-radius: 4px;
}

.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;
}

button#searchBarTogger {
    display: none;
    position: absolute;
    left: 310px;
    top: 10px;
    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: 0;
}

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

#exe-client-search {
    display: none;
    margin-top: 80px;
}

#exe-client-search-text {
    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 !important;
    background-size: 70%;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 4px;
}

#exe-client-search-submit:hover,
#exe-client-search-submit:focus {
    background-color: var(--dark-blue-color);
}

#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;
}

.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;
}

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

.exe-export .page-header[class*="nodeSection-"] {
    min-height: 320px;
    margin-bottom: 0px;
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-bottom: 220px;
}

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

.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");
}

.exe-content input[type="button"],
.exe-content input[type="submit"],
.exe-content input[type="reset"],
.exe-content .btn.btn-primary {
    padding: 8px 16px;
    background: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
    border-radius: 8px;
    border-width: 0;
    text-decoration: none !important;
}

.btn.btn-primary {
    font-size: 1.1em;
}

.exe-content .form-feedback-wrong {
    color: var(--dark-blue-color);
    border-width: 0;
    background-image: url(img/crg.erros.svg);
    padding: 10px 10px 10px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px;
}

.exe-content .form-feedback-correct {
    color: var(--dark-blue-color);
    border: 2px solid var(--dark-blue-color);
    background-image: url(img/crg.aciertos.tabla.svg);
    padding: 10px 10px 10px 60px;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 30px;
}

.exe-export .box {
    position: relative;
    display: flow-root;
}

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

.exe-content .box {
    margin: 20px 0;
    line-height: 1.6em;
    border: none;
    background-color: var(--background-color);
}

.exe-content .box-title {
    font-size: 1.4em !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-content .box .box-content {
    background: var(--background-color);
    padding: 16px 10px;
    border-radius: 8px;
    font-size: 1.1em;
    margin-top: 6px;
}

.exe-content .box-head {
    border-bottom: 3px solid var(--light-blue-color);
}

.exe-content .no-header .box-head {
    border-bottom: none;
}

.exe-content .box-head:has(.box-icon) {
    border-bottom: 3px solid var(--light-blue-color);
}

.exe-content .no-header:not(:has(.box-icon)) .box-toggle {
    display: none;
}

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

.exe-content .box-head .exe-icon {
    float: left;
}

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

.exe-export article .box-toggle {
    background-image: url(img/crg.despliegue.azul.arriba.svg);
}

.exe-export .box-head {
    position: relative;
    height: 48px;
    line-height: 2em;
    display: flex;
    align-items: end;
}

.exe-export .box-toggle {
    width: 40px;
    height: 40px;
    background: url(img/icons.png) no-repeat -200px 0;
    border: 0;
    position: absolute;
    top: 14px;
    right: 0;
    opacity: 1;
    background-position: center;
}

.exe-export .box-head:hover .box-toggle,
.exe-export .box-toggle:focus {
    opacity: 1;
}

.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.azul2.arriba.svg);
}

.exe-content article:has(.idevice_node.rubric) .box-head {
    border-color: var(--dua-eng-color);
}
.exe-export article:has(.idevice_node.rubric) .box-toggle {
    background-image: url(img/crg.despliegue.verde.arriba.svg);
}
.exe-content article:has(.idevice_node.file-attachment) .box-head {
    border-color: var(--dua-rep-color);
}
.exe-export article:has(.idevice_node.file-attachment) .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);
}

.pbl-task-info {
    width: 100%;
    display: flex;
    background: var(--table-row-alt);
    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;
}

.qtip {
    background: var(--color-yellow-soft) !important;
    border: 0px !important;
    color: var(--dark-blue-color) !important;
    border-radius: 8px !important;
}

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

.qtip-content {
    color: var(--dark-blue-color) !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::before {
    font-style: normal;
    top: 30px;
    color: var(--panel-border);
}

.js .exe-accordion {
    border-radius: 8px;
    background: var(--panel-bg-light);
}

.fx-accordion-title {
    border-top: 1px solid var(--panel-border);
    background: var(--dark-blue-color) url(img/crg.despliegue.blanca.abajo.svg) no-repeat right 32px top 50% !important;
}

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

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

.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: var(--light-blue-color) !important;
    color: var(--text-button-color);
    margin-right: 4px;
    position: relative;
    top: 4px;
    font-size: 1.15em;
    margin-bottom: 4px;
    min-width: 100px;
    text-align: center;
}

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

.exe-tabs .fx-tab-content {
    background: var(--panel-bg-light) !important;
    border: 1px solid var(--panel-border);
    border-radius: 0;
}

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

.fx-tabs .fx-current a {
    background: var(--dark-blue-color) !important;
}

.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 a:hover,
.fx-pagination a:focus {
    color: unset;
    text-decoration: none;
}

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

.fx-pagination li:not(.fx-prev-next):not(.fx-carousel-prev-next).fx-current a {
    background: var(--dark-blue-color) !important;
}

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

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

.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-page-content {
    background: var(--panel-bg-light) !important;
    border: 1px solid var(--panel-border);
    border-radius: unset;
}

.fx-page-content h2 {
    font-size: 1.2em;
}

.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-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-carousel-content {
    display: none;
    background: var(--panel-bg-light) !important;
    border-radius: unset;
    border: 1px solid var(--panel-border);
}

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

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

.fx-timeline-container a.fx-timeline-expand {
    background: var(--light-blue-color) !important;
    border-radius: 8px;
    font-size: 1.1rem;
    padding: 8px 16px;
    text-decoration: none !important;
}

.fx-timeline-major h2 {
    margin: 0;
    display: flex;
}

.fx-timeline-major h2 span {
    border-radius: 8px;
    background: var(--dark-blue-color);
    width: 100%;
    padding: 10px;
}

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

.fx-timeline-major h2 a {
    background: none !important;
    border-radius: unset;
    color: var(--text-button-color);
    line-height: 1.8rem !important;
    font-size: 1.3rem !important;
    text-indent: 0 !important;
}

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

.fx-timeline-minor > p {
    padding-left: 4px;
}

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

.fx-timeline-minor h3 a {
    color: var(--light-blue-color) !important;
    font-size: 1.2rem !important;
    font-weight: 700;
    border-bottom: 1px solid var(--panel-border);
    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-minor h3 a.open {
    border-bottom: none;
    background-image: url(img/crg.despliegue.azul.arriba.small.svg);
}

.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-event {
    width: 90%;
    border: 1px solid var(--panel-border);
    background: var(--panel-bg-light);
    margin-left: 32px;
    padding: 10px 16px;
}

.fx-timeline-event h4 {
    color: var(--dark-blue-color);
    font-size: 2em !important;
    font-weight: bold !important;
    margin: 20px 0px;
}

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

div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .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_content {
    background-color: var(--background-color);
    border-radius: 16px;
    box-shadow: 0px 4px 25px var(--shadow-popup-color);
    padding: 20px 5px 5px 5px;
}

div.pp_default #pp_full_res .pp_inline {
    color: var(--dark-blue-color);
}

div.pp_default .pp_details {
    position: absolute;
    bottom: 2px;
    min-height: 40px;
}

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

div.pp_overlay {
    background: var(--panel-bg-light);
}

#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: 1.1rem !important;
    font-weight: bold;
    padding: 0.25em 0 0.25em 0;
}

div.pp_default .pp_close {
    padding: 20px;
    background: #ffffff url(img/crg.cerrar.popup.svg) no-repeat center center;
    margin-right: 10px;
    margin-bottom: 16px;
    border-radius: 50%;
    border: 1px solid var(--light-blue-color);
}

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

.exe-table td,
.exe-table th {
    border-color: var(--panel-border);
    line-height: 1.25rem;
}

.exe-table a {
    color: var(--dark-blue-color);
    text-decoration: underline;
}

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

.exe-table tbody tr:nth-child(2n - 1) td {
    background-color: var(--panel-bg-light);
}

.exe-table tbody tr:nth-child(2n) th {
    background-color: var(--panel-bg-light);
}

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

.exe-download-package-link a {
    background-color: var(--light-blue-color) !important;
    border-radius: 8px;
    padding: 8px 16px;
    color: var(--text-button-color) !important;
    font-size: 1.25em;
    text-decoration: none !important;
}

.exe-download-package-link a:hover {
    background-color: var(--color-blue-soft);
}

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

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

.RubricIdevice .exe-table td,
.RubricIdevice .exe-table th {
    border-color: var(--panel-border);
}

.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;
}

#start-activity a {
    padding: 8px 16px;
    background: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
    border-radius: 8px;
    border-width: 0;
    text-decoration: none !important;
    font-size: 1.25em;
}

#start-activity a:hover {
    background: var(--color-blue-soft) !important;
}

@media screen and (min-width: 100px) {
    #activity {
        border: none !important;
        box-shadow: unset !important;
    }
}
.exe-content .udlContentFormBlockButtonTxtOptions .pos-1 {
    content: url(img/Personaxe1-small.png) !important;
}

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

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

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

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

.exe-content .udlContentFormBlockButtonTxtOptions label:nth-of-type(2)::after {
    content: "a   (Arela)";
    white-space: pre;
    font-size: 1.1em;
}

.exe-content .udlContentFormBlockButtonTxtOptions label:nth-of-type(3)::after {
    content: "a   (Bado)";
    white-space: pre;
    font-size: 1.1em;
}

.exe-content .udlContentFormBlockButtonTxtOptions label:nth-of-type(4)::after {
    content: "a   (Cheda)";
    white-space: pre;
    font-size: 1.1em;
}

.exe-content .udlContentFormBlockButtonTxtOptions label:nth-of-type(5)::after {
    content: "a   (Louzada)";
    white-space: pre;
    font-size: 1.1em;
}

.exe-content .udlContentFormBlockButtonTxtOptions img {
    margin-left: 60px !important;
    margin-top: -20px !important;
    width: 90px !important;
    height: auto !important;
    content: attr(title) "";
}

.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;
}

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

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

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

.exe-udlContent-alt-bottom .exe-udlContent-alt-content-title h2 {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.exe-udlContent-content-block p .exe-dialog-link {
    color: var(--light-blue-color);
    text-decoration: underline;
}

.exe-udlContent-content-block p .exe-tooltip {
    color: var(--dark-blue-color);
    text-decoration: underline;
    border-bottom: none;
}

.exe-udlContent-content-simplified {
    background-color: var(--panel-bg-light);
    border: 1px solid var(--panel-border) !important;
    padding: 16px;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    border-radius: 8px;
}

.exe-udlContent-content-simplified .exe-udlContent-alt-content-title {
    font-size: 1.2em;
    border-bottom: 1px solid var(--panel-border);
}

.exe-udlContent-content-simplified .exe-udlContent-alt-content-title h2 {
    margin: 16px 0px;
    color: var(--dark-blue-color);
}

.exe-udlContent-content-simplified p {
    margin: 1.1em;
}

.exe-udlContent .exe-udlContent-content-visual {
    background-color: var(--panel-bg-light);
    border: 1px solid var(--panel-border) !important;
    padding: 16px;
}

.exe-udlContent .exe-udlContent-content-visual .exe-udlContent-alt-content-title {
    font-size: 1.2em;
    border-bottom: 1px solid var(--panel-border);
}

.exe-udlContent .exe-udlContent-content-visual .exe-udlContent-alt-content-title h2 {
    margin: 16px 0px;
    color: var(--dark-blue-color);
}

.exe-udlContent-content-audio {
    background-color: var(--panel-bg-light);
    border: 1px solid var(--panel-border) !important;
    padding: 16px;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    border-radius: 8px;
}

.exe-udlContent-content-audio .exe-udlContent-alt-content-title {
    font-size: 1.2em;
}

.exe-udlContent-content-audio .exe-udlContent-alt-content-title h2 {
    margin: 16px 0px;
    color: var(--dark-blue-color);
}

.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;
    font-size: 1.2rem;
}

.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-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;
}

.exe-content .exe-udlContent .udl-character:hover::before,
.exe-udlContent .udl-character:focus::before {
    background-position: 0 !important;
}

.exe-content .exe-udlContent-content li {
    line-height: 1.6em;
}

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

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

@media screen and (min-width: 1px) {
    .exe-udlContent .udl-character:hover span,
    .exe-udlContent .udl-character:focus span {
        font-size: 1.2rem !important;
        text-decoration: underline;
    }
}
.exeQuextIcons-Hit,
.exeQuextIcons34-Hit,
.IDFPIcons-Hit {
    background-image: url("img/crg.aciertos.svg") !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 {
    background-image: url("img/crg.erros.svg") !important;
}

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

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

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

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

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

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

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

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

.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 {
    background-image: url("img/crg.actividad.pantalla.minimizar.min.svg") !important;
}

.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 {
    background-image: url("img/crg.actividad.checkmark.blanco.svg") !important;
    background-size: 30px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 64px;
    height: 48px;
    padding: 20px 26px !important;
    background: var(--light-blue-color);
    border-radius: 8px;
    margin: -6px 0 0 10px !important;
}

.exeQuextIcons-MoveOne,
.gameQP-DivReply .exeQuextIcons-MoveOne,
.IDFP-DivSubmit [id^="idfBtnMoveOn"] .exeQuextIcons-MoveOne,
.MTHP-DivReply [id^="mthpBtnMoveOn"] .exeQuextIcons-MoveOne,
.rosco-DivReply [id^="roscoBtnMoveOn"] .exeQuextIcons-MoveOne {
    background-image: url("img/crg.x.svg") !important;
    width: 48px;
    height: 48px;
    background: var(--panel-bg-light);
    padding: 12px 12px;
    border: 1px solid var(--light-blue-color);
    border-radius: 8px;
}

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

.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 {
    background-image: url("img/crg.icono.lupa.svg");
    width: auto;
    height: auto;
}

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

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

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

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

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

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

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

.exe-content [class$="-GameScoreBoard"],
.MQP-MainContainer .MQP-GameContainer .MQP-ToolBar,
.rosco-MainContainer .rosco-GameContainer .rosco-GameScoreBoard {
    background-color: var(--dark-blue-color);
    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: 1.8rem !important;
    padding: 0.1rem 0.2rem 0 0.1rem !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.875rem;
    font-weight: normal !important;
}

[class$="-StartGame"] a,
[class$="-GameButton"] a,
[class$="-Buttons"] a,
[class$="-StartNivel"] a,
.DADP-Buttons a,
.ODNP-Information a,
.FLCDSP-StartNivelMemory a {
    padding: 8px 16px;
    background: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
    border-radius: 8px;
    border-width: 0;
    text-decoration: none !important;
    font-size: 1.1rem;
    border: none;
}

[class$="-StartGame"] a:hover,
[class$="-GameButton"] a:hover,
[class$="-Buttons"] a:hover,
.DADP-Buttons a:hover,
.ODNP-Information a:hover,
.FLCDSP-StartNivelMemory a:hover {
    background-color: var(--dark-blue-color) !important;
    color: var(--text-button-color) !important;
}

[class*="-Message"] {
    font-size: 1.2rem;
    font-weight: 400;
    padding: 0.5rem;
    margin: 10px 0 10px 0;
    justify-content: center;
}

.CCGMP-ShowClue {
    font-size: 1.4rem;
}

.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.3rem;
    border-radius: 4px;
    border: 1px solid var(--light-blue-color);
}

.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: var(--dark-blue-color) !important;
    background: var(--table-row-alt);
    width: 100%;
    border-radius: 8px;
    padding: 16px 16px;
    font-weight: bold;
}

.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 {
    background-image: url("img/crg.despliegue.doble.negro.svg");
    margin-top: -10px;
}

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

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

.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,
.SPP-MainContainer,
.SPP-MainContainer .SPP-GameContainer,
.SPP-MainContainer .SPP-GameContainer .SPP-Cubierta {
    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: 1rem 0;
}

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

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

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

.CTJP-Capture a,
.INFMP-LinksInforme a {
    background: var(--light-blue-color) !important;
    border-radius: 8px !important;
    color: var(--text-button-color);
    border: 0px;
    margin: 5px 5px 5px 0px;
    padding: 10px 16px !important;
    font-size: 1.15rem;
}

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

.INFMP-Title,
.INFMP-GameScore {
    background-color: var(--dark-blue-color) !important;
}

.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-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-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(88, 119, 198);"] {
    background-color: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(249, 249, 249);"] {
    background-color: var(--panel-bg-light) !important;
    color: var(--text-button-color) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(243, 213, 90);"] {
    background-color: var(--color-yellow-soft) !important;
    color: var(--text-button-color) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(179, 9, 47);"] {
    background-color: var(--color-red-soft) !important;
    color: var(--text-button-color) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(0, 163, 0);"] {
    background-color: var(--color-green-soft) !important;
    color: var(--text-button-color) !important;
}

.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(243, 213, 90);"],
.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(179, 9, 47);"],
.rosco-MainContainer .rosco-GameContainer .rosco-Letters .rosco-Letter[style^="background-color: rgb(0, 163, 0);"] {
    color: var(--dark-blue-color) !important;
}

.rosco-WordsClose {
    background-color: var(--light-blue-color) !important;
}

.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 var(--shadow-popup-color);
    border-radius: 16px;
    width: 100%;
    height: 70%;
    padding: 24px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-SelectsGamers .trivial-NumberGamers p {
    font-size: 1rem !important;
    color: var(--dark-blue-color);
}

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

.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.25rem !important;
    color: var(--dark-blue-color);
    border: 1px solid var(--light-blue-color);
    border-radius: 8px;
}

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

.trivial-NumberIcon {
    font-size: 0.8rem !important;
    width: 32px !important;
    height: 32px !important;
}

.trivial-MainContainer
    .trivial-GameContainer
    .trivial-Tablero
    .trivial-SelectsGamers
    .trivial-NumberGamers
    .trivial-NumberIcon
    img[src$="tvlcr1.png"] {
    background-color: var(--color-red-soft);
}

.trivial-MainContainer
    .trivial-GameContainer
    .trivial-Tablero
    .trivial-SelectsGamers
    .trivial-NumberGamers
    .trivial-NumberIcon
    img[src$="tvlcr2.png"] {
    background-color: var(--color-blue-soft);
}

.trivial-MainContainer
    .trivial-GameContainer
    .trivial-Tablero
    .trivial-SelectsGamers
    .trivial-NumberGamers
    .trivial-NumberIcon
    img[src$="tvlcr3.png"] {
    background-color: var(--color-green-soft);
}

.trivial-MainContainer
    .trivial-GameContainer
    .trivial-Tablero
    .trivial-SelectsGamers
    .trivial-NumberGamers
    .trivial-NumberIcon
    img[src$="tvlcr4.png"] {
    background-color: var(--color-yellow-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message {
    opacity: unset;
    box-shadow: 0px 4px 25px var(--shadow-popup-color);
    border-radius: 16px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-Tablero .trivial-Message p {
    color: var(--dark-blue-color);
}

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

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

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

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

.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: var(--color-red-soft) !important;
}

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

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

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

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

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

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

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

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

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

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores {
    width: 16rem !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.25rem !important;
}

.trivial-PanelLateral {
    max-width: 20rem;
}

.trivial-Materias {
    font-size: 1.2rem;
    padding: 2px;
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q1 {
    border-color: var(--color-red-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M1 {
    background-color: var(--color-red-soft);
    border-color: var(--color-red-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q2 {
    border-color: var(--color-green-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M2 {
    background-color: var(--color-green-soft);
    border-color: var(--color-green-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q3 {
    border-color: var(--color-cyan-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M3 {
    background-color: var(--color-cyan-soft);
    border-color: var(--color-cyan-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q4 {
    border-color: var(--color-yellow-strong);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M4 {
    background-color: var(--color-yellow-strong);
    border-color: var(--color-yellow-strong);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q5 {
    border-color: var(--dua-rep-color);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M5 {
    background-color: var(--dua-rep-color);
    border-color: var(--dua-rep-color);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Jugadores .trivial-Jugador .trivial-Q6 {
    border-color: var(--color-orange-soft);
}

.trivial-MainContainer .trivial-GameContainer .trivial-PanelLateral .trivial-Materias .trivial-Materia .trivial-M6 {
    background-color: var(--color-orange-soft);
    border-color: var(--color-orange-soft);
}

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

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

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

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

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

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

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-OptionsDiv .trivial-Options {
    color: var(--dark-blue-color) !important;
    font-size: 1rem;
    background-color: var(--background-color) !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: var(--color-red-soft) !important;
}

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

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

.trivial-MainContainer
    .trivial-GameQuestion
    .trivial-QuestionDiv
    .trivial-OptionsDiv
    .trivial-Options[style^="border-color: rgb(243, 213, 90);"] {
    border-color: var(--color-yellow-soft) !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: var(--color-red-soft) !important;
    background-color: var(--color-red-soft) !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: var(--color-blue-soft) !important;
    background-color: var(--color-blue-soft) !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: var(--color-green-soft) !important;
    background-color: var(--color-green-soft) !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: var(--color-yellow-soft) !important;
    background-color: var(--color-yellow-soft) !important;
}

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

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

.trivial-MainContainer .trivial-GameQuestion .trivial-QuestionDiv .trivial-Question {
    color: var(--dark-blue-color);
    font-size: 1.25rem;
}

.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 var(--light-blue-color);
    width: 32px;
    height: 32px;
}

.trivial-MainContainer
    .trivial-GameQuestion
    .trivial-BottonContainerDiv
    .trivial-AnswersDiv
    .trivial-Answers
    .trivial-Answer1 {
    background-color: var(--color-red-soft);
}

.trivial-MainContainer
    .trivial-GameQuestion
    .trivial-BottonContainerDiv
    .trivial-AnswersDiv
    .trivial-Answers
    .trivial-Answer2 {
    background-color: var(--color-blue-soft);
}

.trivial-MainContainer
    .trivial-GameQuestion
    .trivial-BottonContainerDiv
    .trivial-AnswersDiv
    .trivial-Answers
    .trivial-Answer3 {
    background-color: var(--color-green-soft);
}

.trivial-MainContainer
    .trivial-GameQuestion
    .trivial-BottonContainerDiv
    .trivial-AnswersDiv
    .trivial-Answers
    .trivial-Answer4 {
    background-color: var(--color-yellow-soft);
}

@-moz-document url-prefix() {
    .trivial-MainContainer
        .trivial-GameContainer
        .trivial-GameScoreBoard
        .trivial-GameChallenges
        .trivial-LinkChallenge {
        color: #ffffff;
    }
}
.candado-MainContainer .candado-GameContainer .candado-GameScoreBoard p {
    color: #ffffff;
    text-shadow: 0px 0px 6px #ffffff;
    font-size: 1.8rem !important;
    padding: 0.1rem 0.2rem 0 0.1rem !important;
    font-weight: normal;
}

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

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

.candado-MainContainer .candado-GameContainer .candado-SolutionDiv .candado-SolutionButton {
    width: 64px;
    height: 48px;
    padding: 10px 4px 0 0;
}

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

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

.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 var(--dark-blue-color);
    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.6rem;
    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.875rem;
}

.desafio-MainContainer .desafio-GameContainer .desafio-GameScoreBoard .desafio-GameChallenges .desafio-LinkChallenge {
    font-size: 1rem;
    width: auto;
    height: 1.8rem;
    padding: 0px 12px;
    background: var(--light-blue-color);
    color: var(--txtnav-color);
    border-radius: 8px;
    border-width: 0;
    cursor: pointer;
    margin: 0 6px;
}

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

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

.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("img/Thumbnail-Actividad-Desafio.png");
    display: block;
    width: 100%;
    height: auto;
}

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

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

.desafio-LinkChallenge::before {
    line-height: 1.7rem !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: var(--light-blue-color);
    color: var(--text-button-color);
    border-radius: 8px;
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-ButtonClue .IDFP-BClue:hover {
    background-color: var(--color-blue-soft);
}

.IDFP-MainContainer .IDFP-GameContainer .IDFP-MessageClue {
    color: var(--dark-blue-color) !important;
}

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

.MQP-MainContainer .MQP-GameContainer .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 .MQP-GameContainer .MQP-Multimedia .MQP-Detail {
    border-radius: 16px;
    box-shadow: 0px 4px 25px var(--shadow-popup-color);
}

.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 {
    background-image: url("img/crg.x.svg");
    width: 32px;
    height: 32px;
}

.MQP-MainContainer a.MPQ-OptionTest {
    background-color: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
    font-size: 1.1rem !important;
}

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

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

.MQP-MainContainer .MQP-GOScoreButtons a {
    background-color: var(--light-blue-color);
    border-radius: 8px;
    padding: 8px 8px;
    margin-left: 6px;
    color: var(--text-button-color);
    font-size: 1.25rem;
    line-height: 0.7rem;
    text-decoration: none !important;
}

.MQP-MainContainer .MQP-MessageMoScoreData {
    font-size: 1.1rem;
    color: var(--dark-blue-color) !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: var(--dark-blue-color);
    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.5rem;
    border-radius: 4px;
    border: 1px solid var(--light-blue-color);
    padding-top: 5px;
}

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

.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: var(--dark-blue-color);
    font-weight: bold;
}

.MTHO-MainContainer .MTHO-GameContainer .MTHO-Multimedia table thead tr {
    border-bottom: 1px solid var(--dark-blue-color) !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: var(--panel-bg-light);
}

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

.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: var(--dark-blue-color) !important;
}

.MTHO-MainContainer .MTHO-Summary {
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    padding-top: 30px;
}

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

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

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

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

.SPP-MainContainer #sopaMessage[style^="color: rgb(3, 99, 84)"],
.SPP-MainContainer #sopaMessage[style^="color: rgb(102, 1, 1);"] {
    color: var(--dark-blue-color) !important;
    background: var(--table-row-alt);
    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 var(--light-blue-color);
    border-radius: 8px;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .complete {
    background-color: var(--color-green-soft);
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .selected {
    background-color: var(--panel-border);
    color: var(--text-button-color);
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .found {
    color: var(--light-blue-color);
    font-weight: bold;
}

.SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Words .Sopa-Li .SPP-LinkImage .SopaIcons {
    background-image: 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: var(--dark-blue-color);
}

.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: var(--light-blue-color);
    border-radius: 8px;
    padding: 8px 16px;
    color: var(--text-button-color);
    font-size: 1.1rem;
    text-decoration: none !important;
    border: none;
}

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

@media only screen and (min-width: 600px) {
    .SPP-MainContainer .SPP-GameContainer .SPP-Multimedia .SPP-Puzzle .SPP-PuzzleSquare {
        width: 3.25rem;
        height: 3.25rem;
        font-size: 1.2rem;
    }
}
.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;
}

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

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

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

.exe-content .btn-primary:hover,
.exe-content .btn-primary:focus {
    background-color: var(--dark-blue-color);
    border-color: #078e8e;
}

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

#activity-results-toggler a {
    border-radius: unset !important;
    color: var(--light-blue-color) !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.5rem 0rem !important;
    width: 100% !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 1.25rem;
}

#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 table {
    font-size: 1.25rem !important;
    border: 1px solid var(--panel-border) !important;
    background: var(--panel-bg-light) !important;
}

#activity-results th {
    font-size: 1rem !important;
    font-weight: bold !important;
    color: var(--dark-blue-color) !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--dark-blue-color) !important;
}

#activity-results #resultsSummary {
    font-size: 1rem !important;
    font-weight: bold !important;
    color: var(--dark-blue-color) !important;
    padding: unset !important;
    border-top: 1px solid var(--dark-blue-color) !important;
    border-bottom: unset !important;
}

#activity-results #resultsSummaryTH {
    font-size: 1rem !important;
    font-weight: bold !important;
    border-top: 1px solid var(--dark-blue-color) !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 #resultsSummaryTH em {
    color: var(--dark-blue-color) !important;
    font-size: 1rem !important;
}

#activity-results td {
    border-bottom: unset !important;
    color: var(--dark-blue-color) !important;
}

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

tr.even td {
    background: var(--table-row-alt) !important;
}

.exe-sortableList p[id^="exe-sortableListButton"] {
    width: auto;
    display: inline-block;
}

.exe-sortableList .first .up {
    background-image: url(img/crg.flecha.abajo.desmarcada.svg) !important;
    pointer-events: none !important;
    visibility: unset !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;
}

.exe-sortableList-options {
    margin: 1rem 0.5rem !important;
}

.exe-sortableList-options li {
    font-size: 1.1rem;
    background: var(--panel-bg-light) !important;
    color: var(--dark-blue-color) !important;
    border: 1px solid var(--light-blue-color) !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 10px 64px 10px 10px !important;
    overflow-wrap: break-word;
}

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

#slide.matchElements .random-a {
    color: var(--dark-blue-color) !important;
    background: var(--panel-bg-light) !important;
    border: 1px solid var(--table-row-alt) !important;
    border-radius: 4px !important;
}

#slide.matchElements .random-b {
    color: var(--dark-blue-color) !important;
    border: 1px solid var(--light-blue-color) !important;
    border-radius: 4px !important;
}

#slide .actions input {
    padding: 8px 16px !important;
    background: var(--light-blue-color) !important;
    color: var(--text-button-color) !important;
    border-radius: 8px !important;
    font-weight: unset !important;
    font-size: 1.25rem !important;
}

#siteFooter {
    position: relative;
    min-height: 50px;
    display: block;
    text-align: left;
    font-size: 1em;
    max-width: 99%;
    margin: 0 auto;
    background: var(--dark-blue-color);
    padding: 16px 10px 0 20px;
}

#siteFooter a {
    color: var(--txtnav-color);
    line-height: 1em;
    text-decoration: underline;
}

#siteFooter #packageLicense p {
    margin-top: 0;
}

#siteFooterContent {
    margin: 0 auto;
    padding: 4px;
    border-radius: 4px;
}

#packageLicense {
    color: var(--txtnav-color);
    text-align: left;
    font-size: 1em;
    line-height: 1.1em;
    padding: 1em;
    margin-bottom: 1em;
    margin-left: 20px;
}

#packageLicense p {
    margin: 0;
}

#packageLicense a {
    color: var(--txtnav-color);
    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: var(--txtnav-color);
}

#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;
}

#packageLicense.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;
}

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

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

.exe-scorm .page > header .package-title,
.exe-scorm .siteNav-off .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%;
}

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

@media print {
    html body.exe-export {
        background: var(--background-color);
    }
    .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;
    }
    .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;
    }
    #packageLicense,
    #packageLicense a {
        color: #000;
    }
    .exe-udlContent-block-toggler .udl-character::before {
        display: block !important;
    }
    .udl-character-img {
        width: 125px;
        left: auto !important;
        top: auto !important;
        clip: inherit !important;
    }
}
@media all and (max-width: 768px) {
    .exe-scorm #outer {
        width: 100%;
        border: none;
        margin: 0;
    }
}
@media (max-width: 900px) {
    .exe-export .package-title {
        font-size: 1.8em;
    }
}
@media (max-width: 750px) {
    .exe-export:has(.package-subtitle) .package-header {
        margin-top: -1.9em;
        height: 6.8em;
    }
    .exe-export .package-title {
        font-size: 1.6em;
    }
    .exe-export .package-subtitle {
        font-size: 1.2em;
        margin-bottom: 1em;
    }
    .exe-export .page-header {
        margin: 0 10px 0 20px;
        padding: 10px;
    }
    .exe-export:has(.package-subtitle) .page {
        margin-top: 0;
    }
    .nav-buttons {
        position: absolute;
        right: 20px;
        margin: -6px;
        padding: 0;
        font-size: 0.9em;
    }
    .nav-button.nav-button-left {
        position: absolute;
        right: 160px;
        height: 30px;
        border: 1px solid #cccccc;
        min-width: 50px;
    }
    .nav-button.nav-button-left span {
        display: none;
    }
    .nav-button.nav-button-left::after {
        content: "←";
    }
    .nav-button.nav-button-right {
        position: absolute;
        right: 0px;
        height: 30px;
        border: 1px solid #cccccc;
        min-width: 50px;
        content: " ";
    }
    .nav-button.nav-button-right span {
        display: none;
    }
    .nav-button.nav-button-right::after {
        content: "→";
    }
    .page-counter-label {
        display: none;
    }
    .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-web-site .box-toggle {
        margin-right: 4px;
    }
    .exe-web-site .page-content {
        padding-right: 0px;
    }
    .exe-web-site main.page,
    .exe-web-site #siteFooter {
        padding-left: 270px;
    }
    .exe-web-site .page-counter {
        background: none;
        margin-right: 16px;
        color: var(--text-button-color);
    }
    .exe-web-site.siteNav-off .package-header {
        margin-top: 5.5em;
    }
    .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: 5.4em;
    }
    .exe-web-site.siteNav-off .nav-buttons {
        margin-top: 4.3em;
    }
    .exe-web-site.siteNav-off .page-counter {
        color: var(--dark-blue-color);
    }
    .exe-export.siteNav-off:has(.package-subtitle) .package-header {
        margin-top: 4em;
        height: 5.6em;
    }
    .exe-export.siteNav-off:has(.package-subtitle) .package-title {
        font-size: 1.4em;
    }
    .exe-export.siteNav-off:has(.package-subtitle) .page {
        margin-top: 0em;
    }
    #exe-client-search-form {
        margin-top: 100px;
    }
    #siteNav a {
        max-width: 235px;
    }
    button#siteNavToggler {
        left: 10px;
        border: 1px solid #cccccc;
        padding: 0 10px;
    }
    button#searchBarTogger {
        left: 130px;
        border: 1px solid #cccccc;
        width: 60px;
        min-width: 20px;
    }
    #siteNav {
        width: 99%;
        float: none;
        padding: 68px 10px 20px 10px;
        min-height: 0 !important;
        height: auto !important;
        margin-top: 100px;
    }
    #siteNav a {
        max-width: 100%;
    }
    .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;
    }
    #sidebar-nav.fixed {
        position: relative;
    }
    .nav-buttons-inf .page-counter {
        color: var(--dark-blue-color);
    }
}
.exe-export .crg-cx-nl .box-toggle {
    display: none;
}

.exe-content .crg-cx-nl .box-head,
.exe-content .crg-cx-nl .no-header .box-head {
    border-bottom: 0;
}

.exe-content .crg-ficheiro li {
    display: flex;
    align-items: center;
    list-style-type: none;
    background-image: url(img/anexo.svg);
    background-repeat: no-repeat;
    background-size: 36px 46px;
    margin-top: 10px;
    padding: 10px 10px 10px 44px;
}

.exe-content .crg-outraXanela::after {
    content: " ➚";
}

.exe-content .crg-documento::before {
    content: "📄 ";
}

.exe-content .crg-fondo {
    background-color: var(--notice-background-color);
    border: 1px solid var(--light-blue-color);
    border-radius: 8px;
    padding: 10px;
    margin: 10px;
    color: var(--dark-blue-color);
}

.exe-content .crg-cx-azul .box-content {
    background-color: #c9d9ef !important;
    border-radius: 20px !important;
    padding: 6px 14px 14px 14px !important;
    margin-top: 10px;
}

.exe-content .crg-cx-menta .box-content {
    background-color: #fdf6e3 !important;
    border-radius: 20px !important;
    padding: 6px 14px 14px 14px !important;
    margin-top: 10px;
}

.exe-content .crg-fondo-azul:not(.udl-content) {
    background-color: #c9d9ef !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

.exe-content .crg-fondo-azul .exe-udlContent-content-main {
    background-color: #c9d9ef !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px;
}

.exe-content .crg-fondo-menta:not(.udl-content) {
    background-color: #fdf6e3 !important;
    border-radius: 14px !important;
    padding: 14px !important;
}

.exe-content .crg-fondo-menta .exe-udlContent-content-main {
    background-color: #fdf6e3 !important;
    border-radius: 14px !important;
    padding: 14px !important;
    margin-bottom: 10px;
}

.exe-content img {
    border-radius: 10px !important;
}

.exe-content .crg-borde-azul2 {
    background-color: transparent !important;
    border-radius: 14px !important;
    border: 4px solid var(--dark-blue-color);
    padding: 14px !important;
}

.exe-content .crg-borde-menta {
    background-color: transparent !important;
    border-radius: 14px !important;
    border: 4px solid #fdf6e3;
    padding: 14px !important;
}

.exe-content .crg-boton {
    padding: 6px 10px;
    background: var(--light-blue-color);
    color: var(--txtnav-color);
    border-radius: 8px;
    border-width: 0;
    cursor: pointer;
    margin: 0 6px;
}

.crg-tarxetas {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    padding: 20px;
}

.crg-tarxetas > div {
    background-color: #f8f9fa;
    border-radius: 12px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    width: 250px;
    padding: 4px 10px;
    text-align: center;
    border: 2px solid var(--light-blue-color);
}

.crg-tarxetas img {
    width: 98%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 8px;
}

.crg-tarxetas h2 {
    font-size: 1.4rem;
    margin: 12px 0 8px;
    color: var(--dark-blue-color);
}

.crg-tarxetas p {
    margin-top: 0.5rem;
    font-size: 1.1rem;
    color: var(--dark-blue-color);
    line-height: 1.4;
    text-align: left;
}

.exe-content .feedback {
    margin-top: 10px;
    background: var(--panel-bg-light);
    padding: 20px;
    border-radius: 8px;
    border: 1px solid var(--dark-blue-color);
}
.score-text {
    color: var(--dark-blue-color) !important;
    font-size: 1.2rem;
}
.form-results-container,
.exe-content .desafio-MessageInfo {
    background: var(--panel-bg-light);
    border-radius: 8px;
    color: var(--dark-blue-color) !important;
}
.TOFP-Feedback {
    color: var(--dark-blue-color) !important;
}
.TOFP-Feedback > p {
    margin-top: 10px !important;
}
.fileAttachment-link {
    background: var(--background-color);
}
.fileAttachment-link:hover {
    background: var(--background-color);
}
.exe-content .auto-geogebra-title {
    visibility: hidden;
}

.exe-content .auto-geogebra-title a {
    visibility: visible;
}
.exe-content .desafio-GameDesafio {
    background: none !important;
}
.exe-dl dd {
    margin-top: 10px;
    background: var(--panel-bg-light);
    padding: 20px !important;
    border-radius: 8px;
}
.exe-content section ul,
.exe-export ul {
    display: flow-root;
}
.exe-content .exe-udlContent-content input[type="button"] {
    margin: 10px 5px;
}

.exe-rubrics-export-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
dt {
    font-weight: normal;
}