/* RemixDesign | woaichidapi@163.com | Redesigned by JimmyCheung */

.audioplayer {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    margin: 1em 0;
    padding: 0 24px;
    width: 100%;
    height: 96px;
    align-items: center;
    border: 1px solid #DDE2E6;
    border-radius: 4px;
    background: #fff;
}

.audioplayer-playpause {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
    background: rgba(91, 130, 255, 0);
    border: 1px solid #5B82FF;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause:hover {
    background: rgba(91, 130, 255, 0.1);
}

.audioplayer-playing .audioplayer-playpause {
    background: rgba(253, 79, 26, 0);
    border: 1px solid #FD4F1A;
}

.audioplayer-playing .audioplayer-playpause:hover {
    background: rgba(235, 79, 26, 0.1);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
    content: '';
    justify-content: center;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 7px solid transparent;
    border-right: none;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #0059FF;
}

.audioplayer-playing .audioplayer-playpause a {
    content: '';
    display: flex;
    justify-content: space-between;
    width: 12px;
    height: 14px;
}

.audioplayer-playing .audioplayer-playpause a::before, .audioplayer-playing .audioplayer-playpause a::after {
    content: '';
    width: 4px;
    height: 14px;
    background-color: #FD4F1A;
}

.audioplayer-time {
    display: flex;
    width: 40px;
    justify-content:center;
    font-size: 12px;
    color: rgba(51, 51 ,51, .6)
}

.audioplayer-time-current {
    margin-left: 24px;
}

.audioplayer-time-duration {
    margin-right: 24px;
}

.audioplayer-bar {
    position: relative;
    display: flex;
    margin: 0 12px;
    height: 12px;
    flex-basis: 0;
    flex-grow: 1;
    cursor: pointer;
}

.audioplayer-bar::before {
    content: '';
    position: absolute;
    top: 5px;
    width: 100%;
    height: 2px;
    background-color: #DDE2E6;
}

.audioplayer-bar > div {
    position: absolute;
    left: 0;
    top: 5px;
}
.audioplayer-bar-loaded {
    z-index: 1;
    height: 2px;
    background: #BEC8D2;
}

.audioplayer-bar-played {
    flex-direction: row-reverse;
    z-index: 2;
    height: 2px;
    background: -webkit-linear-gradient(left,#0059FF,#09B1FA);
}

.audioplayer-bar-played::after {
    display: flex;
    position: absolute;
    content: '';
    box-sizing: border-box;
    top: -5px;
    right: -1px;
    margin-right: -5px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-bar-played::after {
    border: 2px solid #BEC8D2;
}

.audioplayer-playing .audioplayer-bar-played::after {
    border: 2px solid #0059FF;

}

.audioplayer-volume {
    display: flex;
    align-items: center;
}

.audioplayer-volume-button {
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.audioplayer-volume-button a {
    display: flex;
    width: 6px;
    height: 8px;
    background-color: #9A9FB0;
    position: relative;
}

.audioplayer-volume-button a:before, .audioplayer-volume-button a:after {
    content: '';
    position: absolute;
}

.audioplayer-volume-button a:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 9px solid #9A9FB0;
    border-bottom: 8px solid transparent;
    border-left: none;
    top: -4px;
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
    left: 10px;
    top: -2px;
    width: 6px;
    height: 6px;
    border: 6px double #9A9FB0;
    border-width: 6px 6px 0 0;
    border-radius: 0 12px 0 0;
    transform: rotate(45deg);
}

.audioplayer-mute .audioplayer-volume-button a {
    background-color: #FD4F1A;
}

.audioplayer-mute .audioplayer-volume-button a:before {
    border-right: 9px solid #FD4F1A;
}

.audioplayer-volume-adjust {
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.audioplayer-volume-adjust > div {
    position: relative;
    display: flex;
    width: 60px;
    height: 2px;
    cursor: pointer;
    background-color: #BEC8D2;
}

.audioplayer-volume-adjust div div {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background-color: #0059FF;
}

/* responsive | you can change the max-width value to match your theme */

@media screen and (max-width: 679px) {
    .audioplayer-volume-adjust {
        display: none;
    }
}

@charset "UTF-8";
/*------------------------------------------------------------------
[Indice]

0. Temas (no siempre presente)
1. Utilidades
2. Fuentes
3. Base
4. Estructura
5. Componentes
6. Paginas
7. Plugins

/*------------------------------------------------------------------
[0. Temas]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Informacion sobre codigos de color]

[Codigos de color]

-Azul: #1E476E
-Verde claro: #cadbd7
-Verde claro 2: #d8e7e4
-Verde borde formularios: #e5edeb 
-Verde claro menú lateral Aula virtual: #D3D3DE
-Dorado: #D2B54A
-Azul AUGC: #0f5b84
-Negro/Gris oscuro (Texto): #4D4D4D
-Gris Claro: #B3B3B3
-Gris Hover: #666666
-Rojo requerido/avisos: #B22738
-Fase azul: #a0d9f7 
-Fase verde: #c8d97b
-Fase amarilla: #ffee62
-conocimientos: #a0d9f7
-ingles: #f4b4d2
-psicotecnico: #f6b299
-ortografia: #fbcc92
-repaso: #d5e197
-pruebasFisicas: #d5d1e0
-tutoria: #fff596
-videoTutoriales: #d8e8e5

-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[1. Variables colores]
-------------------------------------------------------------------*/
:root {
  --colorPrimario: #283446;
  --colorPrimario-300: #f0f3ff;
  --colorPrimarioVariacion: #ef758b;
  --colorPrimarioVariacionClaro: #69727e;
  --colorPrimarioAcordeones: #f0f8ff;
  --colorPrimarioVariacionFuerte: #E61D40;
  --textoVariacionFuerte: #276859;
  --botonPrimario: #283446;
  --subMenuLateral: #b5c2d4;
  --colorSecundario: #E61D40;
  --hoverCabecera: #FAB92B;
  --colorTerciario: #fff;
  --faseAzul: #a0d9f7;
  --faseVerde: #c8d97b;
  --faseAmarilla: #ffee62;
  --colorTexto: #3B3F4C;
  --hover: #879FAF;
  --requerido: #b72738;
  --primarioClaro: #f6f6f6;
  --rondaTorneo: #AF7324;
  --oro: #d2b54a;
  --plata: #a7a7b3;
  --bronce: #c77951;
  --conocimientos: 160, 217, 247;
  --ingles: 244, 180, 210;
  --psicotecnico: 246, 178, 153;
  --ortografia: 251, 204, 146;
  --repaso: #d5e197;
  --pruebasFisicas: 213, 209, 224;
  --tutoria: 255, 245, 150;
  --videoTutoriales: 216, 232, 229;
  --avanzado: #e5d393;
  --aviso: #FCF8E5;
  --avisoTexto: #a39576;
  --gris-300: #dadada;
  --activoOro: #fcf9f2;
  --activoPlata: #f1f1f1;
  --activoBronce: #f5ece9;
  --fallo: #fef7f8;
  --duda: #fff9ef;
  --acordeonSimulacros: #e7f0f2;
  --success: #f0f8ff;
  --imagen-fondo-torneo: url(../img/escritorio/mi_escritorio_torneos.png);
  --fuentePrincipal: "Mulish", sans-serif;
  --fuenteSecundaria: "Montserrat", sans-serif;
}

html[data-theme=oscuro] {
  --colorPrimario: #758dac;
  --colorPrimarioVariacion: #883a48;
  --colorPrimarioVariacionClaro: #474747;
  --colorPrimarioAcordeones: #474747;
  --colorPrimario-300: #373e3d;
  --colorSecundario: #4e0c18;
  --colorTerciario: #2c2c2c;
  --faseAzul: #55778a;
  --faseVerde: #6e793f;
  --faseAmarilla: #968d3b;
  --colorTexto: #bdbdbd;
  --hover: #888888;
  --subMenuLateral: #666666;
  --requerido: #d46370;
  --primarioClaro: #474747;
  --rondaTorneo: #AF7324;
  --oro: #8a752b;
  --plata: #5d5d66;
  --bronce: #6e422b;
  --conocimientos: 85, 119, 138;
  --ingles: 126, 79, 101;
  --psicotecnico: 128, 88, 73;
  --ortografia: 124, 98, 67;
  --repaso: #788147;
  --pruebasFisicas: 106, 103, 112;
  --tutoria: 124, 119, 69;
  --videoTutoriales: 111, 119, 118;
  --avanzado: #525047;
  --aviso: #474747;
  --avisoTexto: #bdbdbd;
  --gris-300: #474747;
  --activoOro: #4b4332;
  --activoPlata: #5e5d5d;
  --activoBronce: #58413a;
  --fallo: #422327;
  --duda: #423a2d;
  --acordeonSimulacros: #474747;
  --success: #2d3c50;
  --imagen-fondo-torneo-oscuro: url(../img/escritorio/mi_escritorio_torneos_oscuro.png);
}

.colorPrimario {
  color: var(--colorPrimario);
}

.colorPrimarioClaro {
  color: var(--primarioClaro);
}

.colorPrimarioVariacion {
  color: var(--colorPrimarioVariacion);
}

.colorPrimarioVariacionFuerte {
  color: var(--colorPrimarioVariacionFuerte);
}

.colorSecundario {
  color: var(--colorSecundario);
}

.rondaTorneo {
  color: var(--rondaTorneo);
}

.colorTerciario {
  color: var(--colorTerciario);
}

.conPlaza {
  color: #b2cfca;
}

.acertadas {
  color: #b2cfca;
}

.falladas {
  color: #ea848f;
}

.noContestadas {
  color: #e6e6e6;
}

.sinPlaza {
  color: #ea848f;
}

.conocimientos.oscuro {
  color: #6ac0e2;
}

.psicotecnico.oscuro {
  color: #f28181;
}

.fondoDuda {
  background-color: var(--duda);
}

.fondoAcierto {
  background-color: var(--colorPrimario-300);
}

.fondoFallo {
  background-color: var(--fallo);
}

.fase1 {
  background-color: var(--faseAzul);
}
.fase1 span:first-of-type {
  text-decoration: underline;
}

.fase2 {
  background-color: var(--faseVerde);
}
.fase2 span:first-of-type {
  text-decoration: underline;
}

.fase3 {
  background-color: var(--faseAmarilla);
}
.fase3 span:first-of-type {
  text-decoration: underline;
}

.bordePrimarioVariacion {
  border: 1px solid var(--colorPrimarioVariacion);
}

.colorAugc {
  color: #0f5b84;
}

.fondoAvanzado {
  background-color: var(--avanzado);
}

.fondoColorPrimario {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}

.fondoColorSecundario {
  background-color: var(--colorSecundario);
  color: var(--colorTerciario);
}

.fondoColorTerciario {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
}

.requerido {
  color: var(--requerido);
}

.diamante {
  color: #44c6c6;
}

.oro {
  color: var(--oro);
}

.plata {
  color: var(--plata);
}

.bronce {
  color: var(--bronce);
}

i.conocimientos {
  color: rgb(var(--conocimientos));
}

a.conocimientos {
  color: rgb(var(--conocimientos));
}

i.ingles {
  color: rgb(var(--ingles));
}

.fondoIngles {
  background-color: rgb(var(--ingles));
}

.fondoPsicotecnico {
  background-color: rgb(var(--psicotecnico));
}

.fondoOrtografia {
  background-color: rgb(var(--ortografia));
}

.fondoDescanso {
  background-color: var(--gris-300);
}

a.ingles {
  color: rgb(var(--ingles));
}

i.ortografia {
  color: rgb(var(--ortografia));
}

i.psicotecnico {
  color: rgb(var(--psicotecnico));
}

a.psicotecnico {
  color: rgb(var(--psicotecnico));
}

i.repaso {
  color: var(--repaso);
}

i.pruebasFisicas {
  color: rgb(var(--pruebasFisicas));
}

i.tutoria {
  color: rgb(var(--tutoria));
}

.circulo.repaso {
  background-color: var(--repaso);
}

.circulo.conocimientos {
  background-color: rgb(var(--conocimientos));
}

.circulo.ingles {
  background-color: rgb(var(--ingles));
}

.circulo.ortografia {
  background-color: rgb(var(--ortografia));
}

.circulo.psicotecnico {
  background-color: rgb(var(--psicotecnico));
}

.circulo.tutoria {
  background-color: rgb(var(--tutoria));
}

.circulo.pruebasFisicas {
  background-color: rgb(var(--pruebasFisicas));
}

a.colorPrimario:hover {
  color: var(--hover);
}

.colorTexto {
  color: var(--colorTexto);
}

.sinContestar {
  color: #888;
}

hr.colorPrimario {
  border: none;
  height: 1px;
  color: var(--colorPrimario);
  background-color: var(--colorPrimario);
  margin-top: 0;
}

hr.colorSecundario {
  border: none;
  height: 1px;
  color: var(--colorSecundario);
  background-color: var(--colorSecundario);
  margin-top: 0;
}

hr.colorPrimarioVariacion {
  border: none;
  height: 1px;
  color: var(--colorPrimarioVariacion);
  background-color: var(--colorPrimarioVariacion);
  margin-top: 0;
}

html .jq_claro {
  display: none;
}
html .jq_oscuro {
  display: block;
}

html[data-theme=oscuro] .invertir {
  filter: invert(0.8);
}
html[data-theme=oscuro] .invertirGrafica {
  filter: invert(0.826);
}
html[data-theme=oscuro] .jq_claro {
  display: block;
}
html[data-theme=oscuro] .jq_oscuro {
  display: none;
}
html[data-theme=oscuro] .oscurecer {
  filter: brightness(0.75);
}
html[data-theme=oscuro] .overlay .colorTerciario {
  color: var(--colorTexto);
}
html[data-theme=oscuro] .overlay i {
  color: var(--colorTexto);
}
html[data-theme=oscuro] .tablaPrefortia.batallas span.carta.blanco {
  color: var(--subMenuLateral);
}
html[data-theme=oscuro] .mapa {
  filter: invert(0.73);
}
html[data-theme=oscuro] .mapa .cssmap > li a,
html[data-theme=oscuro] .mapa .cssmap-tooltip-content {
  color: var(--colorTerciario);
  text-shadow: none;
}
html[data-theme=oscuro] .mapa .cssmap > li:hover a,
html[data-theme=oscuro] .mapa .cssmap > li:focus a,
html[data-theme=oscuro] .mapa .cssmap > li.active-region a {
  color: #fff;
}
html[data-theme=oscuro] .mapa .active-region {
  filter: hue-rotate(175deg);
}
html[data-theme=oscuro] .mapa .cssmap > li:hover {
  filter: hue-rotate(175deg);
}
html[data-theme=oscuro] .imagenFondoTorneo.css-imagen {
  background-image: var(--imagen-fondo-torneo-oscuro);
}
html[data-theme=oscuro] .alert-warning {
  color: var(--avisoTexto);
  --aviso: 94, 84, 51;
  background-color: rgb(var(--aviso));
}
html[data-theme=oscuro] .alert-danger {
  color: var(--avisoTexto);
  --aviso: 94, 54, 57;
  background-color: rgb(var(--aviso));
}
html[data-theme=oscuro] .colorAsignatura {
  filter: brightness(0.5);
}
html[data-theme=oscuro] #cabecera .navbar-brand img {
  filter: brightness(10);
}

/*------------------------------------------------------------------
[1. Utilidades]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Mixins]
-------------------------------------------------------------------*/
.fondoPlantilla .contenedorCentral.ancho, .fondoPlantilla .contenedorCentral, .escribirAnotacion, form .metodosPago, .contenedorCentral, .galonAcceso, .fondoAcceso .contenedorCentral, .contenedorCompletar, .temarios .opcionesMovil .interior, .escribirMensaje, .popoverDuda .popover.fade,
.popoverAcierto .popover.fade,
.popoverFallo .popover.fade, #cookies, #avisoSuperior, #cabecera, .sombra {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.4);
  -moz-box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.4);
  box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.4);
}

/*------------------------------------------------------------------
[2. Fuentes]
-------------------------------------------------------------------*/
/* montserrat-300 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v26-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-regular - latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/mulish-v13-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-700 - latin */
@font-face {
  font-display: swap;
  font-family: "Mulish";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/mulish-v13-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*------------------------------------------------------------------
[Tipografia]
-------------------------------------------------------------------*/
.label {
  font-size: 0.875rem;
}

.texto {
  font-size: 0.8rem;
}

.texto-xs {
  font-size: 0.55rem;
}

.textoTool {
  font-size: 0.65rem;
}

.texto-sm {
  font-size: 0.75rem;
}

.texto-lg {
  font-size: 1.125rem;
}

.texto-xl {
  font-size: 1.375rem;
}

.subtitulo-sm {
  font-size: 1.5rem;
  font-family: var(--fuenteSecundaria);
}

.subtitulo-md {
  font-size: 1.675rem;
  font-weight: 500;
  font-family: var(--fuenteSecundaria);
}

.subtitulo {
  font-size: 1.875rem;
  font-weight: 500;
}

.subtituloFino {
  font-size: 1.875rem;
  line-height: initial;
  font-family: var(--fuenteSecundaria);
}

.subtituloFino-sm {
  font-size: 1.5rem;
}

.subtitulo-lg {
  font-size: 2.5rem;
  font-weight: 700;
  font-family: var(--fuenteSecundaria);
}

.titulo-sm {
  font-size: 3rem;
  font-weight: 700;
  font-family: var(--fuenteSecundaria);
}

.titulo {
  font-size: 4rem;
  font-weight: 700;
  font-family: var(--fuenteSecundaria);
}

.negrita {
  font-weight: 700;
}

.pre-lg_2 {
  font-size: 1.5rem;
}

.fs-1 {
  font-size: calc(1.345rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

strong {
  font-weight: 700;
}

.cursivaPrimario {
  color: var(--colorPrimario);
  font-style: italic;
}

.cursiva {
  font-style: italic;
}

.light {
  font-weight: 300;
}

.subrayado {
  text-decoration: underline;
}

.rebaja {
  color: var(--requerido);
  font-weight: 600;
  text-decoration: line-through;
}

/*------------------------------------------------------------------
  [Alto de linea]
  -------------------------------------------------------------------*/
.lh-1 {
  line-height: 1rem;
}

.lh-2 {
  line-height: 1.2rem;
}

.lh-3 {
  line-height: 1.5rem;
}

.lh-4 {
  line-height: 2rem;
}

.lh-5 {
  line-height: 2.5rem;
}

.ln-32 {
  line-height: 2rem;
}

/*------------------------------------------------------------------
  [Fuente iconos]
  -------------------------------------------------------------------*/
i {
  line-height: inherit;
}

.subtituloFino i {
  vertical-align: baseline;
}

.pre-xxs {
  font-size: 0.4rem;
  vertical-align: middle;
}

.pre-xs {
  font-size: 0.6em;
}

.pre-cruz {
  font-size: 1.5rem;
}

.pre-xl {
  font-size: 2em;
  vertical-align: sub;
}

.pre-xxl {
  font-size: 2.5em;
  vertical-align: middle;
}

.pre-titulo {
  font-size: 30px;
  vertical-align: baseline;
  display: inline;
}

@media (max-width: 768px) {
  .tituloIcono .svg {
    width: 20px;
  }
}
/*------------------------------------------------------------------
[2. Base]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Base de la pagina]
-------------------------------------------------------------------*/
html {
  min-height: 100%;
  position: relative;
  background-color: var(--colorTerciario);
}

body {
  font-family: var(--fuentePrincipal);
  padding: 0;
  margin: 0;
  color: var(--colorTexto);
  background-color: transparent;
}

a {
  text-decoration: none;
  color: var(--colorTexto);
}
a:hover {
  text-decoration: none;
  color: var(--hover);
}

.scroll {
  scroll-margin-top: 100px;
  scroll-behavior: smooth;
}

button:focus {
  outline: none;
}

button::-moz-focus-inner {
  border: 0;
}

a:focus {
  outline: none;
}

a::-moz-focus-inner {
  border: 0;
}

hr {
  height: 1px;
  border: none;
  background-color: #dee2e6;
  color: #dee2e6;
}

hr.requerido {
  color: var(--requerido);
  background-color: var(--requerido);
}

hr.oscuro {
  color: var(--colorTexto);
  background-color: var(--colorTexto);
}

.cursor-zoom {
  cursor: zoom-in;
}

.pre.pre-info.oscuro {
  color: var(--colorTexto);
}

.pl-6 {
  padding-left: 4rem;
}

video {
  object-fit: cover;
}

hr.grueso {
  height: 2px;
  border: none;
  margin-top: 0;
}

hr.psicotecnicos, hr.conocimientos {
  height: 4px;
  border: none;
  margin-top: 0;
}

hr.conocimientos {
  background-color: rgb(var(--conocimientos));
  color: rgb(var(--conocimientos));
}

hr.psicotecnicos {
  background-color: rgb(var(--psicotecnico));
  color: rgb(var(--psicotecnico));
}

.v-100 {
  height: 100vh;
}

.lh {
  line-height: 0.5;
}

.disableSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*------------------------------------------------------------------
[3. Estructura]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Estructura]
-------------------------------------------------------------------*/
.container {
  max-width: 1920px;
  padding: 4.2rem 0 0 0;
}

.contenedorInterno {
  padding: 0 1.25rem;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
}

textarea {
  resize: none;
}

a {
  cursor: pointer;
}

.form-control {
  border-radius: 0;
  border: 1px solid var(--gris-300);
}

.igualAlto {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}

a.deshabilitado {
  opacity: 0.5;
}

.h-auto {
  height: auto;
}

.row {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.d-flex {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}

.no-wrap {
  flex-wrap: nowrap;
}

.fondoPlantillas .icono img {
  max-width: 250px;
}

.igualAltoElemento {
  position: relative;
  padding-bottom: 7.5rem;
}

.igualAltoElemento-md {
  padding-bottom: 3.75rem;
}

@media (min-width: 992px) {
  .altura {
    position: relative;
    min-height: 85vh;
  }
  .altura .botonera {
    position: absolute;
    bottom: 0;
    right: 20px;
  }
}
.posicionamiento {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 94%;
}

img {
  max-width: 100%;
}

@media (max-width: 992px) {
  .anchoTotal {
    margin: 0 -1.25rem;
  }
}
.oculto {
  display: none;
}

@media (min-width: 1400px) {
  .v-90 {
    height: 84vh;
  }
  .v-95 {
    height: 86vh;
  }
}
.sombra.noHover:hover {
  transform: scale(1);
  cursor: default;
}

/*------------------------------------------------------------------
[Pantalla grande]
-------------------------------------------------------------------*/
@media (min-width: 1920px) {
  .container {
    max-width: 100%;
  }
}
/*------------------------------------------------------------------
[Columna xxl]
-------------------------------------------------------------------*/
@media (min-width: 1600px) {
  .col-xxl-6 {
    flex: 0 0 100%;
    max-width: 50%;
  }
  .col-xxl-3 {
    flex: 0 0 100%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 100%;
    max-width: 33%;
  }
  .col-xxl-2 {
    flex: 0 0 100%;
    max-width: 20%;
  }
}
@media (min-width: 1400px) {
  .col-xlg-2 {
    flex: 0 0 100%;
    max-width: 20%;
  }
  .col-xlg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
}
@media (min-width: 1400px) {
  .col-xlg-9 {
    flex: 0 0 100%;
    max-width: 75%;
  }
  .col-xlg-3 {
    flex: 0 0 100%;
    max-width: 25%;
  }
}
@media (min-width: 1700px) {
  .col-xlg-3 {
    flex: 0 0 100%;
    max-width: 25%;
  }
  .col-xlg-9 {
    flex: 0 0 100%;
    max-width: 75%;
  }
  .col-xlg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
}
@media (max-width: 1400px) {
  .selectoresXlg span {
    display: inline-block;
    width: 4.75rem;
  }
}
/*------------------------------------------------------------------
[Listas]
-------------------------------------------------------------------*/
.lista ul {
  font-size: 1rem;
  list-style: none;
  padding-left: 1.3em;
}

.cruz li:before, .check li:before {
  font-family: "Prefortia";
  color: var(--colorPrimario);
  display: inline-block;
  width: 1em;
  margin-right: 0.5rem;
  font-size: 16px;
}

.check li,
.cruz li {
  margin-bottom: 0.5rem;
}

.check li:before {
  content: "\ea8c";
  color: var(--colorPrimarioVariacion);
}

.cruz li:before {
  content: "\ea8d";
  color: var(--requerido);
}

.lista ul li::before {
  content: "➟";
  color: var(--colorPrimario);
  display: inline-block;
  width: 1em;
  margin-right: 0.2rem;
  margin-left: -1.3em;
  font-size: 16px;
}

/*------------------------------------------------------------------
[Grid]
-------------------------------------------------------------------*/
.grid-auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

/*------------------------------------------------------------------
[Imagenes]
-------------------------------------------------------------------*/
.svg {
  width: 30px;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.svg-sm {
  width: 20px;
}

.svg-menu {
  width: 35px;
}

/*------------------------------------------------------------------
[Tablas]
-------------------------------------------------------------------*/
.tablaComparacion {
  overflow: auto;
  overflow-x: auto;
}
.tablaComparacion td {
  font-size: 0.9rem;
}
.tablaComparacion td,
.tablaComparacion th {
  padding: 0.5rem;
}
.tablaComparacion tr:nth-of-type(even) {
  background-color: var(--colorPrimarioVariacionClaro);
}
.tablaComparacion .logo {
  width: 15px;
}
.tablaComparacion .colorPrimarioVariacion {
  color: #7fd359;
}

.table {
  color: var(--colorTexto);
}

.tablaPrefortia {
  overflow: auto;
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
}
.tablaPrefortia .deshabilitado {
  opacity: 0.4;
}
.tablaPrefortia td,
.tablaPrefortia th {
  padding: 0.4rem 0.4rem 0.2rem 0.4rem;
  vertical-align: middle;
}
.tablaPrefortia thead th {
  border-top: none;
  border-bottom-width: 1px;
  color: var(--colorPrimario);
  border-bottom: 1px solid var(--gris-300);
}
.tablaPrefortia .sinBorde td {
  border: none;
}
.tablaPrefortia td.sinBordeSuperior {
  border-top: none;
}
.tablaPrefortia td.w-20 {
  width: 20px;
}
.tablaPrefortia .sinBorde .borde {
  border-top: 1px solid var(--gris-300);
  border-bottom: 1px solid var(--gris-300);
}
.tablaPrefortia .side-label:before {
  padding: 0;
  top: -2px;
}
.tablaPrefortia tr.filaOculta td {
  padding-top: 0;
}
.tablaPrefortia tr.filaOculta td:first-child {
  padding-left: 2rem;
}
.tablaPrefortia .anchoMinimo {
  min-width: 250px !important;
}
.tablaPrefortia td img[src*=png],
.tablaPrefortia td img[src*=jpg] {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
.tablaPrefortia .fino td,
.tablaPrefortia .fino th {
  font-weight: 400;
}
.tablaPrefortia tr:last-child {
  border-bottom: 1px solid var(--gris-300);
}
.tablaPrefortia .clickable {
  cursor: pointer;
}
.tablaPrefortia.batallas th {
  color: var(--colorSecundario);
}
.tablaPrefortia.batallas th a {
  color: var(--colorSecundario);
}
.tablaPrefortia.batallas tr.clickable:hover {
  background-color: var(--gris-300);
}
.tablaPrefortia.batallas tr.deshabilitado td:not(:last-child) {
  opacity: 0.2;
}
.tablaPrefortia.batallas .percentil {
  padding-left: 0.7rem;
}
.tablaPrefortia.batallas span.carta {
  padding: 0.3rem 0.55rem;
  background-position: center bottom;
  background-size: 20px;
  background-repeat: no-repeat;
  font-size: 0.7rem;
  font-weight: 500;
  display: inline-block;
  text-align: center;
  width: 2.188rem;
  height: 1.6rem;
  padding-top: 0.35rem;
}
.tablaPrefortia.batallas span.carta.oro {
  background-image: url(../img/iconos/batallas/percentilOro.svg);
  color: var(--colorTerciario);
}
.tablaPrefortia.batallas span.carta.plata {
  background-image: url(../img/iconos/batallas/percentilPlata.svg);
  color: var(--colorTerciario);
}
.tablaPrefortia.batallas span.carta.bronce {
  background-image: url(../img/iconos/batallas/percentilBronce.svg);
  color: var(--colorTerciario);
}
.tablaPrefortia.batallas span.carta.blanco {
  background-image: url(../img/iconos/batallas/percentilTrazoBlanco.svg);
  color: var(--colorTexto);
}
.tablaPrefortia.batallas span.carta.requerido {
  background-image: url(../img/iconos/batallas/percentilTrazoRequerido.svg);
  color: var(--requerido);
}
.tablaPrefortia.batallas span.carta.equipos.oro {
  background-image: url(../img/iconos/batallas/percentilBatallaOro.svg);
  color: var(--colorTerciario);
  background-size: 23px;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.45rem;
}
.tablaPrefortia.batallas span.carta.equipos.plata {
  background-image: url(../img/iconos/batallas/percentilBatallaPlata.svg);
  color: var(--colorTerciario);
  background-size: 23px;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.45rem;
}
.tablaPrefortia.batallas span.carta.equipos.bronce {
  background-image: url(../img/iconos/batallas/percentilBatallaBronce.svg);
  color: var(--colorTerciario);
  background-size: 23px;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.45rem;
}
.tablaPrefortia.batallas span.carta.equipos.blanco {
  background-image: url(../img/iconos/batallas/percentilBatallaBlanco.svg);
  color: var(--colorTexto);
  background-size: 23px;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.45rem;
}
.tablaPrefortia.batallas span.carta.equipos.requerido {
  background-image: url(../img/iconos/batallas/percentilBatallaRequerido.svg);
  color: var(--requerido);
  background-size: 23px;
  padding: 0.4rem 0.55rem;
  margin-bottom: 0.45rem;
}
.tablaPrefortia.batallas span.carta td img[src*=png],
.tablaPrefortia.batallas span.carta img[src*=jpg] {
  width: 30px;
  height: 30px;
}

.bootstrap-select > .dropdown-toggle:after {
  margin-top: 0px;
}

.jq_oculto {
  display: none;
}

.h-fixed {
  max-height: 400px;
  overflow: auto;
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
}

/* Scrollbars en chrome */
.h-fixed::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}

.h-fixed::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.h-fixed::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}

@media (max-width: 428px) {
  .enlacesSolicitudes a {
    display: block;
    text-align: center;
    margin-top: 0.5rem;
  }
}
/* Scrollbars en chrome */
.tablaPrefortia::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}

.tablaPrefortia::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

.tablaPrefortia::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}

.sombra {
  padding: 5px;
  height: 100%;
  position: relative;
  padding-bottom: 1.875rem;
}
.sombra:hover {
  transform: scale(1.02);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
  z-index: 1;
}
@keyframes suavizar {
  from {
    transform: scale(1.02);
  }
  to {
    transform: scale(1.02);
  }
}

.vl {
  border-left: 1px solid var(--gris-300);
  height: 6rem;
}

.vlAlto {
  border-left: 1px solid var(--gris-300);
  height: 11rem;
  z-index: 500;
}

/*------------------------------------------------------------------
----------991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .row.materiales .sombra {
    padding-left: 1.5rem;
  }
}
/*------------------------------------------------------------------
----------767PX]
-------------------------------------------------------------------*/
@media (max-width: 767px) {
  .tablaCookies {
    overflow: scroll;
  }
  .tablaPrefortia td.selectorTabla {
    max-width: 100% !important;
  }
  .tablaPrefortia td.selectorTabla .dropdown.bootstrap-select {
    width: 75% !important;
  }
}
/*------------------------------------------------------------------
----------578PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .row.materiales .col-xs-6 {
    flex: 0 0 50%;
  }
  .row.materiales .sombra i {
    margin-right: 2px;
  }
}
@media (max-width: 508px) {
  .row.materiales .col-12 {
    flex: 0 0 100%;
  }
}
/*------------------------------------------------------------------
[Cabecera]
-------------------------------------------------------------------*/
/*Hack H1*/
.pixel {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  margin: 0;
  border: 0;
}

#cabecera {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1020;
  background-color: var(--colorPrimario);
  /*--[Carrito]---*/
}
#cabecera.aula .navbar-light {
  background-color: var(--colorTerciario);
}
#cabecera .navbar-brand img {
  width: 190px;
  height: 50px;
}
#cabecera .botonMenu .svg {
  width: 18px;
  height: 18px;
  vertical-align: sub;
  margin-right: 0.5rem;
  margin-bottom: 0;
}
#cabecera .navbar-light {
  padding: 0;
  background-color: var(--colorPrimario);
}
#cabecera .nav-item {
  font-weight: 700;
  line-height: 3.3em;
  margin-right: 0.625rem;
}
#cabecera .nav-item:last-child {
  margin-right: 1.125rem;
}
#cabecera .navbar-nav .nav-item a {
  color: var(--colorTerciario);
  font-size: 0.875rem;
}
#cabecera .navbar-nav .nav-item.active a:not(.dropdown-item),
#cabecera .navbar-nav .nav-item.active a:not(.dropdown-item):hover {
  color: var(--hoverCabecera);
}
#cabecera .nav-item.botonMenu {
  background-color: var(--colorSecundario);
}
#cabecera .nav-item.botonMenu a {
  color: var(--colorTerciario);
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
}
#cabecera .navbar-nav .nav-link,
#cabecera .navbar-nav .nav-link:hover {
  color: var(--hoverCabecera);
}
#cabecera .nav-item.botonMenu:hover {
  background-color: var(--hover);
}
#cabecera .nav-item.botonMenu:hover a,
#cabecera .nav-item.botonMenu:active a {
  color: var(--colorTerciario);
}
#cabecera .menuResponsive {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
#cabecera .menuResponsive li {
  list-style: none;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  margin-right: 0;
}
#cabecera .menuResponsive .nav-item {
  margin-right: 0;
}
#cabecera .nav-link.menu {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 1.39rem 1rem;
  cursor: pointer;
}
#cabecera .nav-link.menu:hover {
  color: #666666;
}
#cabecera .nav-link.menu svg {
  width: 24px;
  height: 24px;
}
#cabecera .nav-link.menu svg line {
  stroke: var(--colorTerciario);
}
#cabecera .nav-link.menu:active svg line,
#cabecera .nav-link.menu:focus svg line {
  stroke: var(--colorTerciario);
}
#cabecera .nav-link.menu:active,
#cabecera .nav-link.menu:focus {
  background-color: #b3b3b3;
}
#cabecera .nav-link.menu i {
  padding-top: 0.688rem;
}
#cabecera .dropdown-menu {
  padding: 0;
  border-radius: 0;
  border: none;
  top: 97%;
  right: 0;
  left: auto;
  background-color: #b3b3b3;
  width: 250px;
}
#cabecera .dropdown-menu.dropdown-cursos {
  width: auto;
  right: auto;
  background-color: var(--colorPrimario-300);
}
#cabecera .dropdown-menu.dropdown-cursos .dropdown-item {
  line-height: 1.5;
  color: var(--colorPrimario);
}
#cabecera .dropdown-menu.dropdown-cursos .dropdown-item:active,
#cabecera .dropdown-menu.dropdown-cursos .dropdown-item:hover {
  color: var(--colorTerciario);
}
#cabecera .dropdown-menu .dropdown-item {
  color: #fff;
  font-weight: 700;
  padding: 0.8rem 1.2rem;
}
#cabecera .dropdown-menu .dropdown-item:hover,
#cabecera .dropdown-menu .dropdown-item:active {
  background-color: var(--colorPrimario);
}
#cabecera .activo {
  background-color: #666666;
}
#cabecera .nav-link.menu.collapsed {
  background-color: transparent;
}
#cabecera .nav-link.menu.collapsed svg line {
  stroke: #1e476e;
}
#cabecera li {
  list-style: none;
}
#cabecera .navbar-brand {
  flex: auto;
}
#cabecera .nav-link.posicionBadge {
  position: relative;
}
#cabecera .botonMenu.carrito {
  background-color: var(--colorTexto);
  position: relative;
  display: none;
}
#cabecera .botonMenu.carrito .badge {
  position: absolute;
  top: 18px;
  left: 30px;
  height: 12px;
  font-size: 8px;
  border-radius: 50%;
}
#cabecera .botonMenu.carrito:hover {
  background-color: var(--colorTexto);
}
#cabecera .dropdown-menu.carrito {
  background-color: var(--colorTerciario);
  right: 0;
  z-index: 9999;
  top: 97%;
  left: auto;
  border-radius: 0;
  min-width: 27.75rem;
  height: auto;
  padding: 1.25rem 1.25rem 0 1.25rem;
  line-height: 1rem;
  border: 1px solid #dee2e6;
  border-top: none;
  max-height: calc(100vh - 6.25rem);
  overflow-y: auto;
  box-shadow: 0 24px 16px -28px rgba(0, 0, 0, 0.2) inset, 0 0px;
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
  /* Scrollbars en chrome */
}
#cabecera .dropdown-menu.carrito::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
#cabecera .dropdown-menu.carrito::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
#cabecera .dropdown-menu.carrito::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}
#cabecera .dropdown-menu.carrito .row {
  padding-top: 0.625rem;
  position: relative;
}
#cabecera .dropdown-menu.carrito p {
  font-weight: 400;
}
#cabecera .dropdown-menu.carrito hr {
  margin: 0.5rem 0;
}
#cabecera .dropdown-menu.carrito .unidades {
  padding: 0;
  text-align: right;
  align-items: center;
}
#cabecera .dropdown-menu.carrito .unidades a {
  background-color: transparent;
}
#cabecera .dropdown-menu.carrito .botonera input {
  border: 1px solid #4d4d4d;
}
#cabecera .dropdown-menu.carrito .botonCarrito {
  padding: 0.3rem 0.7rem;
}
#cabecera .dropdown-menu.carrito .boton a {
  line-height: 1.2rem;
  padding: 0.625rem;
  font-size: 1rem;
}
#cabecera .dropdown-menu.carrito .close {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 300;
}

.botonera {
  font-size: 0.75rem;
}
.botonera .papelera {
  width: 16px;
  height: 16px;
  margin-left: 0.625rem;
}

/*------------------------------------------------------------------
  ------[7.2 Navegacion]
  -------------------------------------------------------------------*/
/*------------------------------------------------------------------
  --------------------[7.2.1 ----991PX]
  -------------------------------------------------------------------*/
@media (min-width: 992px) {
  #cabecera .menuResponsive {
    display: none;
  }
  #cabecera .nav-link.menu.order-2 {
    display: none;
  }
}
@media (max-width: 992px) {
  #cabecera .navbar {
    padding-right: 0;
    padding-left: 0;
  }
  #cabecera .contenedorInterno {
    padding-right: 0;
  }
  #cabecera .botonMenu .svg,
  #cabecera .botonMenu.carrito .svg {
    margin-right: 0;
  }
  #cabecera #menuResponsive {
    position: absolute;
    padding: 0;
    border-radius: 0;
    border: none;
    top: 100%;
    right: 0;
    left: auto;
    background-color: #b3b3b3;
    width: 250px;
  }
  #cabecera #menuResponsive .nav-item {
    margin-right: 0;
  }
  #cabecera #menuResponsive a {
    cursor: pointer;
    color: var(--colorTerciario);
    font-weight: 700;
    padding: 0.8rem 1.2rem;
    line-height: 1.5rem;
    font-size: 16px;
  }
  #cabecera #menuResponsive a:hover {
    background-color: var(--colorPrimario);
  }
  #cabecera #menuResponsive a.active {
    background-color: var(--colorPrimario);
  }
}
/*------------------------------------------------------------------
  --------------------[7.2.1 ----576PX]
  -------------------------------------------------------------------*/
@media (max-width: 576px) {
  #cabecera .botonMenu.carrito {
    position: static;
  }
  #cabecera .dropdown-menu.carrito {
    width: 107%;
    min-width: auto;
  }
  #cabecera .dropdown-menu.carrito .unidades {
    text-align: left;
  }
  #cabecera .dropdown-menu.carrito .botonera .botonCarrito {
    padding: 0.6rem 1rem;
  }
}
/*------------------------------------------------------------------
  --------------------[7.2.1 ----410PX]
  -------------------------------------------------------------------*/
/*@media (max-width: 430px) {
    #cabecera { 
        .navbar-brand img {
        width: 170px;
      }
    } 
  }*/
@media (max-width: 450px) {
  #cabecera .navbar-brand img {
    width: 128px;
  }
}
/*------------------------------------------------------------------
  --------------------[7.2.1 ----380PX]
  -------------------------------------------------------------------*/
/*@media (max-width: 379px) {
    #cabecera { 
        .navbar-brand img {
        width: 140px;
      }
    } 
  }+/

  /*------------------------------------------------------------------
  --------------------[7.2.1 ----350PX]
  -------------------------------------------------------------------*/
@media (max-width: 350px) {
  #cabecera .nav-item.botonMenu a,
  #cabecera .botonMenu.carrito a {
    padding: 0.5rem 0.9rem;
  }
}
/*------------------------------------------------------------------
[Cabecera aula virtual]
-------------------------------------------------------------------*/
#cabecera.aula .navbar-brand {
  padding-left: 0.5rem;
}
#cabecera.aula .nav-link.menu {
  position: relative;
  cursor: pointer;
  padding: 0;
}
#cabecera.aula .nav-link.menu.show-sidebar {
  padding: 1.28rem 1rem;
}
#cabecera.aula .nav-link.avatar {
  padding: 0 1rem;
}
#cabecera.aula .nav-link.avatar img {
  width: 45px;
}
#cabecera.aula .nav-link.menu svg line {
  stroke: var(--colorPrimario);
}
#cabecera.aula .curso {
  width: 30px;
  margin-right: 0.5rem;
}
#cabecera.aula .nav-link .notificaciones {
  padding: 0;
}
#cabecera.aula .nav-link.menu.aula a {
  padding: 1.28rem 0.8rem;
}
#cabecera.aula #menuLateralCollapse:focus svg line {
  stroke: var(--colorPrimario);
  fill: var(--colorPrimario);
  color: var(--colorPrimario);
}
#cabecera.aula #menuLateralCollapse:active svg line {
  stroke: var(--colorPrimario);
  fill: var(--colorPrimario);
  color: var(--colorPrimario);
}
#cabecera.aula .tituloCurso {
  flex: 1 0;
}
#cabecera.aula .tituloCurso span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#cabecera.aula #plegar {
  padding: 1.2rem 0.6rem;
  color: #b2b2b2;
}
#cabecera.aula #plegar:hover {
  background-color: var(--colorTerciario);
}
#cabecera.aula .badge {
  font-family: var(--fuentePrincipal);
  position: absolute;
  top: -4px;
  left: 12px;
  padding: 4px;
  font-size: 8px;
  border-radius: 50%;
}
#cabecera.aula i {
  vertical-align: text-bottom;
  position: relative;
}
#cabecera.aula ul:not(.submenu) {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
#cabecera.aula .dropdown-menu {
  background-color: var(--primarioClaro);
}
#cabecera.aula .dropdown-menu i {
  margin-right: 20px;
  position: relative;
  padding-top: 0;
}
#cabecera.aula .dropdown-menu a {
  padding: 0.9rem;
  font-weight: 500;
  color: var(--colorTexto);
}
#cabecera.aula .dropdown-menu a:hover {
  color: var(--colorTerciario);
}
#cabecera.aula .dropdown-menu .submenu {
  padding-left: 0;
  border: none;
  border-radius: 0;
  background-color: var(--subMenuLateral);
  color: var(--colorTexto);
  list-style: none;
}
#cabecera.aula .dropdown-menu .submenu li a {
  padding: 15px 19px;
  display: inline-block;
}
#cabecera.aula .dropdown-menu.dropNotificaciones .row a {
  padding: 0;
}
#cabecera.aula .dropdown-menu.dropNotificaciones .row a:hover {
  color: #4d4d4d;
  opacity: 0.6;
}
#cabecera.aula .oculto {
  display: none;
}
#cabecera.aula .nav-link.avatar .galon-cursos {
  width: 30px;
  margin-right: 0.2rem;
}
#cabecera.aula .nav-link .texto {
  display: flex;
  align-items: center;
}
#cabecera.aula .galon {
  width: 40px;
  vertical-align: middle;
  margin-right: 0.3rem;
}
#cabecera.aula .nav-link:hover {
  background-color: var(--primarioClaro);
}
#cabecera.aula .escudo {
  display: flex;
  position: relative;
  font-size: 28px;
  vertical-align: middle;
}
#cabecera.aula .escudo span {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  color: var(--colorTerciario);
  font-size: 12px;
  font-family: "roboto";
}
#cabecera.aula .escudo.requerido {
  color: var(--requerido);
}
#cabecera.aula .escudo.requerido span {
  color: var(--requerido);
  font-size: 30px;
  top: -4px;
  left: 8px;
}
#cabecera.aula .escudo.colorTexto span {
  color: var(--colorTexto);
}
#cabecera.aula .dropdown-menu .escudo {
  line-height: 0;
}
#cabecera.aula .dropdown-menu .escudo span {
  top: -1px;
}
#cabecera.aula .dropNotificaciones {
  min-width: 25rem;
  padding: 1.1rem 0.9rem 0 0.9rem;
  background-color: var(--colorTerciario);
  right: 0;
  z-index: 1;
  top: 97%;
  left: auto;
  border: 1px solid var(--gris-300);
  border-top: none;
  overflow-x: hidden;
  box-shadow: 0 24px 16px -28px rgba(0, 0, 0, 0.2) inset, 0 0px;
  color: var(--colorTexto);
}
#cabecera.aula .dropNotificaciones .elementosNotificaciones {
  width: 100%;
  max-height: 20rem;
  overflow-y: auto;
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
  /* Scrollbars en chrome */
}
#cabecera.aula .dropNotificaciones .elementosNotificaciones::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
#cabecera.aula .dropNotificaciones .elementosNotificaciones::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
#cabecera.aula .dropNotificaciones .elementosNotificaciones::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}
#cabecera.aula .dropNotificaciones .enlace:hover {
  color: inherit;
  opacity: 0.7;
}
#cabecera.aula .dropNotificaciones i {
  margin-right: 0;
}
#cabecera.aula .dropNotificaciones .sombraInterna {
  display: inline-block;
  -webkit-box-shadow: inset 1px 0px 9px -4px rgba(46, 46, 46, 0.42);
  -moz-box-shadow: inset 1px 0px 9px -4px rgba(46, 46, 46, 0.42);
  box-shadow: inset 1px 0px 9px -4px rgba(46, 46, 46, 0.42);
  line-height: 50px;
  padding: 0 0.8rem;
}
#cabecera.aula .dropNotificaciones .item {
  border-top: 1px solid var(--primarioClaro);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
#cabecera.aula .dropNotificaciones .item .texto {
  line-height: 1.2rem;
  max-width: 210px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#cabecera.aula .dropNotificaciones .item .circulo {
  width: 34px;
  height: 34px;
  position: relative;
}
#cabecera.aula .dropNotificaciones .item .circulo i {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 9px;
  left: 9px;
  color: var(--colorTerciario);
}
#cabecera.aula .dropNotificaciones .item.nuevo {
  background-color: var(--primarioClaro);
  color: var(--colorPrimario);
}
#cabecera.aula .dropNotificaciones .item.nuevo a {
  background-color: #e5edeb;
  color: var(--colorPrimario);
}
#cabecera.aula.fase-final .navbar-light {
  background-color: #e1f5f9;
}
#cabecera.aula.fase-final .navbar-brand {
  height: 48px;
  width: 150px;
  background-image: url(../img/logos/logoFASEFINAL.svg);
  background-position: left;
  background-repeat: no-repeat;
}
#cabecera.aula.fase-final .navbar-brand img {
  display: none;
}

/*------------------------------------------------------------------
[1200PX]
-------------------------------------------------------------------*/
@media (max-width: 1200px) {
  #cabecera.aula .ocultoDown {
    display: none;
  }
}
@media (min-width: 1200px) {
  #cabecera.aula .navbar-brand {
    flex: none;
  }
}
/*------------------------------------------------------------------
[991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  #cabecera.aula #plegar {
    display: none;
  }
}
@media (max-width: 768px) {
  #cabecera.aula .nav-link.avatar img {
    margin-left: 0 !important;
  }
}
/*------------------------------------------------------------------
[576PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  #cabecera.aula .nav-link.menu.avatar {
    position: static;
  }
  #cabecera.aula .nav-link.menu.aula {
    position: static;
  }
  #cabecera.aula .dropNotificaciones {
    min-width: 100%;
  }
}
@media (max-width: 490px) {
  #cabecera.aula .navbar-brand img {
    width: 120px;
  }
  #cabecera.aula .nav-link.menu.avatar {
    padding: 0 0.5rem;
  }
  #cabecera.aula .nav-link.menu.aula a {
    padding: 1.25rem 0.6rem;
  }
  #cabecera.aula .nav-link.menu.show-sidebar {
    padding: 1.25rem 0.5rem;
  }
  #cabecera.aula .navbar-brand {
    margin-right: 0.5rem;
  }
  #cabecera.aula .nav-link.avatar img {
    width: 44px;
  }
  #cabecera.aula .dropdown-menu.dropNotificaciones .row a {
    padding: 0;
  }
}
/*------------------------------------------------------------------
--------[Pie]
-------------------------------------------------------------------*/
#pie {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 600;
}
#pie .textoLegal small {
  font-size: 0.7rem;
}
#pie .contenedor {
  background-color: var(--colorPrimario);
  padding: 0.313rem 0.625rem;
}
#pie p {
  margin-bottom: 0;
  color: var(--colorTerciario);
  font-size: 0.875rem;
  line-height: 1.6em;
}
#pie a {
  color: var(--colorTerciario);
  font-weight: 700;
}
#pie a:hover {
  opacity: 0.6;
}
#pie .colorPrimario {
  color: var(--colorPrimario);
}
#pie .botonPrimario:hover {
  color: var(--colorTerciario);
}
#pie .row {
  margin-right: 0;
  margin-left: 0;
}

/*------------------------------------------------------------------
  --------------------[7.3.1 ----576PX]
  -------------------------------------------------------------------*/
@media (max-width: 576px) {
  #pie p {
    font-size: 0.75rem;
  }
}
/*------------------------------------------------------------------
[Menu lateral Aula Virtual]
-------------------------------------------------------------------*/
#menuLateral {
  min-width: 15.625rem;
  max-width: 15.625rem;
  background-color: var(--primarioClaro);
  z-index: 601;
  transition: max-width 0.6s, min-width 0.6s;
  position: fixed;
  overflow: hidden;
  overflow-y: auto;
  white-space: nowrap;
  left: 0;
  height: calc(100vh - 4rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
  /* Scrollbars en chrome */
}
#menuLateral img {
  width: 18px;
}
#menuLateral::-webkit-scrollbar {
  display: none;
}
#menuLateral::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
#menuLateral::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}
#menuLateral a {
  cursor: pointer;
}
#menuLateral i {
  vertical-align: text-top;
}
#menuLateral .monocolor {
  filter: grayscale(1) brightness(1.4);
}
#menuLateral li ul {
  padding-left: 0;
  border: none;
  border-radius: 0;
  background-color: var(--subMenuLateral);
  color: var(--colorTexto);
  list-style: none;
}
#menuLateral ul.list-unstyled li a {
  padding: 15px 19px;
  font-weight: 500;
  color: var(--colorTexto);
  letter-spacing: 0.1px;
  display: block;
}
#menuLateral ul.list-unstyled li a:hover, #menuLateral ul.list-unstyled li a.active {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}
#menuLateral ul.list-unstyled li a.active img {
  filter: brightness(10);
}
#menuLateral ul.list-unstyled li a.hoverDorado:hover, #menuLateral ul.list-unstyled li a.hoverDorado.active {
  background-color: var(--colorSecundario);
  color: var(--colorTerciario);
}
#menuLateral ul.list-unstyled li ul li a:hover {
  background-color: var(--colorPrimarioVariacion);
  color: var(--colorTexto);
}
#menuLateral ul.list-unstyled li ul.dorado li {
  background-color: #f3ead3;
}
#menuLateral ul.list-unstyled li ul.dorado li a:hover {
  background-color: #eddbaf;
  color: var(--colorTexto);
}
#menuLateral ul.list-unstyled li svg {
  vertical-align: text-top;
}
#menuLateral ul.list-unstyled li span {
  margin-left: 20px;
}
#menuLateral ul.list-unstyled li i {
  font-size: 18px;
}
#menuLateral ul.list-unstyled li.carrera a:hover {
  background-color: #594d45;
}
#menuLateral ul.list-unstyled li.carrera a:hover,
#menuLateral ul.list-unstyled li.carrera a.active {
  background-color: #594d45;
}
#menuLateral ul.list-unstyled li.activo {
  background-color: var(--colorPrimario);
}
#menuLateral ul.list-unstyled li.activo a {
  color: var(--colorTerciario);
}

#contenedorTodo {
  width: 100%;
}

.contenido {
  padding-left: 15.625rem;
  transition: all 0.6s;
  padding-bottom: 2rem;
}
.contenido .interior {
  padding: 1.375rem 1rem 2rem 1rem;
  width: 100%;
}
.contenido.collapse-sidebar {
  padding-left: 3.5rem;
}
.contenido.collapse-sidebar #menuLateral {
  min-width: 3.5rem;
  max-width: 3.5rem;
}
.contenido.collapse-sidebar.carrera {
  padding-left: 0;
}
.contenido.collapse-sidebar.carrera #menuLateral {
  min-width: 0;
  max-width: 0;
}

/*------------------------------------------------------------------
[991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .contenido {
    padding: 0rem 0.5rem;
  }
  .contenido.collapse-sidebar {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .contenido.collapse-sidebar #menuLateral {
    min-width: 0;
    max-width: 0;
    padding-left: 0;
  }
  .contenido.collapse-sidebar #menuLateral i {
    display: none;
  }
  .contenido {
    width: 100%;
    transition: all 0.2s;
  }
}
/*------------------------------------------------------------------
[4. Componentes]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Botones]
-------------------------------------------------------------------*/
.botonCancelar, .botonTerciario-lg, .botonTerciario, .botonRequerido, .botonSecundario, .botonVariacionFuerte, .botonVariacion, .botonPrimario, .botonSecundario-lg, .botonPrimario-lg, .botonRequerido-xs, .botonPrimario-xs, .botonRequerido-sm, .botonSecundario-sm, .botonPrimario-sm {
  padding: 0.625rem;
  min-width: 11.25rem;
  border-radius: 5px;
  font-weight: 600;
  display: inline-block;
  text-align: center;
  font-size: 1rem;
}

.botonTerciario, .botonRequerido-sm, .botonSecundario-sm, .botonPrimario-sm {
  padding: 0.35rem;
  min-width: 7.25rem;
  line-height: 1.7rem;
}

.botonRequerido-xs, .botonPrimario-xs {
  padding: 0.1rem;
  min-width: 5.2rem;
  line-height: 1.7rem;
}

.botonSecundario-lg, .botonPrimario-lg {
  min-width: 14.25rem;
  font-size: 1.1rem;
}

.botonPrimario-lg, .botonPrimario-xs, .botonPrimario-sm, .botonPrimario {
  background-color: var(--botonPrimario);
  color: var(--colorTerciario);
}
.botonPrimario-lg:hover, .botonPrimario-xs:hover, .botonPrimario-sm:hover, .botonPrimario:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonVariacion {
  background-color: var(--colorPrimarioVariacion);
  color: var(--colorTerciario);
}
.botonVariacion:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonVariacionFuerte {
  background-color: var(--colorPrimarioVariacionFuerte);
  color: var(--colorTerciario);
}
.botonVariacionFuerte:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonSecundario-lg, .botonSecundario-sm, .botonSecundario {
  background-color: var(--colorSecundario);
  color: var(--colorTerciario);
}
.botonSecundario-lg:hover, .botonSecundario-sm:hover, .botonSecundario:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonCarrito {
  padding: 0.3rem 1.2rem;
  border-radius: 0;
  border: 1px solid var(--colorTexto);
  background-color: var(--colorTerciario);
}

.botonCarrito:hover {
  background-color: #d3d5d9;
}

.botonPrimario.carrera {
  background-color: #594d45;
  padding: 0.8rem 5rem;
  font-size: 1.4rem;
}
.botonPrimario.carrera:hover {
  background-color: var(--hover);
}
.botonPrimario.botonMundo {
  color: var(--colorFondo);
  padding: 0.8rem 5rem;
  font-size: 1.4rem;
}
.botonPrimario.botonMundoSecundario {
  border: 1px solid var(--colorPrimario);
  background-color: var(--colorFondo);
  color: var(--colorPrimario);
  padding: 0.4rem 3rem;
  font-size: 1.1rem;
}
.botonPrimario.deshabilitado {
  opacity: 0.5;
}
.botonPrimario.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorPrimario);
}

.botonVariacion.deshabilitado {
  opacity: 0.5;
}
.botonVariacion.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorPrimario);
}

.botonVariacionFuerte.deshabilitado {
  opacity: 0.5;
}

.botonPrimario-sm.deshabilitado {
  opacity: 0.5;
}
.botonPrimario-sm.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorPrimario);
}

.botonPrimario-xs.deshabilitado {
  opacity: 0.5;
}
.botonPrimario-xs.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorPrimario);
}

.botonPrimario-lg.deshabilitado {
  opacity: 0.5;
}
.botonPrimario-lg.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorPrimario);
}

.botonSecundario.deshabilitado {
  opacity: 0.5;
}
.botonSecundario.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorSecundario);
}

.botonSecundario-sm.deshabilitado {
  opacity: 0.5;
}
.botonSecundario-sm.deshabilitado:hover {
  opacity: 0.5;
  background-color: var(--colorSecundario);
}

.botonRequerido-sm {
  background-color: var(--requerido);
  color: var(--colorTerciario);
}
.botonRequerido-sm:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonRequerido {
  background-color: var(--requerido);
  color: var(--colorTerciario);
}
.botonRequerido:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonRequerido-xs {
  background-color: var(--requerido);
  color: var(--colorTerciario);
}
.botonRequerido-xs:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.cuotas .sombra.deshabilitado {
  background-color: inherit;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(187, 199, 125, 0.6);
  -moz-box-shadow: 0px 0px 8px 0px rgba(187, 199, 125, 0.6);
  box-shadow: 0px 0px 8px 0px rgba(187, 199, 125, 0.6);
}
.cuotas .sombra.reducido {
  background-color: #faf9f2;
}

a.botonPrimario:not([href]),
a.botonPrimario-sm:not([href]),
a.botonPrimario-lg:not([href]),
a.botonSecundario:not([href]),
a.botonSecundario-sm:not([href]),
a.botonSecundario-lg:not([href]) {
  color: var(--colorTerciario);
}

.botonSecundario-lg.deshabilitado {
  opacity: 0.5;
}
.botonSecundario-lg.deshabilitado:hover {
  opacity: 0.5;
}

.botonTerciario {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
}
.botonTerciario:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.input-group-append .btn.botonSecundario {
  color: var(--colorTerciario);
  background-color: var(--colorSecundario);
  min-width: auto;
  padding: 0.375rem 0.75rem;
}
.input-group-append .btn.botonSecundario:hover {
  background-color: #666666;
}

.input-group-append a.aspNetDisabled {
  color: var(--colorTerciario);
  opacity: 0.4;
}

.botonTerciario-lg {
  background-color: var(--colorTerciario);
  color: var(--colorPrimario);
}
.botonTerciario-lg:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonCancelar {
  background-color: var(--requerido);
  color: var(--colorTerciario);
}
.botonCancelar:hover {
  background-color: var(--hover);
  color: var(--colorTerciario);
}

.botonBusqueda {
  padding: 0.5rem;
  background-color: var(--colorPrimarioVariacion);
  color: var(--colorTerciario);
}
.botonBusqueda:hover {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}

.mw-auto {
  min-width: auto;
}

a.enlace {
  color: var(--colorPrimario);
}
a.enlace:hover {
  opacity: 0.7;
}

a.enlace.colorSecundario {
  color: var(--colorSecundario);
}
a.enlace.colorSecundario:hover {
  opacity: 0.7;
}

a.enlace.deshabilitado {
  opacity: 0.5;
}
a.enlace.deshabilitado:hover {
  opacity: 0.5;
}

a.enlace.colorSecundario.deshabilitado {
  opacity: 0.5;
}
a.enlace.colorSecundario.deshabilitado:hover {
  opacity: 0.5;
}

.sinCursor {
  cursor: no-drop;
}

.modal-footer.botones {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 576px) {
  .modal-footer.botones {
    justify-content: center;
  }
  .modal-footer.botones div {
    display: block;
  }
}
/*------------------------------------------------------------------
[BANNER]
-------------------------------------------------------------------*/
.banner .contenedorInterno {
  padding: 0 2.5rem;
}

.swiper-container.banner {
  background-size: cover;
  background-position: center center;
  position: relative;
}

.swiper-container.banner .swiper-slide {
  padding: 2rem 0;
  min-height: 474px;
}

.swiper-slide.bg1 {
  background-image: url(../temp/img/banner/banner1.jpg);
  background-size: cover;
  background-position: center;
}

.swiper-slide.bg2 {
  background-image: url(../temp/img/banner/banner2.jpg);
  background-size: cover;
  background-position: center;
}

.swiper-slide.bg3 {
  background-image: url(../img/descargaEsquema/Pantalla-descarga-Esquema-Ministerio-Interior.jpg);
  background-size: cover;
  background-position: center;
}

.swiper-container.banner img {
  width: 100%;
}

/*------------------------------------------------------------------
--------------------[7.3.1 ----991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .elementos {
    text-align: center;
  }
  .swiper-container.banner {
    height: auto;
  }
  .swiper-container.banner img {
    width: 75%;
  }
  .swiper-container.banner .elementos {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
/*------------------------------------------------------------------
--------------------[7.3.1 ----768PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .swiper-container.banner img {
    width: 75%;
  }
}
/*------------------------------------------------------------------
--------------------[7.3.1 ----600PX]
-------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
  .swiper-container.banner img {
    width: 100%;
  }
  .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
  .swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {
    font-size: 20px;
    color: #4D4D4D;
    display: block;
  }
}
/*------------------------------------------------------------------
[4. Aviso superior/cookies]
-------------------------------------------------------------------*/
#cookies, #avisoSuperior {
  position: fixed;
  width: 100%;
  padding: 1.25rem 1.25rem;
  z-index: 9999;
  text-align: center;
}
#cookies a, #avisoSuperior a, #cookies p, #avisoSuperior p {
  display: inline-block;
}
#cookies p, #avisoSuperior p {
  margin-right: 1rem;
  margin-bottom: 0.5rem;
}

#avisoSuperior {
  top: 0;
}

#cookies {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
  bottom: 0;
}
#cookies .botonTerciario {
  color: var(--colorTexto);
}
#cookies .botonTerciario:hover {
  background-color: #B3B3B3;
  color: var(--colorTerciario);
}
#cookies .enlace {
  color: var(--colorTerciario);
  font-weight: 500;
}
#cookies .enlace:hover {
  color: #B3B3B3;
}

/*------------------------------------------------------------------
[Checkboxes] 
-------------------------------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  left: -9999px;
}

.modalBatallas input[type=checkbox],
.modalBatallas input[type=radio] {
  opacity: 0;
  position: relative;
}

.side-label {
  position: relative;
  padding: 10px 0 0 28px;
  font-size: 1rem;
  cursor: pointer;
}

.side-label::before {
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 19px;
  content: "\eabb";
  display: block;
  position: absolute;
  opacity: 1;
  top: 6px;
  left: 0;
  color: #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

input[type=checkbox] + label {
  position: relative;
  padding: 10px 0 0 28px;
  font-size: 1rem;
  cursor: pointer;
}

input[type=checkbox] + label::before {
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 19px;
  content: "\eabb";
  display: block;
  position: absolute;
  opacity: 1;
  top: 6px;
  left: 0;
  color: #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

span.aspNetDisabled.checked + .side-label::before,
input:checked + .side-label::before,
input[type=checkbox]:checked + label::before {
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eabc";
  color: var(--colorPrimario);
  opacity: 1;
}

span.aspNetDisabled.checked + .side-label::before,
input:disabled:checked + .side-label::before,
input:disabled:checked + .side-radio::before {
  opacity: 0.4;
  cursor: default;
}

span.aspNetDisabled.checked.colorPrimario + .side-label::before,
input:disabled + .side-label::before {
  opacity: 1;
}

span.aspNetDisabled.checked + .side-label::before,
input:disabled + .side-label::before,
input:disabled + .side-radio::before {
  cursor: no-drop;
}

span.aspNetDisabled + .side-label::before,
input:disabled + .side-label::before {
  cursor: no-drop;
}

span.aspNetDisabled + .side-label {
  cursor: default;
}

.checkBoxModal .side-label {
  padding: 18px 0 0 28px;
}

.side-radio {
  display: block;
  position: relative;
  padding: 10px 0 0 24px;
  cursor: pointer;
}

.side-radio::before {
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 19px;
  content: "\eae7";
  display: block;
  position: absolute;
  top: 8px;
  left: 0;
  color: #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

input:checked + .side-radio::before {
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eae8";
  color: var(--colorPrimario);
  opacity: 1;
}

input:checked + .side-label.activo::before,
input:checked + .side-radio.activo::before {
  color: #bec9d6;
}

.respuestas .acierto input:checked + .side-label::before,
input:checked + .side-label.acierto::before {
  color: #3a897a;
}

.respuestas .fallo input:checked + .side-label::before,
input:checked + .side-label.fallo::before {
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eaec";
  opacity: 1;
  color: var(--requerido);
}

.respuestas .fallo input:checked + .side-radio::before,
input:checked + .side-radio.fallo::before {
  opacity: 1;
  color: var(--requerido);
}

.respuestas .acierto input:checked + .side-radio::before,
input:checked + .side-radio.acierto::before {
  opacity: 1;
  color: #3a897a;
}

.checkAcierto {
  color: #3a897a;
}

/*------------------------------------------------------------------
[Alertas] 
-------------------------------------------------------------------*/
.alert, .alert-success, .alert-danger, html[data-theme=oscuro] .alert-warning, html[data-theme=oscuro] .alert-danger {
  border: none;
  border-radius: 0;
}
.alert img, .alert-success img, .alert-danger img, html[data-theme=oscuro] .alert-warning img, html[data-theme=oscuro] .alert-danger img {
  width: 20px;
  padding-bottom: 3px;
}
.alert .close, .alert-success .close, .alert-danger .close, html[data-theme=oscuro] .alert-warning .close, html[data-theme=oscuro] .alert-danger .close {
  text-shadow: none;
}

.alert .imagenConfianza, .alert-success .imagenConfianza, .alert-danger .imagenConfianza, html[data-theme=oscuro] .alert-warning .imagenConfianza, html[data-theme=oscuro] .alert-danger .imagenConfianza {
  width: 60px;
}

.alert-danger {
  color: var(--requerido);
}

.alert-success {
  background-color: var(--success);
}

.alert.videoclases, html[data-theme=oscuro] .videoclases.alert-warning, html[data-theme=oscuro] .videoclases.alert-danger, .videoclases.alert-danger, .videoclases.alert-success {
  padding: 0.3rem 3rem 0.2rem 2rem;
  padding-left: 0;
  margin-bottom: 0;
  color: var(--requerido);
  border-bottom: 2px solid var(--requerido);
}
.alert.videoclases span, html[data-theme=oscuro] .videoclases.alert-warning span, .videoclases.alert-danger span, .videoclases.alert-success span {
  display: inline-block;
  margin: 0 1rem;
  font-weight: 600;
}
.alert.videoclases span i, html[data-theme=oscuro] .videoclases.alert-warning span i, .videoclases.alert-danger span i, .videoclases.alert-success span i {
  vertical-align: baseline;
}
.alert.videoclases span .espaciado, html[data-theme=oscuro] .videoclases.alert-warning span .espaciado, .videoclases.alert-danger span .espaciado, .videoclases.alert-success span .espaciado {
  margin: 0;
  margin-right: 1.8rem;
}
.alert.videoclases .close, html[data-theme=oscuro] .videoclases.alert-warning .close, .videoclases.alert-danger .close, .videoclases.alert-success .close {
  top: -7px;
  opacity: 1;
}

.alert.demo, html[data-theme=oscuro] .demo.alert-warning, html[data-theme=oscuro] .demo.alert-danger, .demo.alert-danger, .demo.alert-success {
  padding: 0.3rem 3rem 0.2rem 2rem;
  padding-left: 0;
  margin-bottom: 0;
  color: var(--colorPrimarioVariacion);
  border-bottom: 2px solid var(--colorPrimarioVariacion);
}
.alert.demo span, html[data-theme=oscuro] .demo.alert-warning span, .demo.alert-danger span, .demo.alert-success span {
  display: inline-block;
  margin: 0 1rem;
}
.alert.demo span i, html[data-theme=oscuro] .demo.alert-warning span i, .demo.alert-danger span i, .demo.alert-success span i {
  vertical-align: pre;
  color: var(--colorPrimarioVariacion);
}
.alert.demo span .espaciado, html[data-theme=oscuro] .demo.alert-warning span .espaciado, .demo.alert-danger span .espaciado, .demo.alert-success span .espaciado {
  margin: 0;
  margin-right: 1.8rem;
}
.alert.demo .close, html[data-theme=oscuro] .demo.alert-warning .close, .demo.alert-danger .close, .demo.alert-success .close {
  top: -7px;
  opacity: 1;
}

@media (max-width: 576px) {
  .alert-success {
    text-align: center !important;
  }
  .alert-success img {
    margin: 0.6rem 0;
  }
}
.alert-dismissible {
  padding-right: 2rem;
}

.avisoWeb {
  border: none;
  border-radius: 0;
  color: var(--avisoTexto);
  background-color: var(--aviso);
  padding: 0.75rem 1.25rem;
  text-align: center;
}

.fondoAcceso .avisoWeb {
  display: flex;
  width: 100%;
  justify-content: center;
  align-self: flex-start;
}

.fondoCompra .avisoWeb {
  display: flex;
  width: 100%;
  justify-content: center;
  align-self: flex-start;
}

.fondoAcceso .avisoWeb i {
  margin-right: 0.2rem;
}

/*------------------------------------------------------------------
[ACORDEON]
-------------------------------------------------------------------*/
.accordion.prefortia .card-header {
  background-color: var(--colorPrimarioAcordeones);
  padding: 0.2rem 0;
  border: none;
}
.accordion.prefortia .card-body {
  background-color: var(--colorTerciario);
}
.accordion.prefortia .card {
  border: none;
  border-radius: 0;
  overflow: visible;
  background-color: var(--colorTerciario);
}
.accordion.prefortia a.btn {
  color: var(--colorPrimario);
  text-decoration: none;
  display: block;
  text-align: left;
}
.accordion.prefortia a.infoGalon img {
  width: 50px;
  vertical-align: bottom;
  margin-right: 5px;
}
.accordion.prefortia a.infoGalon strong {
  line-height: 29px;
}
.accordion.prefortia .card-body {
  padding: 0.2rem 0;
}
.accordion.prefortia .card-header a:after {
  content: "\eaf1";
  font-family: "Prefortia";
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 1.9rem;
}
.accordion.prefortia .card-header.anchoAlternativo a:after {
  content: "\eaf1";
  font-family: "Prefortia";
  position: absolute;
  top: 0;
  right: 16px;
  font-size: 1.9rem;
}
.accordion.prefortia .card-header a[aria-expanded=true]:after {
  content: "\ea98";
}
.accordion.prefortia.deshabilitado a {
  opacity: 0.4;
}
.accordion.prefortia.deshabilitado .card-header a:after {
  content: "";
}
.accordion.prefortia.batallas .card-header {
  background-color: var(--activoOro);
}
.accordion.prefortia.simulacrosPresenciales .card-header {
  background-color: transparent;
  padding: 0;
  border-bottom: 1px solid var(--gris-300);
  padding-right: 20px;
}
.accordion.prefortia.simulacrosPresenciales .card-header a:after {
  color: var(--colorTexto);
}
.accordion.prefortia.simulacrosPresenciales .side-label {
  padding: 20px 0 0 28px;
}

.accordion.prefortia.simulacros .card-header {
  background-color: var(--colorPrimarioAcordeones);
}

.accordion.subAcordeon .card {
  border: none;
  margin-bottom: 0.5rem;
  background-color: var(--colorTerciario);
}
.accordion.subAcordeon .card-header {
  background-color: var(--colorTerciario);
  padding-bottom: 0;
}
.accordion.subAcordeon .card-header a {
  padding-left: 15px;
  padding-bottom: 0;
  padding-top: 0;
}
.accordion.subAcordeon .card-header a.btn:after {
  content: "\eacf";
  font-family: "Prefortia";
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 1.2rem;
}
.accordion.subAcordeon .card-header a[aria-expanded=true]:after {
  content: "\eace";
}

.accordion.testCarta {
  padding-bottom: 40px;
}

@media (max-width: 576px) {
  .accordion.testCarta {
    padding-bottom: inherit;
  }
}
.accordion.testCarta a .card-header:after {
  content: "";
}

.apartados a .card-header:after {
  content: "\eaf1";
  font-family: "Prefortia";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  margin-top: 10px;
}

.apartados a[aria-expanded=true] .card-header:after {
  content: "\ea98";
}

@media (max-width: 576px) {
  .apartados a .card-header:after {
    content: "";
  }
  .apartados a[aria-expanded=true] .card-header:after {
    content: "";
  }
}
.accordion.prefortia .accordion.subAcordeon.test .card-header a:after {
  content: none;
}

.accordion.prefortia .accordion.subAcordeon.test .card-header .btn[aria-expanded=true]:after {
  content: none;
}

.accordion.prefortia .accordion.subAcordeon.test .card-header .btn:after {
  content: "\ea2e";
  font-family: "Prefortia";
  position: absolute;
  left: 13px;
  top: 11px;
  font-size: 0.4rem;
}

.accordion.prefortia .accordion.subAcordeon.test .card-header .btn[aria-expanded=true]:after {
  content: "\ea2d";
}

/*------------------------------------------------------------------
[Calendario]
-------------------------------------------------------------------*/
.calendario {
  margin: 0;
  -webkit-flex-wrap: wrap;
}
.calendario:before, .calendario:after {
  display: none !important;
}
.calendario .col {
  max-width: 14.28%;
  flex-basis: 14.28%;
  flex-grow: 1;
  -webkit-flex-grow: 1;
  text-align: center;
  padding: 6px;
  cursor: pointer;
}
.calendario .col .posicionamiento p {
  margin-bottom: 0;
}
.calendario .col .dia p {
  margin-bottom: 0;
}
.calendario .col .dia p:first-of-type {
  line-height: 0.6rem;
  margin-top: 1rem;
}
.calendario .col .asignaturas p {
  padding: 5px;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.calendario .col .dia .titulo {
  line-height: 4rem;
}
.calendario .col .dia .subtitulo-lg {
  line-height: 3.2rem;
}
.calendario .col .row {
  align-items: center;
}
.calendario .col .deshabilitado {
  height: 100%;
  background-color: var(--gris-300);
  cursor: auto;
}
.calendario .col .posicionamiento i {
  margin: 0 0.4rem;
  color: var(--gris-300);
}
.calendario .col .posicionamiento i.activo {
  color: var(--colorPrimario);
}
.calendario .col .sombra {
  padding-bottom: 2.6rem;
}
.calendario .col .posicionamiento {
  bottom: 6px;
}
.calendario .col .noCompletado, .calendario .col .enProgreso, .calendario .col .completado {
  width: 25px;
  height: 25px;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
}
.calendario .col .completado {
  border-top: 25px solid var(--colorPrimario);
  border-left: 25px solid transparent;
}
.calendario .col .enProgreso {
  border-top: 25px solid #ffc107;
  border-left: 25px solid transparent;
}
.calendario .col .noCompletado {
  border-top: 25px solid var(--requerido);
  border-left: 25px solid transparent;
}
.calendario .col .sombra.activo {
  border: 3px solid var(--colorPrimario);
  transform: scale(1);
}
.calendario .col .sombra:hover {
  box-shadow: 0px 0px 5px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
}
.calendario .col .conocimientos {
  background-color: rgb(var(--conocimientos));
}
.calendario .col .ingles {
  background-color: rgb(var(--ingles));
}
.calendario .col .ortografia {
  background-color: rgb(var(--ortografia));
}
.calendario .col .psicotecnico {
  background-color: rgb(var(--psicotecnico));
}
.calendario .col .repaso {
  background-color: var(--repaso);
}
.calendario .col .pruebasFisicas {
  background-color: rgb(var(--pruebasFisicas));
}
.calendario .col .tutoria {
  background-color: rgb(var(--tutoria));
}
.calendario .col .descanso {
  background-color: var(--gris-300);
}
.calendario .col .sinSuscripcion {
  opacity: 0.5;
  cursor: default;
}
.calendario .col .sinSuscripcion:hover {
  transform: scale(1);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.tablaPrefortia td:first-of-type,
.tablaPrefortia th:first-of-type {
  padding-left: 1rem;
}

/*------------------------------------------------------------------
[1150px]
-------------------------------------------------------------------*/
@media (min-width: 991px) and (max-width: 1180px) {
  .calendario .col .asignaturas p {
    font-size: 0.65rem;
  }
}
/*------------------------------------------------------------------
[991px]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .tablaPrefortia td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .calendario .col {
    max-width: 25%;
    margin-top: 5px;
    flex-basis: 25%;
  }
}
/*------------------------------------------------------------------
[768px]
-------------------------------------------------------------------*/
@media (max-width: 767px) {
  .calendario {
    display: block;
  }
  .calendario .col {
    max-width: 100%;
    margin-top: 5px;
  }
  .calendario .col .row {
    align-items: inherit;
  }
  .calendario .col .sombra {
    min-height: 140px;
    padding-bottom: 0.2rem;
  }
  .calendario .col .posicionamiento {
    width: 24%;
    bottom: 5px;
  }
  .calendario .dia {
    padding-right: 0;
  }
  .calendario .dia .subtitulo-lg {
    font-size: 2.188rem;
  }
  .calendario .dia p:first-of-type {
    font-size: 14px;
  }
  .calendario .col .completado, .calendario .col .enProgreso, .calendario .col .noCompletado {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    transform: rotate(270deg);
  }
  .tablaPrefortia td:first-of-type,
  .tablaPrefortia th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
  }
  .tablaPrefortia td:last-of-type {
    width: 75px;
  }
}
@media (min-width: 767px) {
  .calendario .horario {
    display: none;
  }
}
/*------------------------------------------------------------------
[Modales]
-------------------------------------------------------------------*/
.modal-content {
  border-radius: 0;
  border: none;
  background-color: var(--colorTerciario);
}
.modal-content .close {
  text-shadow: none;
  color: var(--colorTexto);
}

.modal-dialog.modalSimulacros .close {
  padding: 0.3rem 0.5rem;
  margin-top: 0.3rem;
  border-radius: 4px;
  color: var(--colorTerciario);
  background-color: var(--colorPrimario);
  opacity: 1;
}
.modal-dialog.modalSimulacros .fondoCiudad {
  min-height: 150px;
  background-size: cover;
  background-position: center;
  margin-left: -16px;
  margin-right: -16px;
}
.modal-dialog.modalSimulacros .css_bg {
  background-image: url(../temp/ciudades/caceres.jpg);
}

.modal.fade.show {
  padding-right: 0;
}

.modal-xxl {
  max-width: 90%;
}

.modal-header {
  padding: 0.3rem 1rem;
  margin: 1rem 1rem 0 1rem;
  border-radius: 0;
  border-bottom: 0;
  background-color: var(--colorPrimarioAcordeones);
}
.modal-header.simulacros {
  background-color: var(--colorPrimario-300);
}
.modal-header h5 {
  font-size: 1rem;
  font-weight: 600;
}
.modal-header .close {
  opacity: 1;
  color: var(--colorTexto);
}
.modal-header .close:not(:disabled):not(.disabled):focus,
.modal-header .close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}

.modal-header.batallas {
  background-color: var(--activoOro);
}

@media (min-width: 600px) {
  #modalNotificacion img {
    width: 50%;
  }
}
.modal-body {
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
  /* Scrollbars en chrome */
}
.modal-body.videos {
  padding: 0.15rem 1rem 1.25rem 1.25rem;
}
.modal-body::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
.modal-body::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.modal-body::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 5px;
}
.modal-body .fondo {
  background-image: url(../img/perfil/avatares/fondos/fondo_avatar_desbloqueado.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.modal-body .fondo.premium {
  background-image: url(../img/perfil/avatares/fondos/fondo_avatar_premium_desbloqueado.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.modal-body.px-0 .close {
  position: absolute;
  right: 30px;
  top: 20px;
  font-size: 2rem;
}
.modal-body .texto.cursiva {
  display: inline-block;
  line-height: 1.2rem;
  margin-top: 0.5rem;
}
.modal-body .fondo .insignia.guardia {
  padding-top: 2.5rem;
  width: 42px;
}
.modal-body .videoTitulo p {
  display: inline-block;
  margin-bottom: 0;
}
.modal-body .videoTitulo img {
  width: 100px;
}
.modal-body .videoTitulo.bordeInferior {
  border-bottom: 0.5px solid #c7c7c7;
}
.modal-body.videos .close {
  font-size: 1.8rem;
  z-index: 9999;
}
.modal-body ol .enlace {
  color: #4d4d4d;
}

.modal-footer {
  border-top: none;
}
.modal-footer.border-top {
  border-top: 1px solid var(--colorPrimario) !important;
}

.horariosTutor span {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.horariosTutor .col-2,
.horariosTutor .col-10 {
  margin-bottom: 1.2rem;
}
.horariosTutor a {
  min-width: 108px;
  text-align: center;
  display: inline-block;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.horariosTutor a:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  transform: scale(1.02);
}
.horariosTutor a.activo {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
  transform: scale(1.02);
  border: 1px solid var(--colorPrimario);
}
.horariosTutor a.deshabilitado {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
.horariosTutor a.deshabilitado:hover {
  pointer-events: none;
  transform: scale(1);
  cursor: default;
}
.horariosTutor.activo div {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

@media (max-width: 576px) {
  .horariosTutor span {
    margin-top: 0.5rem;
  }
}
@media (max-width: 576px) {
  #modalNuevaBatalla .dropdown.bootstrap-select {
    width: 100% !important;
  }
  #modalNuevaBatalla .input-group label {
    display: block;
  }
}
/*------------------------------------------------------------------
[Loader]
-------------------------------------------------------------------*/
#loader,
#loaderLeyenda {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: auto;
  padding: 1.2em 1.5em 1.2em 1.3em;
}

/*------------------------------------------------------------------
[Querys desbloqueo]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .modal-body .fondo img.avatar {
    width: 120px;
  }
  .modal-body .fondo img.insignia {
    width: 55px;
    padding-top: 3rem;
  }
}
@media (max-width: 576px) {
  .modal-xxl {
    max-width: 100%;
  }
}
@media (max-width: 478px) {
  .modal-body .fondo img.avatar {
    width: 70px;
  }
  .modal-body .fondo .insignia.guardia {
    padding-top: 1.2rem;
    width: 30px;
  }
  .modal-body .fondo img.insignia {
    width: 35px;
    padding-top: 1.5rem;
  }
}
/*------------------------------------------------------------------
[Barras progreso]
-------------------------------------------------------------------*/
.progress.pruebasFisicas, .progress.batallasPorEquipo, .progress.batalla1vs1, .progress.ingles, .progress.psicotecnico, .progress.ortografia, .progress.conocimientos, .progress {
  height: 1.5rem;
  border-radius: 0;
  background-color: var(--primarioClaro);
}

.progress.test {
  height: 0.3rem;
  border-radius: 0;
  background-color: var(--primarioClaro);
}

.progress .progress-bar {
  background-color: var(--colorPrimario);
}

.progress.conocimientos .progress-bar {
  background-color: rgb(var(--conocimientos));
}

.progress.ortografia .progress-bar {
  background-color: rgb(var(--ortografia));
}

.progress.psicotecnico .progress-bar {
  background-color: rgb(var(--psicotecnico));
}

.progress.ingles .progress-bar {
  background-color: rgb(var(--ingles));
}

.progress.batalla1vs1 .progress-bar {
  background-color: var(--bronce);
}

.progress.batallasPorEquipo .progress-bar {
  background-color: var(--plata);
}

.progress.pruebasFisicas .progress-bar {
  background-color: rgb(var(--pruebasFisicas));
}

.progress.test {
  background-color: var(--gris-300);
}
.progress.test .progress-bar {
  background-color: var(--colorTexto);
}

/*------------------------------------------------------------------
[Paginador]
-------------------------------------------------------------------*/
.paginacion a.flecha {
  margin-right: 0.613rem;
  vertical-align: middle;
}
.paginacion .dia {
  background-color: var(--primarioClaro);
  padding: 0.413rem 0.725rem;
  font-weight: 600;
  margin-right: 0.613rem;
  text-align: center;
  font-size: 14px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  margin-top: 1rem;
  min-width: 2.2rem;
}
.paginacion .activo, .paginacion .dia:hover {
  color: var(--colorPrimario);
  box-shadow: 0px 0px 5px 9px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5);
  background-color: var(--colorTerciario);
}

/*------------------------------------------------------------------
[Tooltips]
-------------------------------------------------------------------*/
.tooltip > .tooltip-inner {
  background-color: var(--colorTerciario);
  max-width: 400px;
  color: var(--colorTexto);
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
  background: var(--colorTerciario);
  text-align: left;
}

.pre.pre-info {
  color: #cccccc;
}

.tooltip {
  position: fixed;
  pointer-events: none !important;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: var(--colorTerciario) !important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: var(--colorTerciario) !important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: var(--colorTerciario) !important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--colorTerciario) !important;
}

.tooltip.show {
  opacity: 1 !important;
}

/*------------------------------------------------------------------
  [Popover]
  -------------------------------------------------------------------*/
.popover-body {
  z-index: 99999;
}

.popoverDuda .popover.fade,
.popoverAcierto .popover.fade,
.popoverFallo .popover.fade {
  position: relative;
  min-width: 350px;
  width: auto;
  max-width: 400px;
  font-family: "roboto";
  border: none;
}
.popoverDuda .popover-header,
.popoverAcierto .popover-header,
.popoverFallo .popover-header {
  display: none;
}

@media (max-width: 400px) {
  .popoverDuda .popover.fade,
  .popoverAcierto .popover.fade,
  .popoverFallo .popover.fade {
    min-width: 280px;
  }
}
.popoverDuda .popoverDuda .bs-popover-auto[x-placement^=bottom] > .arrow::after,
.popoverDuda .bs-popover-bottom > .arrow::after {
  border-bottom-color: #fff9ef;
}
.popoverDuda .popoverDuda .bs-popover-auto[x-placement^=left] > .arrow::after,
.popoverDuda .bs-popover-left > .arrow::after {
  border-left-color: #fff9ef;
}
.popoverDuda .popoverDuda .bs-popover-auto[x-placement^=right] > .arrow::after,
.popoverDuda .bs-popover-right > .arrow::after {
  border-right-color: #fff9ef;
}
.popoverDuda .popoverDuda .bs-popover-auto[x-placement^=top] > .arrow::after,
.popoverDuda .bs-popover-top > .arrow::after {
  border-top-color: #fff9ef;
}
.popoverDuda .popover-body {
  background-color: #fff9ef;
  color: #fbb03b;
  padding-bottom: 8rem;
  background-image: url(../img/iconos/prefortios/prefortiaDuda.svg);
  background-position: 2rem bottom;
  background-repeat: no-repeat;
  background-size: 140px;
}

.popoverAcierto .popoverAcierto .bs-popover-auto[x-placement^=bottom] > .arrow::after,
.popoverAcierto .bs-popover-bottom > .arrow::after {
  border-bottom-color: var(--colorPrimario-300);
}
.popoverAcierto .popoverAcierto .bs-popover-auto[x-placement^=left] > .arrow::after,
.popoverAcierto .bs-popover-left > .arrow::after {
  border-left-color: var(--colorPrimario-300);
}
.popoverAcierto .popoverAcierto .bs-popover-auto[x-placement^=right] > .arrow::after,
.popoverAcierto .bs-popover-right > .arrow::after {
  border-right-color: var(--colorPrimario-300);
}
.popoverAcierto .popoverAcierto .bs-popover-auto[x-placement^=top] > .arrow::after,
.popoverAcierto .bs-popover-top > .arrow::after {
  border-top-color: var(--colorPrimario-300);
}
.popoverAcierto .popover-body {
  background-color: var(--colorPrimario-300);
  color: var(--colorPrimario);
  padding-bottom: 8rem;
  background-image: url(../img/iconos/prefortios/prefortiaAcierto.svg);
  background-position: 2rem bottom;
  background-repeat: no-repeat;
  background-size: 140px;
}

.popoverFallo .popoverFallo .bs-popover-auto[x-placement^=bottom] > .arrow::after,
.popoverFallo .bs-popover-bottom > .arrow::after {
  border-bottom-color: #fef7f8;
}
.popoverFallo .popoverFallo .bs-popover-auto[x-placement^=left] > .arrow::after,
.popoverFallo .bs-popover-left > .arrow::after {
  border-left-color: #fef7f8;
}
.popoverFallo .popoverFallo .bs-popover-auto[x-placement^=right] > .arrow::after,
.popoverFallo .bs-popover-right > .arrow::after {
  border-right-color: #fef7f8;
}
.popoverFallo .popoverFallo .bs-popover-auto[x-placement^=top] > .arrow::after,
.popoverFallo .bs-popover-top > .arrow::after {
  border-top-color: #fef7f8;
}
.popoverFallo .popover-body {
  background-color: #fef7f8;
  color: var(--requerido);
  padding-bottom: 8rem;
  background-image: url(../img/iconos/prefortios/prefortiaFallo.svg);
  background-position: 2rem bottom;
  background-repeat: no-repeat;
  background-size: 140px;
}

/*------------------------------------------------------------------
[Chat]
-------------------------------------------------------------------*/
.impugnacion {
  border-left: 1px solid #dee2e6;
  padding-left: 2.5rem;
}

.mensajes {
  position: relative;
}
.mensajes .alias {
  display: block;
  font-weight: 600;
}

.abrirChat {
  position: sticky;
  top: 0;
  background-color: var(--colorTerciario);
  text-align: right;
  z-index: 99;
  padding: 0.3rem 1rem;
}
.abrirChat a {
  color: var(--colorPrimario);
}
.abrirChat i {
  vertical-align: middle;
}
.abrirChat small {
  font-weight: 600;
}

.accordion.duda .card-header {
  line-height: 0;
  padding: 0;
}
.accordion.duda .card {
  border: none;
}

.accordion.subAcordeon.duda .card-header .btn:after {
  content: "\ea2e";
  font-family: "Prefortia";
  position: absolute;
  left: 0;
  top: 11px;
  font-size: 0.4rem;
}

.datosImpugnacion {
  position: relative;
}

.wrapper {
  position: relative;
  overflow: hidden;
}

.wrapper .listaUsuarios {
  max-width: 27.5rem;
  width: 23vw;
  right: 0;
  position: absolute;
  top: 30px;
  bottom: 0;
  padding-top: 0.5rem;
  height: 95%;
  background-color: #fff;
  transition: all 0.3s;
}
.wrapper .listaUsuarios .usuarios {
  padding-right: 1rem;
}
.wrapper .listaUsuarios.offCanvas {
  transform: translateX(100%);
  transition: all 0.3s;
}

.wrapper .chat {
  margin-right: 23vw;
  transition: all 0.3s;
  padding-right: 1rem;
}
.wrapper .chat.offCanvas {
  margin-right: 0;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  .wrapper .listaUsuarios {
    width: 35vw;
    max-width: 100%;
    padding-left: 1rem;
  }
  .wrapper .listaUsuarios.offCanvas {
    transform: translateX(100%);
    transition: all 0.3s;
  }
  .wrapper .chat {
    margin-right: 35vw;
  }
  .mensajes .escribirMensaje {
    margin-right: 36vw;
    margin-left: 0.5rem;
  }
}
.mensajeRecibido {
  margin-top: 1.5rem;
  justify-content: flex-end;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.mensajeRecibido:first-of-type {
  margin-top: 0.5rem;
}
.mensajeRecibido img {
  max-width: 250px;
  max-height: 250px;
}
.mensajeRecibido .avatar {
  padding-left: 0;
}
.mensajeRecibido .avatar img {
  max-width: 50px;
  max-height: 50px;
  text-align: right;
  border-bottom: 1px solid #666;
}
.mensajeRecibido .avatar img[src$=".svg"] {
  width: 50px;
  height: 50px;
}
.mensajeRecibido .mensaje {
  text-align: left;
  max-width: 70%;
}
.mensajeRecibido .mensaje div {
  background-color: #f6f6f6;
  padding: 1rem 1.5rem;
  border-radius: 25px 0 25px 25px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.mensajeRecibido .mensaje small {
  margin-right: 1.5rem;
}

.mensajeEnviado {
  margin-top: 1.5rem;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.mensajeEnviado img {
  max-width: 250px;
  max-height: 250px;
}
.mensajeEnviado .avatar {
  padding-right: 0;
}
.mensajeEnviado .avatar img {
  max-width: 50px;
  max-height: 50px;
  text-align: left;
  border-bottom: 1px solid #666;
}
.mensajeEnviado .avatar img[src$=".svg"] {
  width: 50px;
  height: 50px;
}
.mensajeEnviado .mensaje {
  text-align: left;
  font-weight: 800;
  max-width: 70%;
}
.mensajeEnviado .mensaje div {
  background-color: #e5edeb;
  padding: 1rem 1.5rem;
  border-radius: 0 25px 25px 25px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.mensajeEnviado .mensaje small {
  margin-left: 1.5rem;
}

@media (max-width: 576px) {
  .mensajeEnviado img {
    max-width: 100%;
    max-height: 100%;
  }
}
.wrapper .listaUsuarios .accordion.subAcordeon .card-header a.btn:after {
  content: "\ea2e";
  font-family: "Prefortia";
  position: absolute;
  left: 0;
  top: 20px;
  font-size: 0.4rem;
}

.mensajes .mensajeEnviado .avatar img,
.mensajes .mensajeRecibido .avatar img {
  border: none;
}

.usuarios ul {
  padding-left: 0;
}

.usuarios .usuario {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1rem;
  margin-bottom: 1rem;
}
.usuarios .usuario .nombre {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
  padding-right: 1.5rem;
  position: relative;
}
.usuarios .usuario .nombre img {
  max-width: 30px;
  max-height: 30px;
}
.usuarios .usuario .nombre img[src$=".svg"] {
  width: 30px;
  height: 30px;
}
.usuarios .usuario.deshabilitado {
  opacity: 0.4;
}

.chat,
.usuarios {
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
}
.chat::-webkit-scrollbar,
.usuarios::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
.chat::-webkit-scrollbar-track,
.usuarios::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.chat::-webkit-scrollbar-thumb,
.usuarios::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}

.escribirMensaje {
  margin-top: 1.5rem;
  display: flex;
  align-items: center;
  margin-right: 23vw;
  transition: all 0.3s;
  position: sticky;
  bottom: 1rem;
}
.escribirMensaje.offCanvas {
  margin-right: 0.5rem;
  transition: all 0.3s;
}
.escribirMensaje textarea {
  width: calc(100% - 100px);
  border: none;
  height: 70px;
  padding-top: 25px;
  margin-right: 10px;
  overflow-y: auto;
  display: inline-block;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 0;
}
.escribirMensaje textarea::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.escribirMensaje .svg {
  margin-bottom: 0;
}
.escribirMensaje .svg.enviar {
  width: 40px;
}
.escribirMensaje a {
  padding: 0 0.2rem;
}

.impugnacion .escribirMensaje {
  margin-right: 0;
}

.listaUsuarios .nombre {
  cursor: pointer;
}

.usuario.mensajeRecibido .nombre span {
  color: var(--colorPrimario);
}
.usuario.mensajeRecibido .nombre:after {
  content: "\ea48";
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 0.6rem;
  color: var(--colorPrimario);
  position: absolute;
  top: 24%;
  right: 5%;
}

@media (max-width: 600px) {
  .wrapper .listaUsuarios {
    width: 100vw;
    max-width: 100%;
  }
  .wrapper .listaUsuarios.offCanvas {
    transform: translateX(100%);
    transition: all 0.3s;
  }
  .wrapper .chat {
    margin-right: 0;
  }
  .escribirMensaje {
    background-color: #fff;
    position: sticky;
    bottom: 2rem;
    left: 10px;
    width: 95%;
  }
}
.nombreChat {
  background-color: #f6f6f6;
  padding: 0.2rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
}
.nombreChat .avatar img {
  max-width: 60px;
  width: 25px;
  margin-left: 0.5rem;
}
.nombreChat span {
  margin-left: 0.5rem;
}

.interior.maxAlto {
  padding-bottom: 0;
  overflow-y: auto;
}
.interior.maxAlto .impugnacion {
  height: calc(100vh - 236px);
  position: relative;
}
.interior.maxAlto .mensajes {
  height: calc(100vh - 235px);
  position: relative;
  padding-right: 2rem;
}
.interior.maxAlto .wrapper .chat {
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
.interior.maxAlto .usuarios {
  height: calc(100% - 90px);
  overflow-y: auto;
  overflow-x: hidden;
}
.interior.maxAlto .posicionamiento {
  width: 95%;
  bottom: 10px;
  text-align: center;
}
.interior.maxAlto .mensajes .escribirMensaje textarea {
  width: calc(100% - 70px);
}

.maxAlto {
  height: calc(100vh - 100px);
  padding-bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  /*------------------------------------------------------------------
  [1200PX]
  -------------------------------------------------------------------*/
}
.maxAlto .impugnacion {
  height: calc(100vh - 200px);
  position: relative;
}
.maxAlto .mensajes {
  height: calc(100vh - 200px);
  position: relative;
  padding-right: 2rem;
}
.maxAlto .wrapper .chat {
  height: calc(100% - 100px);
  overflow-y: auto;
  overflow-x: hidden;
}
.maxAlto .usuarios {
  height: calc(100% - 90px);
  overflow-y: auto;
  overflow-x: hidden;
}
.maxAlto .posicionamiento {
  width: 95%;
  bottom: 10px;
  text-align: center;
}
.maxAlto .mensajes .escribirMensaje textarea {
  width: calc(100% - 70px);
}

@media (max-width: 991px) {
  .mensajes {
    border-right: none;
    padding-bottom: 1rem;
  }
  .abrirChat {
    padding-right: 0;
  }
  .maxAlto .wrapper .usuarios {
    height: calc(100% - 20px);
  }
  .maxAlto .wrapper .mensajes {
    height: calc(100vh - 190px);
    position: relative;
    padding-right: 2rem;
  }
  .maxAlto .wrapper .chat {
    height: calc(100% - 80px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}
/*------------------------------------------------------------------
[768PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .impugnacion {
    padding-left: 15px;
    border-left: none;
  }
  .mensajes {
    padding-left: 15px;
    border-left: none;
  }
}
.iconoWhatsapp {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background-color: #25d366;
  padding: 0.7rem;
  border-radius: 50%;
  z-index: 999;
}
.iconoWhatsapp .posicionamiento {
  position: relative;
}
.iconoWhatsapp .posicionamiento .chat {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 350px;
}
.iconoWhatsapp .posicionamiento .botonIcono {
  cursor: pointer;
}
.iconoWhatsapp .botonIcono i {
  font-size: 2.6rem;
  color: var(--colorTerciario);
}
.iconoWhatsapp a:hover {
  display: inline-block;
  opacity: 0.5;
  transition: all 0.5s;
}
.iconoWhatsapp a:focus {
  opacity: 1;
}
.iconoWhatsapp a:active {
  opacity: 1;
}
.iconoWhatsapp .contenedor {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 24px 0px;
  max-width: 320px !important;
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity 0.3s ease 0s, margin 0.3s ease 0s, visibility 0.3s ease 0s;
  background-color: rgb(255, 255, 255);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
  pointer-events: all;
  touch-action: auto;
  margin-bottom: 40px;
  position: fixed;
  bottom: 60px;
  right: 10px;
  left: auto;
  margin-right: 20px;
}
.iconoWhatsapp .contenedor .header {
  background: rgb(9, 94, 84);
  color: rgb(17, 17, 17);
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 8px 20px;
  justify-content: space-between;
}
.iconoWhatsapp .contenedor .header .imagen {
  width: 32px;
  height: 32px;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 50%;
}
.iconoWhatsapp .contenedor .header .texto {
  display: inline-block;
  margin-left: 8px;
  margin-right: 16px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
}
.iconoWhatsapp .contenedor .header .cerrar a {
  color: #fff;
  opacity: 1;
}
.iconoWhatsapp .contenedor .chat {
  padding: 40px 20px 40px 10px;
  background-color: rgb(230, 221, 212);
  position: relative;
  overflow: auto;
  max-height: 382px;
}
.iconoWhatsapp .contenedor .chat .mensaje {
  display: flex;
  z-index: 1;
}
.iconoWhatsapp .contenedor .chat .mensaje .texto {
  padding: 7px 14px 7px 5px;
  background-color: rgb(255, 255, 255);
  opacity: 1;
  z-index: 2;
  border-radius: 8px;
  font-size: 0.8rem;
}
.iconoWhatsapp .contenedor .chat .mensaje .texto .usuario {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 0.4rem;
}
.iconoWhatsapp .contenedor .chat:before {
  display: block;
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 0;
  opacity: 0.08;
  background-image: url("../img/whatsapp/fondo.jpg");
}
.iconoWhatsapp .contenedor .enviar {
  padding: 4px 12px;
  border-radius: 24px;
  border: none;
  background: rgb(20, 198, 86);
  color: rgb(255, 255, 255);
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  cursor: pointer;
  position: relative;
  margin: 20px;
  overflow: hidden;
  appearance: none;
}
.iconoWhatsapp .contenedor .enviar a {
  color: #fff;
  display: block;
  text-align: center;
}
.iconoWhatsapp .contenedor.css_ocultar {
  display: none;
}
.iconoWhatsapp .contenedor.mostrar {
  display: block;
}
.iconoWhatsapp.colocacion {
  bottom: 9rem;
}
.iconoWhatsapp.colocacion .contenedor {
  bottom: 120px;
}

#scrollUp.colocacion {
  bottom: 9rem;
}

@media (max-width: 920px) and (orientation: landscape) {
  .iconoWhatsapp .contenedor {
    bottom: -60px;
    right: 85px;
  }
  .iconoWhatsapp .contenedor .chat {
    padding: 20px 20px 20px 10px;
  }
}
/*------------------------------------------------------------------
[4. Estilos propios de paginas]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Pagina de inicio]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Temarios] 
-------------------------------------------------------------------*/
.temariosInicio .imagen img {
  max-width: 90%;
}

.galones img {
  width: 50px;
  height: 85px;
}

.galones a img:hover {
  transform: scale(1.2);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.2);
  }
}

.botonera .boton:first-child {
  margin-right: 1.25rem;
}

.contenedorInterno .iconos {
  text-align: center;
}
.contenedorInterno .iconos img {
  width: 160px;
  margin: 0 auto 1.563rem auto;
}

.rrss img {
  width: 32px;
}
.rrss img:hover {
  transform: scale(1.2);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1.2);
  }
}

.rrss a:nth-of-type(4) img {
  width: 38px;
}

.rrss {
  margin-top: 2.5rem;
}

.kitDigital {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.kitDigital img {
  max-width: 175px;
}
.kitDigital .iso img {
  min-width: 120px;
}

/*------------------------------------------------------------------
[Prefortianos] 
-------------------------------------------------------------------*/
.prefortianos {
  background-image: url(../img/temarios/mosaico.webp);
  background-repeat: repeat;
  padding: 3rem 0;
  background-size: 300px auto;
}

.video {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.video:after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

.video iframe,
.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------
[Maquetacion] 
-------------------------------------------------------------------*/
.maquetacion {
  background-image: url(../img/inicio/maquetacion/imagen_seccion_maquetacion_index.jpg);
  background-repeat: repeat;
  background-position: center;
  padding: 4rem 0;
  color: var(--colorTerciario);
  text-align: center;
}

@media (min-width: 991px) {
  .listado .col-lg-5:last-of-type,
  .listado .col-lg-4:last-of-type {
    border-left: 1px solid var(--gris-300);
    padding-left: 2rem;
  }
}
/*------------------------------------------------------------------
[Tour] 
-------------------------------------------------------------------*/
.comunidad img {
  max-width: 325px;
  margin: 0 auto;
}

/*------------------------------------------------------------------
[Estadisticas] 
-------------------------------------------------------------------*/
.estadisticas {
  background-image: url(../img/inicio/estadisticas/fondoEstadisticas.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2.5rem 0;
}

.estadisticas .grafica img {
  max-width: 700px;
  width: 100%;
}

.estadisticas .numeros {
  background-image: url(../img/inicio/estadisticas/cuadro_estadisticas_index.svg);
  width: 220px;
  background-repeat: no-repeat;
  line-height: 1.2;
  margin-left: 1.5rem;
  padding-left: 0.2rem;
}

.estadisticas .numeros .col-5 {
  padding-left: 0.938rem;
  text-align: center;
}

.estadisticas .numeros .col-7 {
  padding-left: 0.938rem;
}

.estadisticas .numeros .subtitulo-lg {
  font-size: 3.1rem;
}

.estadisticas .datos {
  margin-top: 3px;
  border: 2px solid var(--colorPrimarioVariacion);
  width: 220px;
  height: 86px;
  margin-left: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
  color: #4d4d4d;
  padding: 0.313rem 0 0.313rem 0.625rem;
}
.estadisticas .datos .texto-sm {
  font-size: 0.73rem;
}

.estadisticas .galones img {
  width: 80px;
}

.estadisticas .notario img {
  width: 130px;
}

.posicionGraficas {
  position: relative;
  width: 200px;
}
.posicionGraficas.derecha .medallita {
  position: absolute;
  top: 42%;
  left: 38%;
  width: 27px;
}
.posicionGraficas.izquierda .medallita {
  position: absolute;
  top: 42%;
  left: 48%;
  width: 27px;
}

/*------------------------------------------------------------------
[Contacto] 
-------------------------------------------------------------------*/
.contacto .imagen img {
  max-width: 90%;
}
.contacto .sellos {
  text-align: center;
}
.contacto .sellos img {
  width: 170px;
}
.contacto .sellos a img:hover {
  opacity: 0.6;
}
.contacto .datosContacto {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.contacto .datosContacto img {
  width: 26px;
  margin-right: 0.8rem;
  padding-bottom: 7px;
}

.grupoPrefor {
  border-top: 6px solid var(--colorPrimarioVariacion);
  border-bottom: 6px solid var(--colorPrimarioVariacion);
  padding: 2.5rem 0;
}
.grupoPrefor .logoPrefor {
  border-right: 1px solid #cccccc;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  display: inline-block;
}
.grupoPrefor .logoPrefor img {
  width: 220px;
}
.grupoPrefor .logosAcademias {
  display: inline-flex;
  gap: 2rem;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.grupoPrefor .logosAcademias img {
  height: 35px;
  width: auto;
}

.bancos {
  padding: 0 1.25rem 0.25rem 1.25rem;
}
.bancos img {
  max-width: 500px;
}

.swiper-container.sellos img {
  max-width: 230px;
}

.contacto.sinEspaciado {
  padding-bottom: 3rem;
}

.contacto .anchoTotal {
  margin-left: -20px;
  margin-right: -20px;
}

.pt-2-8 {
  padding-top: 0.8rem;
}

/*------------------------------------------------------------------
[Flecha to top] 
-------------------------------------------------------------------*/
#toTop {
  position: fixed;
  bottom: 2.5rem;
  left: 2%;
  width: 40px;
  height: 40px;
  display: none;
  z-index: 9999;
}

/*------------------------------------------------------------------
[Animaciones estadísticas] 
-------------------------------------------------------------------*/
.animated .barra {
  transform-origin: 0 79%;
}
.animated .barra.barra-1 {
  animation: altura 1s ease-in-out;
}
.animated .barra.barra-2 {
  animation: altura 1.2s ease-in-out;
}
.animated .barra.barra-3 {
  animation: altura 1.4s ease-in-out;
}
.animated .barra.barra-4 {
  animation: altura 1.6s ease-in-out;
}
.animated .barra.barra-5 {
  animation: altura 1.8s ease-in-out;
}
.animated .barra.barra-6 {
  animation: altura 2s ease-in-out;
}
.animated .barra.barra-7 {
  animation: altura 2.2s ease-in-out;
}
.animated .barra.barra-8 {
  animation: altura 2.4s ease-in-out;
}
.animated .circulo {
  animation: posicion 2s ease-in-out;
}
.animated .circulo.circulo-1 {
  --distancia: 2.5%;
}
.animated .circulo.circulo-2 {
  --distancia: 7%;
}
.animated .circulo.circulo-3 {
  --distancia: 12.5%;
}
.animated .circulo.circulo-4 {
  --distancia: 16%;
}
.animated .circulo.circulo-5 {
  --distancia: 19%;
}
.animated .circulo.circulo-6 {
  --distancia: 24.5%;
}
.animated .circulo.circulo-7 {
  --distancia: 26%;
}
.animated .circulo.circulo-8 {
  --distancia: 32%;
}
@keyframes posicion {
  0% {
    transform: translateY(var(--distancia));
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes altura {
  0% {
    transform: scaleY(0.25);
    transform-origin: 0 79%;
  }
  100% {
    transform: scale(1);
  }
}

/*------------------------------------------------------------------
  ------[7.4 Temarios]
  -------------------------------------------------------------------*/
/*------------------------------------------------------------------
  --------------------[7.4.1 ----991PX]
  -------------------------------------------------------------------*/
@media (max-width: 991px) {
  .temariosTexto {
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .temariosInicio .imagen,
  .aulaVirtual2 .imagen,
  .contacto .imagen {
    text-align: center;
    width: 100%;
  }
  .temariosInicio .imagen img,
  .aulaVirtual2 .imagen img {
    width: 75%;
    margin-top: 1.25rem;
  }
  .col-lg-6.imagen {
    padding: 0;
  }
  .grupoPrefor .logoPrefor {
    display: block;
    margin-right: 0;
    padding-right: 0;
    border-right: none;
    margin-bottom: 2rem;
  }
}
/*------------------------------------------------------------------
--------------------[7.4.1 ----576PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .temariosInicio .imagen img,
  .aulaVirtual2 .imagen img {
    max-width: 100%;
    width: 100%;
  }
}
/*------------------------------------------------------------------
--------------------[7.4.2 ----460PX]
-------------------------------------------------------------------*/
@media (max-width: 460px) {
  .contenedorInterno .botonera .boton {
    margin: 1.25rem auto 0 auto;
  }
}
/*------------------------------------------------------------------
------[7.5 Aula Virtual]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
--------------------[7.5.1 ----991PX]
-------------------------------------------------------------------*/
@media (max-width: 992px) {
  .aulaVirtual {
    height: 650px;
  }
  .contenedorInterno .swiper-container.sellos img {
    max-width: 200px;
  }
}
@media (max-width: 992px) and (min-width: 576px) {
  .imagenIntro {
    width: 80%;
  }
}
/*------------------------------------------------------------------
--------------------[7.5.1 ----460PX]
-------------------------------------------------------------------*/
@media (max-width: 460px) {
  .contenedorInterno .iconos img {
    width: 90px;
  }
}
/*------------------------------------------------------------------
------[7.6 Estadísticas]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
--------------------[7.6.1 ----768PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .estadisticas .numeros .subtitulo-lg {
    font-size: 3.5rem;
  }
}
/*------------------------------------------------------------------
--------------------[7.6.2 ----660PX]
-------------------------------------------------------------------*/
@media (max-width: 660px) {
  .estadisticas .datos {
    display: none;
  }
  .estadisticas .numeros {
    margin-left: 0.625rem;
  }
  .estadisticas .numeros.subtitulo-lg {
    font-size: 3.1rem;
  }
  .estadisticas .numeros.texto {
    font-size: 0.8rem;
  }
}
/*------------------------------------------------------------------
------[7.7 Contacto]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
--------------------[7.7.2 ----768PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .contacto .sellos img {
    width: 100px;
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 768px) {
  .contacto .rrss {
    margin-top: 0.938rem;
  }
  .contacto .imagen img {
    max-width: 100%;
  }
  .formularioContacto .check {
    text-align: center;
  }
  .contacto.sinEspaciado {
    padding-bottom: 0;
  }
}
/*------------------------------------------------------------------
--------------------[7.7.2 ----576PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .contacto .sellos .izquierda {
    text-align: right;
    padding-right: 1.875rem;
  }
  .contacto .sellos .derecha {
    text-align: left;
    padding-left: 1.875rem;
  }
}
/*------------------------------------------------------------------
[Pagina Temarios] 
-------------------------------------------------------------------*/
.mosaico {
  background-image: url(../img/temarios/mosaico.png);
  background-repeat: repeat;
  padding: 2.5rem 0;
  background-size: 300px auto;
}

.row.temarios {
  margin: 0;
}

.temarios .texto {
  line-height: 1.2rem;
}

.temarios .subtitulo {
  line-height: 1rem;
}

.mosaico .imagen .contenedorVideo {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.temarios .imagen img {
  width: 65%;
}

.temarios .opciones img {
  width: 60%;
}

section.temarios {
  margin-top: 20px;
}

.contenedorInterno .iconosTemarios img {
  width: 130px;
  max-width: 130px;
  margin: 0 auto 1.563rem auto;
}

/*------------------------------------------------------------------
  --------------------[7.8.2 ----991PX]
  -------------------------------------------------------------------*/
@media (max-width: 992px) {
  .mosaico .imagen .contenedorVideo {
    width: 80%;
  }
  .mosaico {
    padding: 25px 0;
  }
}
/*------------------------------------------------------------------
--------------------[7.8.2 ----576PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .temarios .col-12:first-child {
    margin-top: 10px !important;
  }
}
/*------------------------------------------------------------------
[Pagina Materiales] 
-------------------------------------------------------------------*/
.titulo-recortado {
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s ease;
}

.deshabilitadoMateriales {
  opacity: 0.4;
}

.materiales .activo {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}
.materiales .activo p {
  color: var(--colorTerciario);
}
.materiales .activo img {
  filter: brightness(10);
}

/*------------------------------------------------------------------
[Pagina Aula Virtual] 
-------------------------------------------------------------------*/
.tablets .subtitulo {
  line-height: 2rem;
}

.temarios .opciones div {
  cursor: pointer;
}
.temarios .opciones div:hover {
  transform: scale(1.03);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1.03);
  }
}

.temarios .opcionesMovil div {
  cursor: pointer;
}

.temarios .opcionesMovil .interior {
  padding: 0.5rem 1.5rem;
}

.temarios .opacidad {
  opacity: 0.5;
}

@media (min-width: 576px) and (max-width: 767px) {
  .tablets img {
    width: 65%;
    margin: 0 auto;
  }
}
/*------------------------------------------------------------------
[Mi perfil] 
-------------------------------------------------------------------*/
.overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -15px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--colorTerciario);
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: 0 15px;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

.overlay.top {
  top: 100%;
}

img.avatar {
  width: 160px;
}

.modal-body img.avatar {
  width: 140px;
}

.modal-body .uniformeCuerpo img.avatar {
  width: 190px;
}

.modal-body .swiper-slide span.texto {
  display: inline-block;
  line-height: 1.2rem;
  text-align: left;
}

.modal-body img.insignia {
  width: 55px;
  padding-top: 3rem;
}

.modal-body.scroll {
  max-height: 500px;
  overflow-y: auto;
}

.perfil .avatar:hover .overlay.top {
  top: 65%;
}

.perfil .bordeInferior:hover {
  background-color: #e3e3e3;
}

.imagenProximamente {
  margin-top: 3rem;
}
.imagenProximamente img {
  max-width: 900px;
}

@media (max-width: 991px) {
  .modal-body img.avatar {
    width: 90px;
  }
  .modal-body img.insignia {
    width: 35px;
    padding-top: 1.5rem;
  }
}
@media (max-width: 768px) {
  .contrasenia .align-items-end {
    justify-content: center;
  }
}
.botonSinBorde .input-group .form-control {
  border-right: 1px solid #e5edeb;
}
.botonSinBorde .input-group-append .btn {
  border: none;
}

.select {
  margin-left: -13px;
}

.prefortianos.seccionAulaVirtual {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.anchoMaximo {
  max-width: 100%;
}

.deshabilitadoInterior p:not(.checkTitulo),
.deshabilitadoInterior .enlace,
.deshabilitadoInterior .input-group,
.deshabilitadoInterior label:not(.side-label) {
  opacity: 0.5;
}

/*------------------------------------------------------------------
[Videotablets] 
-------------------------------------------------------------------*/
.videoTablet {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
}

.videoTablet iframe,
.videoTablet video,
.videoTablet img {
  box-sizing: border-box;
  background: url(../img/aulaVirtual/tablets/tablet.webp) center center no-repeat;
  background-size: contain;
  padding: 4.7% 2% 13.8%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------------------------
[Suscripciones] 
-------------------------------------------------------------------*/
.meses label {
  font-size: 1rem;
}
.meses .col {
  max-width: 20%;
  flex-basis: auto;
}
.meses .col.doble {
  max-width: 40%;
}

@media (max-width: 1200px) {
  .meses .col {
    max-width: 33%;
  }
}
@media (max-width: 576px) {
  .meses .col {
    max-width: 50%;
  }
}
@media (max-width: 400px) {
  .meses .col {
    max-width: 100%;
  }
}
/*------------------------------------------------------------------
[Pagina contacto] 
-------------------------------------------------------------------*/
.formularioContacto {
  background-image: url(../img/inicio/contacto/fondo_contacta.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 1.5rem 0;
}
.formularioContacto .contenedorInterno {
  max-width: 960px;
}

.row.check {
  justify-content: center;
  align-items: center;
}

.contacto .datosContacto .texto-lg {
  font-size: 1.125rem;
}

.contacto .datosContacto .icono-lg {
  width: 31px;
  margin-right: 0.4rem;
}

/*------------------------------------------------------------------
    --------------------[7.9.2 ----991PX]
    -------------------------------------------------------------------*/
@media (max-width: 991px) {
  .capcha {
    text-align: center;
  }
  .capcha .texto {
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
/*------------------------------------------------------------------
[Ficha producto] 
-------------------------------------------------------------------*/
.contenedorCompletar {
  max-width: 27.875rem;
  padding: 0.938rem;
}
.contenedorCompletar:hover {
  transform: scale(1.03);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1.03);
  }
}

@media (max-width: 991px) {
  .convocatoria .contenedorCompletar {
    max-width: 40rem;
  }
}
@media (min-width: 991px) {
  .convocatoria .contenedorCompletar {
    max-width: 100%;
  }
}
.ficha .slider {
  z-index: 0;
}
.ficha .cuadro {
  margin-top: 1rem;
}
.ficha .infoGalon img {
  width: 35px;
}
.ficha .infoGalon .col {
  padding-left: 0;
}
.ficha .imagenFondo {
  background-image: url(../img/aulaVirtual/imagenFondo.jpg);
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 30%;
  display: none;
}

/*------------------------------------------------------------------
[Ficha temarios] 
-------------------------------------------------------------------*/
.botonera .botonCarrito:first-of-type {
  border-right: none;
}
.botonera .botonCarrito:nth-of-type(2):hover {
  background-color: var(--colorTerciario);
}
.botonera .botonCarrito:last-of-type {
  border-left: none;
}

.descripcion .medalla {
  padding-right: 0;
}
.descripcion .medalla img {
  width: 50px;
}

/*------------------------------------------------------------------
  --------------------[7.2.1 ----991PX]
  -------------------------------------------------------------------*/
@media (max-width: 991px) {
  .ficha .contenedorCompletar {
    margin: 0 auto;
  }
  .ficha .subtitulo.colorPrimario {
    text-align: left;
  }
  .ficha hr.ocultoUp {
    margin-top: 1.2rem;
    margin-bottom: 0;
  }
  .ficha .cuadro {
    margin-bottom: 1.25rem;
  }
  .ficha .descripcion {
    text-align: left;
  }
  .ficha .texto {
    margin-top: 0.6rem;
  }
  .ficha .descripcion .consulta p {
    text-align: left;
  }
  .ficha .infoGalon .col p {
    text-align: left;
  }
  .ficha .slider {
    padding-left: 0;
    padding-right: 0;
  }
  .ficha .imagenFondo {
    height: 320px;
  }
  .productos .precio {
    text-align: center;
  }
  .productos .botones {
    text-align: center;
  }
  .productos .botonera {
    text-align: center;
  }
  .productos .slider {
    padding-left: 0;
    padding-right: 0;
  }
}
/*------------------------------------------------------------------
  --------------------[7.2.1 ----576PX]
  -------------------------------------------------------------------*/
@media (max-width: 991px) {
  .descripcion .medalla {
    text-align: center;
    margin-bottom: 10px;
  }
  .descripcion p {
    text-align: center;
  }
}
.grid {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto 1fr;
  grid-auto-flow: column dense;
  grid-column-gap: 30px;
}
.grid .datos {
  grid-area: 1/2/span 2/span 2;
}
.grid .descripcionCurso {
  grid-area: 3/1/span 2/span 2;
}

@media (max-width: 991px) {
  .grid {
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-auto-flow: row;
  }
  .grid .datos {
    grid-area: auto;
  }
  .grid .descripcionCurso {
    grid-area: auto;
  }
  .grid .cuadro {
    grid-area: 4;
  }
}
.textoFondoPrimario {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
  padding: 0.2rem;
  font-weight: 600;
}

.textoFondoSecundario {
  background-color: var(--colorSecundario);
  color: var(--colorTerciario);
  padding: 0.2rem;
  font-weight: 600;
}

/*------------------------------------------------------------------
[Acceso] 
-------------------------------------------------------------------*/
.fondoAcceso {
  background-image: url(../img/acceso/img_acceso_alumnos.jpg);
  background-size: cover;
}
.fondoAcceso .container {
  height: 85vh;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fondoAcceso .contenedorCentral {
  min-height: auto;
  width: 45.75rem;
  padding: 2.5rem;
}
.fondoAcceso.auto .container {
  height: auto;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fondoAcceso.auto .contenedorCentral {
  margin-top: 3rem;
}

.galonAcceso {
  padding: 0.5rem 0.5rem;
  display: inline-block;
  margin: 0.3rem;
}
.galonAcceso:hover {
  transform: scale(1.05);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.05);
  }
  to {
    transform: scale(1.05);
  }
}
.galonAcceso.activo {
  background-color: var(--colorPrimario-300);
}
.galonAcceso img {
  width: 90px;
}

.contenedorCentral.confirmacion .dispositivos {
  width: 150px;
}
.contenedorCentral.confirmacion .aviso {
  border: 2px solid #d5af3f;
  padding: 0.5rem;
}
.contenedorCentral .titulo {
  line-height: 1rem;
}
.contenedorCentral .titulo img {
  display: inline-block;
  width: 50px;
  margin-bottom: 0.5rem;
}
.contenedorCentral .titulo p {
  display: inline-block;
}
.contenedorCentral.acceso {
  margin-top: 2.2rem;
  margin-bottom: 1.8rem;
}
.contenedorCentral.acceso.accesoAlumnos {
  background-color: transparent;
  box-shadow: none;
  color: var(--primarioClaro);
}

#inicial div,
#opciones div {
  display: inline-block;
}

.bloque {
  background-color: var(--primarioClaro);
  padding: 5px 10px;
  text-align: left;
  color: var(--colorTexto);
}

.bloquePrecio {
  background-color: var(--colorTexto);
  color: var(--colorTerciario);
  padding: 0.525rem 1.25rem;
  display: inline-block;
}

.continuar {
  text-align: right;
  align-items: center;
}

#flecha i {
  line-height: 1.4;
}
#flecha i:hover {
  color: var(--hover);
}

.visible {
  display: block;
}

/*------------------------------------------------------------------
--------------------[Altura acceso]
-------------------------------------------------------------------*/
@media (max-height: 940px) {
  .fondoAcceso.auto .container {
    height: auto;
  }
}
@media (max-height: 800px) {
  .fondoAcceso .container {
    height: auto;
  }
  .fondoAcceso .container .contenedorCentral {
    margin: 2rem 0;
  }
}
/*------------------------------------------------------------------
--------------------[7.9.2 ----576PX]
-------------------------------------------------------------------*/
@media (min-width: 568px) {
  .fondoAcceso .block {
    display: inline-block;
  }
}
@media (max-width: 768px) {
  .contenedorCentral .galonAcceso img {
    width: 60px;
  }
  .fondoAcceso .container {
    height: auto;
    align-items: flex-start;
  }
  .fondoAcceso .contenedorCentral {
    box-shadow: none;
    min-width: 100%;
  }
  .fondoAcceso.auto .container {
    height: auto;
    background-image: none;
    align-items: flex-start;
  }
  .continuar {
    text-align: center;
  }
  .continuar .bloquePrecio {
    margin-bottom: 1.25rem;
  }
  .contenedorCentral.acceso {
    margin-bottom: 0;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .contenedorCentral.acceso .texto a {
    display: block;
  }
  .fondoAcceso.auto .contenedorCentral {
    margin-top: 0;
  }
}
/*------------------------------------------------------------------
[Paginas de error]
-------------------------------------------------------------------*/
.fondoCentro .container {
  height: 100vh;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colorPrimario-300);
}

.contenedorCentral {
  background-color: var(--colorTerciario);
  min-width: 34.75rem;
  min-height: auto;
  padding: 1.875rem;
  text-align: center;
}
.contenedorCentral .logo {
  width: 200px;
  margin: 0 auto;
}
.contenedorCentral .imagen {
  width: 80px;
  margin: 0 auto;
}

/*------------------------------------------------------------------
  --------------------[7.9.2 ----576PX]
  -------------------------------------------------------------------*/
@media (max-width: 576px) {
  .fondoCentro .container {
    background-color: var(--colorTerciario);
    align-items: flex-start;
  }
  .fondoCentro .contenedorCentral {
    box-shadow: none;
    min-width: 100%;
  }
  #avisoSuperior p {
    display: block;
  }
  #avisoSuperior a {
    margin-top: 0.8rem;
  }
  .conAviso {
    padding-top: 9rem;
  }
}
/*------------------------------------------------------------------
[Formularios] 
-------------------------------------------------------------------*/
.bootstrap-select .dropdown-menu li a span.text {
  white-space: normal;
}

.bootstrap-select .dropdown-menu .inner {
  /* Scrollbars en firefox */
  scrollbar-face-color: #8c8c8c; /* Firefox 63 compatibility */
  scrollbar-track-color: #f5f5f5; /* Firefox 63 compatibility */
  scrollbar-color: #8c8c8c;
  scrollbar-width: thin;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar {
  width: 0.4em;
  height: 0.4em;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.bootstrap-select .dropdown-menu .inner::-webkit-scrollbar-thumb {
  background-color: #c7c7c7;
  border-radius: 10px;
}

form .tituloGalon img {
  width: 50px;
  display: inline-block;
  margin-bottom: 0.5rem;
}
form .titulo p {
  display: inline-block;
}
form .metodosPago {
  max-width: 100%;
  padding: 0.938rem;
  text-align: center;
  height: 100%;
}
form .metodosPago img {
  width: 70px;
  height: 82px;
}
form .metodosPago:hover {
  transform: scale(1.03);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1.03);
  }
}
form .metodosPago.activo {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  transform: scale(1.03);
  animation: suavizar;
  transition: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes suavizar {
  from {
    transform: scale(1.03);
  }
  to {
    transform: scale(1.03);
  }
}
form .metodosPago.desactivado {
  background-color: #b3b3b3;
  box-shadow: none;
}
form .metodosPago.desactivado:hover {
  transform: none;
}

form.registro label {
  margin-bottom: 0.313rem;
}
form.registro .table-responsive th {
  border-top: none;
  border-bottom: none;
}

.promociones .input-group-append {
  margin-left: 0.625rem;
}

.bootstrap-select .btn.dropdown-toggle.btn-light {
  background-color: var(--colorTerciario);
  border-radius: 0;
  border: 1px solid var(--gris-300);
  color: var(--colorTexto);
}
.bootstrap-select .dropdown-menu {
  border-radius: 0;
  border: 1px solid var(--gris-300);
  background-color: var(--colorTerciario);
  color: var(--colorTexto);
  padding: 0;
  max-height: 394px;
}
.bootstrap-select .dropdown-item.active,
.bootstrap-select .dropdown-item:active {
  background-color: var(--gris-300);
}
.bootstrap-select .dropdown-item.active:hover {
  background-color: var(--gris-300);
}
.bootstrap-select .dropdown-item:hover {
  background-color: var(--gris-300);
}

.input-group-append .btn {
  border: 1px solid var(--gris-300);
  border-left: none;
  border-radius: 0;
}

.input-group-addon {
  padding: 0.2rem 0.8rem;
  border: 1px solid var(--gris-300);
  border-left: none;
  cursor: pointer;
}
.input-group-addon span {
  vertical-align: bottom;
}

.form-control:focus {
  border: 1px solid var(--gris-300);
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
  background-color: var(--colorTerciario);
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.form-control:disabled,
.form-control[readonly] {
  background-color: var(--colorTerciario);
  opacity: 0.6;
}

.table td,
.table th {
  border-top: 1px solid var(--gris-300);
}

.form-control {
  background-color: var(--colorTerciario);
}

.imagenCiudad img {
  max-height: 170px;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

/*------------------------------------------------------------------
[Confirmacion] 
-------------------------------------------------------------------*/
.fondoCompra {
  background-image: url(../img/formularios/fondoFormularios.webp);
  background-size: cover;
}

.fondoEsquema {
  background-image: url(../img/descargaEsquema/Pantalla-descarga-Esquema-Ministerio-Interior.jpg);
  background-size: cover;
}

.fondoEsquemaDefensa {
  background-image: url(../img/descargaEsquema/fondo-ministerio-de-defensa-02.png);
  background-size: cover;
}

.textoLegal {
  text-align: center;
}
.textoLegal small:last-of-type {
  line-height: 1.2;
}

.fondoEsquema .container,
.fondoEsquemaDefensa .container {
  height: 88vh;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fondoEsquema .contenedorCentral,
.fondoEsquemaDefensa .contenedorCentral {
  background-color: transparent;
  box-shadow: none;
  max-width: 1200px;
}

@media (max-width: 768px) {
  .fondoEsquema .contenedorCentral,
  .fondoEsquemaDefensa .contenedorCentral {
    min-width: auto;
  }
}
.logoEsquema img {
  width: 320px;
}

.fondoEsquema .galonAcceso {
  background-color: var(--colorTerciario);
}
.fondoEsquema .galonAcceso:hover {
  background-color: var(--colorPrimario-300);
}

.campoAncho {
  max-width: 300px;
  margin: 0 auto;
}
.campoAncho input {
  text-align: center;
}

.d-flex .capcha {
  max-width: 250px;
}
.d-flex .border {
  padding: 0rem 0.5rem;
  text-align: left;
  line-height: 1.1;
  border-radius: 4px;
  border: 1px solid rgba(216, 217, 219, 0.5) !important;
}
.d-flex .border input[type=checkbox] + label::before {
  top: 16px;
}
.d-flex .border input[type=checkbox]:checked + label::before {
  color: var(--colorTerciario);
}

@media (max-width: 785px) {
  .d-flex .border {
    margin-top: 1rem;
  }
}
.fondoEsquema .galonAcceso.activo {
  background-color: var(--colorPrimario-300);
}

.fondoEsquema .block div {
  display: inline-block;
}

.fondoCompra .container {
  height: 95.9vh;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.cuenta {
  border: 1px solid #b3b3b3;
  font-weight: 700;
  padding: 0.2rem 0.4rem;
  font-size: 1.125rem;
  display: inline-block;
}

@media (max-width: 576px) {
  span.cuenta {
    font-size: 0.9rem;
  }
}
img.copiarTexto {
  width: 22px;
}

.continuar .botonCancelar {
  margin-right: 2rem;
}

/*------------------------------------------------------------------
[768PX] 
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .fondoCompra {
    background-image: none;
  }
  .fondoCompra .container {
    align-items: flex-start;
    height: auto;
  }
  .fondoCompra .contenedorCentral {
    box-shadow: none;
    min-width: 100%;
  }
}
@media (max-width: 991px) {
  .fondoEsquema .container,
  .fondoEsquemaDefensa .container {
    height: auto;
  }
}
@media (max-height: 800px) {
  .fondoEsquema .container,
  .fondoEsquemaDefensa .container {
    height: auto;
  }
  .fondoCompra .contenedorCentral {
    height: auto;
  }
}
/*------------------------------------------------------------------
[576PX] 
-------------------------------------------------------------------*/
@media (min-width: 576px) {
  form .continuar div {
    display: inline-block;
  }
  form .continuar .bloquePrecio {
    margin-right: 1rem;
  }
}
@media (max-width: 576px) {
  form .continuar div {
    margin-bottom: 0.938rem;
    margin-right: 0;
  }
  .continuar .botonCancelar {
    margin-right: 0;
  }
}
.row.items {
  align-items: flex-start;
}

/*------------------------------------------------------------------
[Autoestudio] 
-------------------------------------------------------------------*/
.seleccion .sombra {
  cursor: pointer;
  margin: 8px;
  padding: 1rem;
}
.seleccion .sombra img {
  width: 200px;
}
.seleccion .sombra .accordion .card {
  border: none;
  background-color: var(--colorTerciario);
}
.seleccion .sombra .card-body {
  padding-top: 0;
}
.seleccion .sombra .accordion span:after {
  content: "\ea5f";
  font-family: "Prefortia";
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  margin-top: 10px;
  color: var(--colorTexto);
}
.seleccion .sombra .accordion span[aria-expanded=true]:after {
  content: "\ea5e";
  position: absolute;
  display: block;
  width: 96%;
  bottom: -10px;
}

@media (max-width: 768px) {
  .seleccion .sombra {
    padding-bottom: 0;
  }
}
.seleccion .sombra.activo {
  transform: scale(1.03);
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}
.seleccion .sombra.activo:hover {
  transform: scale(1.03);
}

.swiper-container.autoestudio .swiper-slide {
  border-right: 1px solid #e5edeb;
  padding: 0 10px;
}
.swiper-container.autoestudio .swiper-slide:last-child {
  border: none;
}

.eleccionInterna {
  padding: 1rem 1rem 0.4rem 1rem;
  display: inline-block;
}

.columna {
  columns: 200px 2;
}

.lh-auto {
  line-height: inherit;
}

.circuloFallo, span.circuloBorde, span.circulo {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
}

.excluirAmarillo, .excluirAvanzado, .excluirAzul, .excluirVerde {
  background-position: center center;
  background-size: contain;
}

.excluirVerde {
  background-image: url(../img/iconos/cruzVerde.svg);
}

.excluirAzul {
  background-image: url(../img/iconos/cruzAzul.svg);
}

.excluirAvanzado {
  background-image: url(../img/iconos/cruzAzulAvanzado.svg);
}

.excluirAmarillo {
  background-image: url(../img/iconos/cruzAmarilla.svg);
}

span.circuloBorde {
  border: 3px solid;
  background-color: var(--colorTerciario);
}

.fecha.datepick {
  position: relative;
  border: none;
  outline: none;
  width: 90px;
  background-color: var(--colorTerciario);
  color: var(--colorTexto);
  font-weight: 600;
}
.fecha.datepick:focus {
  border: none;
}
.fecha.datepick:active {
  border: none;
}
.fecha.datepick::placeholder {
  color: var(--colorTexto);
}

.linkCalendario img {
  width: 45px;
  margin-right: 0.5rem;
  padding-bottom: 0.5rem;
}

.fecha.timePicker {
  position: relative;
  border: none;
  text-align: center;
  outline: none;
  width: 50px;
  background-color: var(--colorTerciario);
  color: var(--colorTexto);
  font-weight: 600;
}
.fecha.timePicker:focus {
  border: none;
}
.fecha.timePicker:active {
  border: none;
}
.fecha.timePicker::placeholder {
  color: var(--colorTexto);
}

.fechaEleccion {
  position: relative;
  border: none;
  outline: none;
  width: 50px;
  color: var(--colorTexto);
  font-weight: 600;
}
.fechaEleccion:focus {
  border: none;
}
.fechaEleccion:active {
  border: none;
}
.fechaEleccion::placeholder {
  color: var(--colorTexto);
}

.switch i {
  cursor: pointer;
}

.seleccion p {
  margin-bottom: 0;
}
.seleccion .colorPrimario {
  margin-bottom: 0.4rem;
}

/*------------------------------------------------------------------
[BORRAR, SOLO DE EJEMPLO PARA SCROLL] 
-------------------------------------------------------------------*/
.tablaPrefortia.scroll {
  max-height: 250px;
  overflow: auto;
}

.tablaPrefortia.scroll-lg {
  max-height: 350px;
  overflow: auto;
}

/*------------------------------------------------------------------
[768px] 
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .seleccion .swiper-slide .selector {
    box-shadow: none;
  }
  .seleccion .swiper-slide .sello img {
    padding: 1.25rem;
    -webkit-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 8px 0px rgba(0, 0, 0, 0.2);
  }
  .seleccion .swiper-slide .sello img:hover {
    transform: scale(1.02);
    animation: suavizar;
    transition: 0.3s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes suavizar {
    from {
      transform: scale(1.02);
    }
    to {
      transform: scale(1.02);
    }
  }
  .card-body .configurar {
    justify-content: space-between;
  }
  .card-body .configurar .col-6.selector {
    text-align: right;
  }
  .swiper-container.autoestudio .swiper-slide {
    border: none;
  }
}
/*------------------------------------------------------------------
[Paginas de test]
-------------------------------------------------------------------*/
body.sinScroll {
  overflow: hidden;
}

.posicion img {
  width: 150px;
}
.posicion .col-sm-4 {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.posicion .swiper-slide {
  align-self: center;
  height: auto;
  justify-content: center;
}

.noWrap {
  white-space: nowrap;
}

.texto .titulo-sm {
  line-height: 3rem;
}

.badge {
  border-radius: 0;
}
.badge.badge-examen {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}
.badge.badge-oro {
  background-color: var(--oro);
  color: var(--colorTerciario);
}
.badge.badge-plata {
  background-color: var(--activoPlata);
  color: var(--colorTexto);
}

.imagenComentario img {
  max-width: 600px;
  max-height: 750px;
}

.apartados {
  align-items: flex-start;
  padding: 5px;
}
.apartados .sombra {
  padding-bottom: 1rem;
}
.apartados .sombra.py-custom {
  padding-top: 2rem;
  padding-bottom: 4.7rem;
}
.apartados .sombra.py-custom a .card-header:after {
  content: none;
}
.apartados .accordion .card-header {
  background-color: var(--colorTerciario);
  border: none;
  padding: 1rem 0.8rem 0 0.8rem;
}
.apartados .accordion .card {
  border: none;
  background-color: var(--colorTerciario);
}
.apartados .accordion .card-body {
  padding: 0 0.8rem 0 0.8rem;
}
.apartados .accordion .col-7 {
  padding-right: 0;
}
.apartados .accordion .col-5 {
  padding-left: 0;
}
.apartados .accordion .detalles p {
  margin-bottom: 0.4rem;
}
.apartados .accordion .svg {
  width: 38px;
}

.bloquesPreguntas div {
  display: inline-block;
  margin-right: 0.8rem;
}
.bloquesPreguntas a {
  position: relative;
  list-style-type: none;
  text-align: center;
  width: 29px;
  height: 29px;
  line-height: 29px;
  background-color: #e6e6e6;
  color: var(--colorTerciario);
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 0.4em;
  font-size: 14px;
  position: relative;
  font-weight: 600;
}
.bloquesPreguntas a:hover {
  opacity: 0.5;
}
.bloquesPreguntas a .preguntaDudosa {
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-top: 15px solid #fbb03b;
  border-left: 15px solid transparent;
  margin-right: 0;
}
.bloquesPreguntas .contestada {
  background-color: #b1bcd0;
  color: var(--colorTexto);
}
.bloquesPreguntas .acierto {
  background-color: #b1d0ca;
  color: var(--colorTexto);
}
.bloquesPreguntas .fallo {
  background-color: #f8d6da;
  color: var(--colorTexto);
}
.bloquesPreguntas .reserva {
  outline: 2px solid #fbcc92;
  color: var(--colorTexto);
}
.bloquesPreguntas .preguntaActual {
  background-color: #888;
  color: var(--colorTerciario);
}
.bloquesPreguntas .preguntaActual.contestada, .bloquesPreguntas .preguntaActual.acierto {
  background-color: var(--colorPrimario);
}
.bloquesPreguntas .preguntaActual.fallo {
  background-color: var(--requerido);
}
.bloquesPreguntas .preguntaActual.reserva {
  outline: none;
  background-color: #fbcc92;
}
.bloquesPreguntas .preguntaActual.contestada.reserva {
  background-color: #fbdfbc;
}
.bloquesPreguntas .bloqueActual a {
  background-color: #888;
  color: var(--colorTerciario);
}
.bloquesPreguntas .bloqueActual .contestada {
  background-color: var(--colorPrimario);
}
.bloquesPreguntas .bloqueActual .acierto {
  background-color: #3a897a;
}
.bloquesPreguntas .bloqueActual .fallo {
  background-color: var(--requerido);
}
.bloquesPreguntas .bloqueActual .reserva {
  outline: none;
  background-color: #fbcc92;
}
.bloquesPreguntas .bloqueActual .contestada.reserva {
  background-color: #fbdfbc;
}

.leyenda {
  padding-left: 5%;
}
.leyenda .pre-check {
  color: #e6e6e6;
}
.leyenda .acierto {
  color: #d8e8e4;
}
.leyenda .fallo {
  color: #f8d6da;
}
.leyenda .duda {
  color: #fcd089;
}

.imagenTest {
  width: 400px;
}

.respuestas {
  padding-bottom: 1.5rem;
}
.respuestas .acierto {
  color: #3a897a;
  font-weight: 600;
}
.respuestas .fallo {
  color: var(--requerido);
  font-weight: 600;
}
.respuestas label {
  margin-bottom: 0;
}
.respuestas ul {
  list-style: none;
  padding-left: 0;
}
.respuestas ul li input[type=checkbox] + label {
  position: relative;
  padding: 10px 0 0 28px;
  font-size: 1rem;
  cursor: pointer;
}
.respuestas ul li input[type=checkbox]:disabled + label {
  cursor: default;
}
.respuestas ul li input[type=checkbox] + label:before {
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 19px;
  content: "\eabb";
  display: block;
  position: absolute;
  opacity: 1;
  top: 6px;
  left: 0;
  color: #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.respuestas ul li input[type=checkbox]:checked + label:before {
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eabc";
  color: var(--colorPrimario);
  opacity: 1;
}
.respuestas ul li input[type=radio] + label {
  position: relative;
  padding: 10px 0 0 24px;
  cursor: pointer;
}
.respuestas ul li input[type=radio] + label:before {
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 19px;
  content: "\eae7";
  position: absolute;
  top: 8px;
  left: 0;
  color: #f0f0f0;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.respuestas ul li input[type=radio]:checked + label:before {
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eae8";
  color: var(--colorPrimario);
  opacity: 1;
}
.respuestas ul li .acierto input[type=radio]:checked + label:before {
  color: #3a897a;
}
.respuestas ul li input[type=radio]:disabled + label {
  cursor: default;
}
.respuestas ul li .fallo input[type=radio] + label:before {
  color: var(--requerido);
}
.respuestas ul li .fallo input[type=checkbox] + label:before {
  color: var(--requerido);
  font-family: "Prefortia";
  font-weight: 900;
  content: "\eaec";
}

.dificultad {
  margin-top: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.dificultad i {
  vertical-align: bottom;
  font-size: 1.6rem;
}
.dificultad .valoracion {
  padding: 0.07rem 1rem;
  background-color: #888;
  color: var(--colorTerciario);
  font-weight: 600;
}
.dificultad .preguntaDudosa {
  width: 0.5rem;
  height: 1.6rem;
  background-color: #fbb03b;
}

.fijo {
  position: sticky;
  padding-bottom: 1rem;
  background-color: var(--colorTerciario);
  z-index: 9;
  padding-bottom: 0;
  top: 65px;
  padding-top: 0.2rem;
  width: 100%;
  padding-right: 1rem;
}

.swiper-container.test i {
  line-height: inherit;
}

.swiper-container.test {
  padding: 0.5rem;
}
.swiper-container.test .subtitulo-sm {
  font-size: 1.5rem;
}
.swiper-container.test:hover {
  transform: scale(1);
}

a.text-warning:hover {
  opacity: 0.6;
  color: #ffc107 !important;
}

.medallita {
  width: 20px;
}

.posicion .medallita {
  width: 27px;
}

.datos .medallita {
  width: 15px;
}

/*------------------------------------------------------------------
[Mi carta]
-------------------------------------------------------------------*/
.miCarta {
  max-width: 210px;
  position: relative;
  color: #4d4d4d;
}
.miCarta .escudo {
  width: 210px;
}
.miCarta img.avatar {
  width: 70px;
}
.miCarta .galon {
  width: 24px;
}
.miCarta .isotipo {
  width: 28px;
}
.miCarta .subtitulo-lg {
  line-height: 1.9rem;
}
.miCarta i {
  vertical-align: text-top;
}
.miCarta .col-auto,
.miCarta .col-sm-auto {
  padding: 0;
  text-align: center;
}
.miCarta .informacion {
  position: absolute;
  top: 35px;
  left: 22px;
  align-items: flex-end;
}
.miCarta hr.blanco {
  background-color: var(--colorTerciario);
  color: var(--colorTerciario);
}
.miCarta hr.negro {
  background-color: var(--hover);
  color: var(--hover);
}
.miCarta .lh-0 {
  line-height: 0.2rem;
}
.miCarta .medalla {
  width: 15px;
  vertical-align: top;
}
.miCarta .medallaSimulacro {
  line-height: 1;
}
.miCarta .medallaSimulacro img {
  width: 14px;
}

@media (max-width: 576px) {
  .modal-dialog .miCarta {
    max-width: 135px;
  }
  .modal-dialog .miCarta .informacion {
    top: 13px;
    left: 39px;
    width: 85px;
  }
  .modal-dialog .miCarta img.avatar {
    width: 50px;
  }
  .modal-dialog .miCarta .escudo {
    width: 135px;
  }
  .modal-dialog .modalBatallas .enfrentamiento {
    padding: 0;
  }
  .modal-dialog .modalBatallas .enfrentamiento img {
    width: 50px;
  }
}
@media (max-width: 442px) {
  .modal-dialog .miCarta {
    max-width: 120px;
  }
  .modal-dialog .miCarta .informacion {
    top: 13px;
    left: 38px;
    width: 72px;
  }
  .modal-dialog .miCarta img.avatar {
    width: 45px;
  }
  .modal-dialog .miCarta .escudo {
    width: 120px;
  }
}
@media (max-width: 420px) {
  .modal-dialog .miCarta {
    max-width: 100px;
  }
  .modal-dialog .miCarta .col-12 {
    padding: 0;
  }
  .modal-dialog .miCarta .informacion {
    top: 10px;
    left: 38px;
    width: 52px;
  }
  .modal-dialog .miCarta .subtitulo-lg {
    font-size: 2rem;
  }
  .modal-dialog .miCarta img.avatar {
    width: 35px;
  }
  .modal-dialog .miCarta .escudo {
    width: 100px;
  }
}
.pointer {
  cursor: pointer;
}

.leyenda i {
  margin-right: 4px;
}

/*------------------------------------------------------------------
[Simulacros]
-------------------------------------------------------------------*/
img.premios {
  width: 55px;
}

.imagenAnimada iframe {
  height: 450px;
  max-width: 600px;
  border: none;
}

/*------------------------------------------------------------------
[1200PX]
-------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .posicion .grafica {
    text-align: center;
    margin-bottom: 1.25rem;
  }
  .posicion .texto {
    text-align: center;
  }
  .posicion .texto .titulo-sm {
    font-size: 2.5rem;
  }
  .posicion .texto .subtitulo {
    font-size: 1.5rem;
  }
  .posicion .leyenda {
    text-align: unset;
  }
  .posicion .leyenda i {
    margin-right: 4px;
  }
}
@media (max-width: 1100px) {
  .posicion .vlAlto {
    display: none;
  }
}
@media (max-width: 1100px) {
  .posicion .swiper-button-prev,
  .posicion .swiper-button-next {
    display: block;
  }
}
@media (max-width: 1400px) {
  .apartados > .col {
    max-width: 33%;
    flex-basis: 33%;
  }
}
.contenedorRibete {
  width: 150px;
  height: 120px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
}
.contenedorRibete .ribete {
  font: bold 15px sans-serif;
  color: #333;
  text-align: center;
  transform: rotate(32deg);
  -webkit-transform: rotate(32deg);
  -moz-transform: rotate(32deg);
  -ms-transform: rotate(32deg);
  -o-transform: rotate(32deg);
  position: relative;
  padding: 7px 0;
  top: 12px;
  right: 14px;
  width: 240px;
  background-color: var(--oro);
  color: var(--colorTerciario);
  font-size: 12px;
}
.contenedorRibete .ribeteRed {
  font: bold 15px sans-serif;
  color: #333;
  text-align: center;
  transform: rotate(32deg);
  -webkit-transform: rotate(32deg);
  -moz-transform: rotate(32deg);
  -ms-transform: rotate(32deg);
  -o-transform: rotate(32deg);
  position: relative;
  padding: 15px 0;
  top: 12px;
  right: 14px;
  width: 240px;
  background-color: #c90019;
  color: var(--colorTerciario);
  font-size: 12px;
}

th i {
  vertical-align: text-top;
}

.graficaSelector {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.selectores {
  margin-top: 1rem;
}

.materiales .svg {
  width: 38px;
}

tr.resultado {
  background-color: var(--primarioClaro);
}

img.medalla {
  width: 16px;
  vertical-align: text-top;
}

img.medalla-lg {
  width: 24px;
}

img.medalla-xl {
  width: 30px;
  vertical-align: baseline;
}

.crearTest {
  text-align: right;
}

.materiales.test .activo {
  transform: scale(1.03);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}

.tab-content p {
  margin-bottom: 0;
}
.tab-content .selector .bootstrap-select > .dropdown-toggle {
  width: auto;
}
.tab-content .selector .dropdown.bootstrap-select {
  width: auto !important;
}

.navegacionTabs .sombra {
  margin-right: 0.8rem;
  padding: 0.8rem 0.2rem;
  cursor: pointer;
  display: block;
  border-bottom: 2px solid var(--colorTerciario);
}
.navegacionTabs .sombra:hover {
  border-bottom: 2px solid var(--colorPrimario);
  color: var(--colorPrimario);
  font-weight: 600;
}
.navegacionTabs .sombra i {
  vertical-align: sub;
}
.navegacionTabs .active {
  color: var(--colorPrimario);
  font-weight: 600;
  border-bottom: 2px solid var(--colorPrimario);
}

.asignaturas.graficas .sombra {
  height: 100%;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1rem;
}

.asignaturas.graficas .contenedor {
  padding: 1.5rem 1.5rem;
}

.preguntasTest .clasica, .preguntasTest .supervivencia, .preguntasTest .bandera, .preguntasTest .pregunta {
  background-size: 140px;
  background-repeat: no-repeat;
  background-position: center 4rem;
}
.preguntasTest .pregunta {
  background-image: url(../img/test/marcadeagua_preguntas.svg);
}
.preguntasTest .bandera {
  background-image: url(../img/batallas/icono_marcaAgua_capturabandera.svg);
}
.preguntasTest .supervivencia {
  background-image: url(../img/batallas/icono_marcaAgua_supervivencia.svg);
}
.preguntasTest .clasica {
  background-image: url(../img/batallas/icono_marcaAgua_clasica.svg);
}

@media (max-width: 991px) {
  .preguntasTest .pregunta, .preguntasTest .bandera, .preguntasTest .supervivencia, .preguntasTest .clasica {
    background-size: 180px;
  }
}
.linkAnchorPregunta {
  visibility: hidden;
  padding-top: 45px;
}

.preguntas .preguntasTest:first-child .linkAnchorPregunta {
  position: absolute;
}

.preguntas .subtitulo-sm {
  font-size: 1.35rem;
}

/*------------------------------------------------------------------
[Mensajes estadísticas]
-------------------------------------------------------------------*/
.card-flip.flipped .flip {
  transform: rotateY(180deg);
}

.card-flip,
.front,
.back {
  width: 100%;
  height: 100%;
}

.flip {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
  height: 100%;
}

.front,
.back {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
}

.front {
  transform: rotateY(0deg);
  position: relative;
}

.back {
  transform: rotateY(180deg);
  position: absolute;
  height: 100%;
}

.linkFlip {
  position: absolute;
  top: 5px;
  right: 4px;
  width: 23px;
  height: 30px;
  cursor: pointer;
}
.linkFlip:hover {
  opacity: 0.7;
}

.linkFlip:hover {
  opacity: 1;
}

.linkFlip.deshabilitado:hover {
  opacity: 0.2;
}

.back .sombra {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}
.back .sombra img {
  width: 60px;
  position: absolute;
  bottom: 0;
  left: 35px;
}
.back .sombra .info {
  padding-bottom: 6.5rem;
}

.sombra.duda {
  background-color: var(--duda);
  color: #fbb03b;
  background-image: url(../img/iconos/prefortios/prefortiaDuda.svg);
  background-repeat: no-repeat;
  background-position: 2rem bottom;
  background-size: 150px;
}

.sombra.acierto {
  background-color: var(--colorPrimario-300);
  color: var(--colorPrimario);
  background-image: url(../img/iconos/prefortios/prefortiaAcierto.svg);
  background-repeat: no-repeat;
  background-position: 2rem bottom;
  background-size: 150px;
}

.sombra.fallo {
  background-color: var(--fallo);
  color: #b22738;
  background-image: url(../img/iconos/prefortios/prefortiaFallo.svg);
  background-repeat: no-repeat;
  background-position: 2rem bottom;
  background-size: 150px;
}

tr.activoOro {
  background-color: var(--activoOro);
}

tr.activoPlata {
  background-color: var(--activoPlata);
}

tr.activoBronce {
  background-color: var(--activoBronce);
}

tr.activoBlanco {
  background-color: var(--primarioClaro);
}

tr.activoOro td,
tr.activoPlata td,
tr.activoBronce td,
tr.activoBlanco td {
  padding-bottom: 0;
}
tr.activoOro td svg,
tr.activoOro td img,
tr.activoPlata td svg,
tr.activoPlata td img,
tr.activoBronce td svg,
tr.activoBronce td img,
tr.activoBlanco td svg,
tr.activoBlanco td img {
  max-width: 35px;
}

.bordeOro td {
  border-bottom: 2px solid var(--colorSecundario);
}

.row.resultadosSimulacro {
  align-items: stretch;
}
.row.resultadosSimulacro .sombra {
  padding-bottom: 0;
  padding: 1.4rem;
}
.row.resultadosSimulacro .sombra:hover {
  z-index: 2;
}

.selloNoValido, .selloNoApto-sm, .selloNoApto, .selloApto, .selloSinPlaza, .selloConPlaza, .selloProbable {
  padding: 1rem;
  font-weight: 600;
}

.selloProbable {
  color: #ffc107;
  border: 3px solid #ffc107;
}

.selloConPlaza {
  color: #b2cfca;
  border: 3px solid #b2cfca;
}

.selloSinPlaza {
  color: #ea848f;
  border: 3px solid #ea848f;
}

.selloApto {
  font-size: 2rem;
  line-height: 6.5rem;
  color: var(--colorPrimario);
  border: 3px solid var(--colorPrimario);
}

.selloNoApto {
  font-size: 2rem;
  line-height: 6.5rem;
  color: var(--requerido);
  border: 3px solid var(--requerido);
}

.selloNoApto-sm {
  font-size: 1rem;
  line-height: 4.5rem;
  color: var(--requerido);
  border: 3px solid var(--requerido);
}

.swiper-container.sombra.simulacro {
  padding: 0.5rem;
}

.selloNoValido {
  font-size: 2rem;
  padding: 0.2rem 1rem;
  color: var(--requerido);
  border: 3px solid var(--requerido);
  display: inline-block;
}

.leyendaGraficas i {
  vertical-align: text-top;
}
.leyendaGraficas small {
  font-size: 1rem;
}

/*------------------------------------------------------------------
[1300PX]
-------------------------------------------------------------------*/
@media (max-width: 1300px) {
  .nav-justified .nav-item {
    flex-basis: auto;
  }
}
@media (max-width: 1150px) {
  .nav-justified .nav-item {
    width: 25%;
    flex-grow: 0;
  }
}
@media (max-width: 700px) {
  .nav-justified .nav-item {
    width: 33%;
  }
}
@media (max-width: 530px) {
  .nav-justified .nav-item {
    width: 50%;
  }
}
@media (max-width: 1200px) {
  .row.probabilidad .col-sm-6:first-of-type {
    margin-top: 0;
  }
  .row.probabilidad .col-sm-6:nth-of-type(2) {
    margin-top: 0;
  }
  .row.probabilidad .col-sm-6 {
    margin-top: 2rem;
  }
}
@media (max-width: 576px) {
  .row.probabilidad .border-right {
    border: none !important;
  }
}
/*------------------------------------------------------------------
[991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .swiper-container .vlAlto {
    display: none;
  }
  .selectores {
    margin-top: 1rem;
  }
  .crearTest {
    text-align: center;
  }
  .tab-content .texto {
    margin-top: 1rem;
  }
  .tab-content .selector {
    text-align: right;
  }
  .switch {
    text-align: right;
  }
}
/*------------------------------------------------------------------
[768PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .miCarta .subtitulo-lg {
    font-size: 2.5rem;
  }
  .apartados > .col {
    max-width: 50%;
    flex-basis: 50%;
  }
  .subtituloFino {
    font-size: 1.5rem;
  }
  .subtituloFino i {
    font-size: 0.8em;
  }
}
/*------------------------------------------------------------------
[576PX]
-------------------------------------------------------------------*/
@media (min-width: 576px) {
  .aciertos div {
    border-right: 1px solid #d8e8e4;
  }
  .aciertos div:last-of-type {
    border-right: none;
  }
}
@media (max-width: 576px) {
  .posicion .texto {
    margin-bottom: 1rem;
  }
  .aciertos p {
    font-size: 1rem;
  }
  .aciertos .subtitulo {
    font-size: 1.6rem;
  }
  .notasMovil {
    text-align: right;
  }
  .notasMovil .col-5 {
    padding-right: 0;
  }
  .asignaturas.graficas .card-flip .sombra {
    min-height: 14rem;
  }
  .card-header .col-auto {
    padding-left: 0;
  }
  .card-header .col {
    width: auto;
  }
  .subtituloFino {
    font-size: 1.1rem;
  }
  .subtituloFino .subtitulo-sm {
    font-size: 1.1rem;
  }
  .subtituloFino-sm {
    font-size: 1.1rem;
  }
  .preguntasTest .subtitulo-sm {
    font-size: 1.1rem;
  }
  .terminar {
    display: block;
    margin-bottom: 1rem;
  }
}
@media (max-width: 576px) {
  .apartados > .col {
    max-width: 100%;
    flex-basis: 100%;
  }
  .apartados > .col .col {
    flex-basis: auto;
  }
  .miCarta .subtitulo-lg {
    font-size: 2.5rem;
  }
  .apartados .sombra.notas {
    box-shadow: none;
    padding: 0;
  }
  .apartados .sombra.notas .btn-link {
    padding: 0.1rem;
  }
  .apartados .sombra.notas .svg {
    width: 25px;
  }
  .apartados .sombra.notas .col-auto:first-child {
    padding-right: 0;
  }
  .pregunta .subtitulo-sm {
    font-size: 1.1rem;
  }
  .apartados .sombra.py-custom {
    padding: 1rem;
    padding-bottom: 1rem;
  }
  .apartados .sombra.py-custom a .card-header:after {
    content: none;
  }
}
/*------------------------------------------------------------------
[Zona de estudio] 
-------------------------------------------------------------------*/
.codigosQR .sombra {
  padding: 2rem 1.563rem;
}
.codigosQR .sombra p {
  margin-bottom: 0;
}
.codigosQR .sombra:hover {
  transform: scale(1.02);
  -webkit-box-shadow: 0px 0px 8px 2px rgba(187, 199, 125, 0.4);
  box-shadow: 0px 0px 8px 2px rgba(187, 199, 125, 0.4);
}
.codigosQR .noHover:hover {
  transform: none;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
}

.imagenSombra {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.svgQr {
  width: 100px;
}

.imagen-tablon {
  max-width: 500px;
  max-height: 400px;
}

.codigoQR {
  text-align: center;
}
.codigoQR img {
  width: 50px;
}

.imagenFondoTorneo.css-imagen {
  background-image: var(--imagen-fondo-torneo);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.imagenFondoTorneo:not(:has(p)) {
  min-height: 200px;
}

.torneo {
  container-name: torneo;
  container-type: inline-size;
}

@container torneo (max-width: 675px) {
  .imagenFondoTorneo.css-imagen {
    background-position-x: 100%;
  }
}
@container torneo (max-width: 675px) {
  .imagenFondoTorneo.css-imagen:not(:has(p)) {
    background-position-x: center;
    padding: 6rem 0 !important;
    min-height: auto;
  }
}
@container torneo (max-width: 600px) {
  .imagenFondoTorneo.css-imagen:not(:has(p)) {
    padding: 5rem 0 !important;
  }
}
@container torneo (max-width: 500px) {
  .imagenFondoTorneo.css-imagen:not(:has(p)) {
    padding: 3.5rem 0 !important;
  }
}
.selectores .form-group:last-of-type {
  margin-bottom: 0;
}

.sombra.deshabilitado {
  opacity: 0.5;
  cursor: auto;
  box-shadow: none;
  background-color: var(--gris-300);
}
.sombra.deshabilitado:hover {
  transform: initial;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
}

span.filtro {
  font-weight: 600;
  filter: brightness(0);
}

.circuloDuda, .circuloAcierto {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 0.4rem;
  border: 1px solid var(--hover);
}

.circuloAcierto {
  background-color: var(--colorPrimario-300);
}

.circuloDuda {
  background-color: var(--colorSecundario);
}

.circuloFallo {
  background-color: #fa8100;
}

/*------------------------------------------------------------------
[Progreso del estudio] 
-------------------------------------------------------------------*/
.progresoEstudio .swiper-slide {
  align-self: stretch;
}

.progresoEstudio .swiper-slide:last-child img {
  width: 80%;
}

/*------------------------------------------------------------------
[991PX] 
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  span.circulo.ocultoDown {
    display: none;
  }
}
/*------------------------------------------------------------------
[768PX] 
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .selectores .form-group:last-of-type {
    margin-bottom: 1.5rem;
  }
}
/*------------------------------------------------------------------
[576PX] 
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .tituloQR p {
    font-size: 1rem;
    margin-top: 0.5rem;
  }
}
/*------------------------------------------------------------------
[Materiales] 
-------------------------------------------------------------------*/
.materiales .sombra {
  padding-top: 1.875rem;
}
.materiales .sombra:hover {
  -webkit-box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.6);
  -moz-box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.6);
  box-shadow: 0px 0px 8px 0px rgba(239, 117, 139, 0.6);
}
.materiales .sombra p {
  margin-bottom: 0;
}
.materiales .sombra img {
  width: 30px;
  margin-bottom: 1rem;
}

@media (max-width: 991px) {
  .materiales .sombra {
    padding-top: 1rem;
    padding-bottom: 0.8rem;
  }
  .materiales .sombra p {
    display: inline-block;
  }
  .materiales .sombra img {
    width: 24px;
    margin-right: 0.5rem;
    margin-bottom: 0;
    vertical-align: middle;
  }
}
/*------------------------------------------------------------------
[Acción Tutorial] 
-------------------------------------------------------------------*/
.tutorImagen img {
  max-height: 130px;
}

/*------------------------------------------------------------------
[Videoclases] 
-------------------------------------------------------------------*/
.asignaturas .asignatura {
  vertical-align: sub;
}
.asignaturas p {
  margin-bottom: 0;
}
.asignaturas .svg {
  width: 24px;
  vertical-align: text-top;
}
.asignaturas .sombra {
  padding: 0.9rem 0.9rem;
  height: auto;
  border-bottom: 5px solid;
}
.asignaturas .sombra:hover {
  transform: scale(1);
}
.asignaturas img {
  vertical-align: text-top;
  margin-right: 0.25rem;
}
.asignaturas .alineado {
  flex-direction: column;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.asignaturas i {
  vertical-align: text-top;
}
.asignaturas .h-20 {
  height: 20%;
}

.swiper-container.videos img {
  width: 100%;
}

.videoPlanes .deshabilitado {
  opacity: 0.4;
}

.selectoresMes span {
  line-height: 1.3;
}

.v-aling-sub {
  vertical-align: sub;
}

.accordion.prefortia.videoclases .card-header {
  padding: 0.5rem;
  border-radius: 0;
}
.accordion.prefortia.videoclases .card-header a:after {
  right: 32px;
}
.accordion.prefortia.videoclases .card-header a {
  color: var(--colorTexto);
}
.accordion.prefortia.videoclases .card-header.anchoAlternativo a:after {
  top: 0;
}
.accordion.prefortia.videoclases .btn-link {
  padding: 0;
}

.anotacion {
  text-align: left;
  max-width: 100%;
}
.anotacion div {
  padding: 1rem 1.5rem;
  border-radius: 25px 25px 0 25px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.1);
}
.anotacion small {
  margin-right: 1.5rem;
}

.escribirAnotacion {
  display: flex;
  align-items: center;
  transition: all 0.3s;
  bottom: 1rem;
}
.escribirAnotacion.offCanvas {
  transition: all 0.3s;
}
.escribirAnotacion textarea {
  border: none;
  height: 100px;
  overflow-y: auto;
  display: inline-block;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding-bottom: 0;
  color: var(--colorTexto);
}
.escribirAnotacion textarea::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

.iconoImprimir {
  max-width: 20px;
}

/*------------------------------------------------------------------
[768PX] 
-------------------------------------------------------------------*/
@media (min-width: 768px) {
  .accordion.prefortia.videoclases .card-header {
    background-color: transparent !important;
  }
  .accordion.prefortia.videoclases .card-header a {
    pointer-events: none;
  }
  .accordion.prefortia.videoclases .card-header a:after {
    content: none;
  }
  .accordion.prefortia.videoclases .collapse:not(.show) {
    display: block;
  }
}
@media (max-width: 768px) {
  .accordion.prefortia .botonBusqueda {
    padding: 0.85rem;
  }
  .accordion.prefortia .botonBusqueda i {
    font-size: 1.2rem;
  }
  .accordion.prefortia.videoclases .card-header:not(.anchoAlternativo) .asignatura {
    line-height: 0.5;
  }
  .accordion.prefortia.videoclases .card-header.conocimientos {
    background-color: rgba(var(--conocimientos), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.ingles {
    background-color: rgba(var(--ingles), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.psicotecnicos {
    background-color: rgba(var(--psicotecnico), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.ortografia {
    background-color: rgba(var(--ortografia), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.pruebasFisicas {
    background-color: rgba(var(--pruebasFisicas), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.tutoria {
    background-color: rgba(var(--tutoria), 0.32);
  }
  .accordion.prefortia.videoclases .card-header.videotutoriales {
    background-color: rgba(var(--videoTutoriales), 0.32);
  }
}
/*------------------------------------------------------------------
[576PX] 
-------------------------------------------------------------------*/
@media (max-width: 520px) {
  .selectoresMes {
    flex-wrap: wrap;
  }
  .selectoresMes span {
    line-height: 1.3;
    width: 100%;
    order: 3;
    margin-top: 0.5rem;
  }
  .selectoresMes a {
    width: 50%;
    margin: 0 !important;
    line-height: 1.7;
    margin-bottom: 1rem;
  }
  .selectoresMes a:first-of-type {
    order: 1;
  }
  .selectoresMes a:last-of-type {
    order: 2;
    text-align: right;
  }
}
@media (max-width: 576px) {
  .swiper-container.videos {
    justify-content: center;
  }
  .swiper-container.videos .swiper-slide .col-12:first-of-type {
    text-align: center;
  }
  .swiper-container.videos .swiper-slide .col-12:last-of-type {
    padding: 0 60px;
  }
  .swiper-container.videos img {
    width: 80%;
  }
}
/*------------------------------------------------------------------
[Mi perfil] 
-------------------------------------------------------------------*/
.modal-body .bordeInferior {
  border-bottom: 2px solid #666;
}
.modal-body .bordeInferior.bloqueado {
  filter: grayscale(90%);
  -moz-filter: grayscale(90%);
  -ms-filter: grayscale(90%);
  -o-filter: grayscale(90%);
  opacity: 0.35;
}
.modal-body .bordeInferior.bloqueado::before {
  filter: contrast(100%) opacity(100%) invert(100%);
  -moz-filter: contrast(100%) opacity(100%) invert(100%);
  -ms-filter: contrast(100%) opacity(100%) invert(100%);
  -o-filter: contrast(100%) opacity(100%) invert(100%);
  font-family: "Prefortia";
  font-weight: 900;
  font-size: 40px;
  content: "\ea71";
  display: block;
  position: absolute;
  top: 30px;
  left: 25px;
  color: var(--colorTerciario);
  opacity: 1;
  z-index: 3;
}
.modal-body .bordeInferior.oro {
  filter: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .modal-body .bordeInferior.bloqueado::before {
    font-size: 26px;
    top: 22px;
    left: 5px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .modal-body .bordeInferior.bloqueado::before {
    font-size: 40px;
    top: 32px;
    left: 15px;
  }
}
@media (max-width: 530px) {
  .modal-body .bordeInferior.bloqueado::before {
    font-size: 36px;
    top: 28px;
    left: 7px;
  }
}
@media (max-width: 450px) {
  .modal-body .bordeInferior.bloqueado::before {
    font-size: 26px;
    top: 18px;
    left: 4px;
  }
}
.modal-body .bordeInferior {
  margin-bottom: 0.6rem;
}
.modal-body .bordeInferior.activo {
  transform: scale(1.01);
  box-shadow: none;
}
.modal-body .bordeInferior.deshabilitado {
  opacity: 0.4;
}

img.rrss {
  max-width: 120px;
}

.perfil .bordeInferior {
  align-self: flex-end;
}

.perfil .enlace {
  line-height: 0;
}

.perfil .avatar {
  width: 150px;
}

/*------------------------------------------------------------------
[Batallas] 
-------------------------------------------------------------------*/
.datosUsuario span {
  display: inline-block;
}

.usuario {
  align-items: center;
}
.usuario .miCarta {
  margin: 0.5rem auto;
}

.avatarEquipo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.imagenEquipo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.solicitudes {
  text-align: right;
}

.sombra.batallas1vs1 {
  border-bottom: 4px solid var(--bronce);
}
.sombra.batallasEquipos {
  border-bottom: 4px solid var(--plata);
}
.sombra.batallasPrefortia {
  border-bottom: 4px solid var(--oro);
}
.sombra .texto-lg {
  position: relative;
}
.sombra .p-absoluto {
  position: absolute;
  z-index: 5;
  padding: 0.3rem;
  top: 0.1rem;
}
.sombra .sinFondo, .sombra .fondoCapturarBandera, .sombra .fondoSupervivencia, .sombra .fondoClasica {
  text-align: center;
  height: 70px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.sombra .sinFondo img, .sombra .fondoCapturarBandera img, .sombra .fondoSupervivencia img, .sombra .fondoClasica img {
  width: 50px;
  padding-top: 0.5rem;
}
.sombra .fondoClasica {
  background-image: url(../img/batallas/fondo_clasica.svg);
}
.sombra .fondoSupervivencia {
  background-image: url(../img/batallas/fondo_supervivencia.svg);
}
.sombra .fondoCapturarBandera {
  background-image: url(../img/batallas/fondo_capturabandera.svg);
}
.sombra .swiper-container span {
  display: inline-block;
}
.sombra .marcaAguaBatallas, .sombra .marcaAguaEquipos, .sombra .marcaAgua1vs1 {
  background-position: center 10px;
  background-repeat: no-repeat;
  background-size: 150px;
}
.sombra .marcaAgua1vs1 {
  background-image: url(../img/batallas/icono_1contra1_fondo.svg);
}
.sombra .marcaAguaEquipos {
  background-image: url(../img/batallas/icono_porequipos_fondo.svg);
}
.sombra .marcaAguaBatallas {
  background-image: url(../img/batallas/icono_batallaprefortia_fondo.svg);
}

table.inline {
  display: inline;
}
table.inline label {
  margin-right: 0.2rem;
}
table.inline tr {
  display: inline-block;
  margin-right: 0.2rem;
}

.proxBatallas .sombra:hover {
  transform: scale(1);
}
.proxBatallas .sombra .borde {
  border-bottom: 0.5px solid #ececec;
}

.swiper-slide .relativo span {
  left: 8px;
  top: 8px;
}

@media (min-width: 1200px) {
  .border-right-xl {
    border-right: 1px solid #dee2e6;
  }
}
.svg-md {
  width: 50px;
}

.svg-lg {
  width: 70px;
}

.svg-xl {
  width: 95px;
}

.svg-xs {
  max-width: 16px;
}

.svg-estadisticas {
  width: 50px;
}

.svg-avatar {
  width: 40px;
}

@media (max-width: 576px) {
  .svg-avatar {
    width: 30px;
  }
}
.relativo {
  position: relative;
}
.relativo span {
  position: absolute;
  top: 7px;
  left: 5px;
  font-size: 15px;
  font-family: var(--fuentePrincipal);
  color: var(--colorTerciario);
  font-weight: 600;
}

.avatarEquipo {
  width: 100px;
  height: 100px;
  background-color: #d4d4d4;
  border-radius: 50%;
  margin-left: 2rem;
  margin-top: -5rem;
  border: 3px solid var(--colorTerciario);
}

.triangulo {
  width: 0;
  height: 0;
  border-left: 185px solid transparent;
  border-right: 185px solid transparent;
  border-bottom: 120px solid var(--colorTerciario);
  margin: 0 auto;
  margin-top: -90px;
  position: relative;
}

.triangulo .absoluto {
  position: absolute;
  left: -71px;
  top: 19px;
  width: 140px;
  text-align: center;
}
.triangulo .absoluto .svg {
  margin-right: 0;
}

.batallaIndividual .batallaPrefortia .fondoIndividual, .batallaPrefortia .batallaIndividual .fondoIndividual, .batallaIndividual .batallaPrefortia .fondoPorEquipos, .batallaPrefortia .batallaIndividual .fondoPorEquipos, .batallaIndividual .fondoCapturarBandera, .batallaIndividual .fondoClasica, .batallaIndividual .fondoSupervivencia {
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: -16px;
  margin-right: -16px;
  min-height: 100px;
}
.batallaIndividual .fondoSupervivencia {
  background-image: url(../img/batallas/fondo_supervivencia.svg);
}
.batallaIndividual .fondoClasica {
  background-image: url(../img/batallas/fondo_clasica.webp);
}
.batallaIndividual .fondoCapturarBandera {
  background-image: url(../img/batallas/fondo_capturabandera.svg);
}
.batallaIndividual .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--colorTerciario);
  font-size: 1.5rem;
  z-index: 999;
}

.interior .imagenEquipo {
  min-height: 100px;
  height: 100%;
  background-image: url(../temp/img/batallas/imgEquipo.jpg);
}

.svg.circulo.azul {
  background-color: cornflowerblue;
  padding: 0.3rem;
  border-radius: 50%;
  width: 40px;
}

.svg.circulo.rojo {
  background-color: var(--requerido);
  padding: 0.3rem;
  border-radius: 50%;
  width: 40px;
}

a.bandera {
  background-image: url(../img/batallas/icono_capturabandera.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}

a.supervivencia {
  background-image: url(../img/batallas/icono_supervivencia.svg);
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}

.batallaPrefortia .fondoIndividual, .batallaPrefortia .fondoPorEquipos, .batallaPrefortia .fondoCapturarBandera, .batallaPrefortia .fondoClasica, .batallaPrefortia .fondoSupervivencia {
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 220px;
}
.batallaPrefortia .fondoSupervivencia {
  background-image: url(../img/batallas/fondo_supervivencia.svg);
}
.batallaPrefortia .fondoClasica {
  background-image: url(../img/batallas/fondo_clasica.svg);
}
.batallaPrefortia .fondoCapturarBandera {
  background-image: url(../img/batallas/fondo_capturabandera.svg);
}
.batallaPrefortia .fondoPorEquipos {
  background-image: url(../img/batallas/batallaprefortia_porequipos.svg);
}
.batallaPrefortia .fondoIndividual {
  background-image: url(../img/batallas/batallaprefortia_individual.svg);
}
.batallaPrefortia .close {
  position: absolute;
  right: 10px;
  top: 10px;
  color: var(--colorTerciario);
  font-size: 1.5rem;
  z-index: 999;
}
.batallaPrefortia .tipoBatalla {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colorTerciario);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  padding: 1.5rem;
}
.batallaPrefortia .composicion {
  margin-left: -16px;
  margin-right: -16px;
}
.batallaPrefortia .composicion .uno {
  position: relative;
}
.batallaPrefortia .composicion .uno .col {
  min-height: 100px;
  width: 50%;
  width: calc(50% + 2rem);
}
.batallaPrefortia .absoluto {
  position: absolute;
  bottom: 5px;
  width: 100%;
  left: 50px;
}
.batallaPrefortia .absoluto span {
  display: inline-block;
}

@media (min-width: 768px) {
  .diagonal1 {
    clip-path: polygon(0 0, 100% 0, calc(80% - 3rem) 100%, 0% 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, calc(80% - 3rem) 100%, 0% 100%);
  }
  .diagonal2 {
    margin-left: -8.2rem;
    clip-path: polygon(8.7rem 0, 100% 0, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(8.7rem 0, 100% 0, 100% 100%, 0% 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
  }
}
@media (max-width: 768px) {
  .modalTorneo.batallaPrefortia .fondoSupervivencia, .modalTorneo.batallaPrefortia .fondoClasica, .modalTorneo.batallaPrefortia .fondoCapturarBandera, .modalTorneo.batallaPrefortia .fondoPorEquipos, .modalTorneo.batallaPrefortia .fondoIndividual {
    min-height: auto;
  }
  .modalTorneo.batallaPrefortia .diagonal1,
  .modalTorneo.batallaPrefortia .diagonal2 {
    padding: 1rem 0;
    text-align: center;
  }
  .modalTorneo.batallaPrefortia .diagonal1 .svg-lg,
  .modalTorneo.batallaPrefortia .diagonal2 .svg-lg {
    margin-bottom: 0.5rem;
  }
  .modalTorneo.batallaPrefortia .diagonal1 .tipoBatalla,
  .modalTorneo.batallaPrefortia .diagonal2 .tipoBatalla {
    margin: 0 auto;
  }
}
.modal-dialog .imagenEquipo .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -15px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--colorTerciario);
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: 0 15px;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.modal-dialog .imagenEquipo .overlay.top {
  top: 100%;
}
.modal-dialog .imagenEquipo {
  position: relative;
  cursor: pointer;
}
.modal-dialog .imagenEquipo:hover .overlay.top {
  top: 65%;
}
.modal-dialog .recompensas {
  position: relative;
}
.modal-dialog .recompensas a {
  position: absolute;
  right: 15px;
}
.modal-dialog .deshabilitado {
  opacity: 0.5;
}
.modal-dialog .usuario {
  border-bottom: 3px solid var(--colorPrimario);
  margin-bottom: -0.15rem;
}
.modal-dialog .capitan {
  position: relative;
}
.modal-dialog .capitan i {
  position: absolute;
  top: 18px;
  left: -5px;
  font-size: 0.8rem;
}
.modal-dialog .imagenEquipo {
  min-height: 200px;
  max-height: 200px;
  background-color: #d4d4d4;
}
.modal-dialog .imagenEquipo.conImagen {
  background-image: url(../temp/img/batallas/imgEquipo.jpg);
  background-size: cover;
}
.modal-dialog .avatarEquipo.conImagen {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.modal-dialog .avatarEquipo .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: -15px;
  background: rgba(0, 0, 0, 0.5);
  color: var(--colorTerciario);
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin: 0 15px;
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.modal-dialog .avatarEquipo .overlay.top {
  top: 100%;
}
.modal-dialog .avatarEquipo {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-size: 4rem;
  background-repeat: no-repeat;
  background-position: center;
}
.modal-dialog .avatarEquipo.css_imagenPorDefecto {
  background-image: url(../img/batallas/icono_porequipos.svg);
  background-color: var(--requerido);
}
.modal-dialog .avatarEquipo:hover .overlay.top {
  top: 25%;
}
.modal-dialog .percentilEquipoRequerido, .modal-dialog .percentilEquipoBlanco, .modal-dialog .percentilEquipoBronce, .modal-dialog .percentilEquipoPlata, .modal-dialog .percentilEquipoOro {
  font-size: 2rem;
  font-weight: bold;
  color: var(--colorTerciario);
  padding: 0.6rem 0.8rem;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
}
.modal-dialog .percentilEquipoRequerido-sm, .modal-dialog .percentilEquipoBlanco-sm, .modal-dialog .percentilEquipoBronce-sm, .modal-dialog .percentilEquipoPlata-sm, .modal-dialog .percentilEquipoOro-sm {
  font-size: 1rem;
  font-weight: bold;
  color: var(--colorTerciario);
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
}
.modal-dialog .percentilEquipoOro {
  background-color: var(--colorSecundario);
}
.modal-dialog .percentilEquipoOro-sm {
  background-color: var(--colorSecundario);
}
.modal-dialog .percentilEquipoPlata {
  background-color: var(--plata);
}
.modal-dialog .percentilEquipoPlata-sm {
  background-color: var(--plata);
}
.modal-dialog .percentilEquipoBronce {
  background-color: var(--bronce);
}
.modal-dialog .percentilEquipoBronce-sm {
  background-color: var(--bronce);
}
.modal-dialog .percentilEquipoBlanco {
  border: 3px solid var(--colorTexto);
  color: var(--colorTexto);
}
.modal-dialog .percentilEquipoBlanco-sm {
  border: 3px solid var(--colorTexto);
  color: var(--colorTexto);
}
.modal-dialog .percentilEquipoRequerido {
  border: 3px solid var(--requerido);
  color: var(--requerido);
}
.modal-dialog .percentilEquipoRequerido-sm {
  border: 3px solid var(--requerido);
  color: var(--requerido);
}
.modal-dialog .activo .sombra {
  transform: scale(1.02);
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}

/*------------------------------------------------------------------
[Selectores especiales] 
-------------------------------------------------------------------*/
.selectorEspecial .bootstrap-select:not(.input-group-btn) {
  display: flex;
  height: 100%;
}

.selectorEspecial .bootstrap-select .dropdown-toggle .filter-option {
  height: auto;
}

.selectorEspecial i span,
.enlaceEspecial i span {
  font-size: 18px;
  top: 10px;
  left: 9px;
}

.enlaceEspecial i.pre-percentilSolido span,
.selectorEspecial i.pre-percentilSolido span {
  left: 8px;
}

.enlaceEspecial {
  border: 1px solid #dee2e6;
  display: block;
  padding: 0.5rem;
}
.enlaceEspecial:after {
  content: "";
  display: inline-block;
  vertical-align: 0.255em;
  border-top: 0.4em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
  position: absolute;
  right: 25px;
  top: 50px;
}

.selectorEnlace {
  position: relative;
}
.selectorEnlace .lista {
  position: absolute;
  width: 100%;
  z-index: 999;
  list-style: none;
  padding-left: 0;
}
.selectorEnlace .lista .enlaceEspecial {
  background-color: var(--colorTerciario);
  border-top: none;
}
.selectorEnlace .lista .enlaceEspecial:after {
  content: none;
}
.selectorEnlace .lista .enlaceEspecial:hover {
  background-color: #ebecec;
}

.bootstrap-select .dropdown-menu li a span.text {
  width: 100%;
}

.bootstrap-select.dropdownMultiple .dropdown-menu li a span.text {
  width: auto;
}

.ocultoArriba-sm {
  display: none;
}

@media (min-width: 576px) and (max-width: 992px) {
  .modal-dialog.modalBatallas {
    max-width: 95%;
  }
}
@media (max-width: 576px) {
  .modal-dialog.modalBatallas .ocultoAbajo-sm {
    display: none;
  }
  .modal-dialog.modalBatallas .ocultoArriba-sm {
    display: block;
  }
  .nuevaBatalla {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 525px) {
  .contador {
    flex-basis: 100%;
  }
}
@media (max-width: 576px) {
  .modal-xl.modal-dialog.modalBatallas .subtitulo {
    font-size: 1rem;
  }
}
.bootstrap-select .dropdown-divider {
  height: 0;
  margin: 1.2rem 0 2rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
  display: block;
  pointer-events: none;
}
.bootstrap-select .dropdown-divider:after {
  content: "Contactos batallas";
  color: #6c757d;
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 1rem;
}

.botonesNuevaBatalla .col-12 .sombra {
  padding: 0;
  position: relative;
}
.botonesNuevaBatalla .col-12 .sombra .d-block {
  padding: 1.5rem;
}
.botonesNuevaBatalla .col-12 .sombra .d-block.activo {
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}
.botonesNuevaBatalla .col-12 .sombra .enlaceVideo {
  position: absolute;
  right: 1.2rem;
  top: 0.5rem;
}

@media (max-width: 768px) {
  .botonesNuevaBatalla .col-12 .sombra .d-block {
    padding: 1rem;
  }
  .botonesNuevaBatalla .col-12 .sombra .d-block .activo {
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
  }
  .botonesNuevaBatalla .col-12 .sombra .enlaceVideo {
    position: absolute;
    right: 2rem;
  }
}
.iconoBatallas {
  width: 60px;
}

.imagenFondoBatallas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 205px;
}
.imagenFondoBatallas.css-imagen {
  background-image: url(../img/batallas/batallaprefortia_porequipos.svg);
}

/*------------------------------------------------------------------
[Boton Batallas] 
-------------------------------------------------------------------*/
.switch.batallas i {
  color: var(--requerido);
}
.switch.batallas i.colorSecundario {
  color: var(--colorSecundario);
}

.salaBatallas {
  width: 350px;
  position: fixed;
  top: 20%;
  right: 0;
  background-color: var(--colorTerciario);
  z-index: 9999;
  border-radius: 2px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}
.salaBatallas td.avatar {
  max-width: 50px;
}
.salaBatallas .galon img {
  max-height: 30px;
}
.salaBatallas .listaUsuarios {
  padding: 0.5rem 1rem;
}
.salaBatallas .listaUsuarios i:hover {
  color: var(--colorSecundario);
}
.salaBatallas .listaUsuarios th {
  font-size: 0.9rem;
}
.salaBatallas .listaUsuarios th i {
  font-size: 0.3rem;
  vertical-align: middle;
}
.salaBatallas .listaUsuarios .usuario {
  border-bottom: 1px solid var(--subMenuLateral);
  margin-bottom: 1.5rem;
}
.salaBatallas .cabecera {
  padding: 0.5rem;
  background-color: var(--colorSecundario);
  color: var(--colorTerciario);
  font-size: 0.9rem;
}
.salaBatallas .cabecera i {
  color: var(--colorTerciario);
}
.salaBatallas .cabecera i.pre-flecha_arriba {
  rotate: 90deg;
  font-size: 1.5rem;
  padding-top: 0.4rem;
}
.salaBatallas .eventos {
  padding: 0.5rem 1rem;
  background-color: var(--activoOro);
  border-top: 2px solid var(--colorSecundario);
}
.salaBatallas .eventos .hora {
  color: #a9a8a6;
}

.botonBatallas {
  background-color: var(--colorSecundario);
  position: fixed;
  top: 40%;
  right: 0;
  border-radius: 4px;
  z-index: 9999;
  writing-mode: vertical-lr;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.4);
}
.botonBatallas span {
  color: var(--colorTerciario);
  rotate: 180deg;
}
.botonBatallas a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.botonBatallas i {
  color: var(--colorTerciario);
  rotate: -90deg;
}

.bg-card-batallas {
  background-image: url(../img/escritorio/imagenEscritorio.webp);
  background-size: cover;
  background-position: center;
}

/*------------------------------------------------------------------
[Torneo] 
-------------------------------------------------------------------*/
.proximoTorneo {
  padding-top: 2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  font-family: "Roboto condensed";
  background-size: cover;
  background-position: center;
  background-image: url(../img/batallas/torneo/fondo_proximo_torneo.webp);
  height: calc(100vh - 6.2rem);
}

.contadorTorneo > div {
  padding: 1.2rem 1rem;
  background-position: center 4px;
  background-size: cover;
  background-repeat: no-repeat;
}
.contadorTorneo span {
  font-size: 3.5rem;
}
.contadorTorneo .dias {
  background-image: url(../img/batallas/torneo/dias_proximo_torneo.svg);
}
.contadorTorneo .horas {
  background-image: url(../img/batallas/torneo/horas_proximo_torneo.svg);
}
.contadorTorneo .minutos {
  background-image: url(../img/batallas/torneo/minutos_proximo_torneo.svg);
}
.contadorTorneo .segundos {
  background-image: url(../img/batallas/torneo/segundos_proximo_torneo.svg);
}

@media (max-width: 576px) {
  .contadorTorneo span {
    font-size: 3rem;
  }
}
/*------------------------------------------------------------------
[Querys] 
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .solicitudes {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 576px) and (max-width: 992px) {
  .modal-dialog.modalBatallas {
    max-width: 95%;
  }
}
@media (max-width: 576px) {
  .botonBatallas {
    top: 20%;
  }
  .botonBatallas i:last-of-type {
    rotate: 0deg;
  }
}
/*------------------------------------------------------------------
[Cuadro de honor]
-------------------------------------------------------------------*/
.cuadroHonor {
  background-image: url(../img/cuadroHonor/fondo_cuadrohonor.svg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 90%;
  margin-top: 1rem;
  padding-top: 2rem;
  border-bottom: 1px solid var(--colorTexto);
}
.cuadroHonor .sombra {
  padding: 15px 0;
  background-color: var(--colorTerciario);
  height: calc(100% - 102px);
  margin: 0 auto;
  pointer-events: none;
}
.cuadroHonor .notas {
  display: flex;
  justify-content: center;
  text-align: left;
}
.cuadroHonor .numero1 {
  padding-right: 0;
  padding-left: 0;
  z-index: 9;
}
.cuadroHonor .numero2 {
  margin-top: 20px;
  padding-right: 0;
}
.cuadroHonor .numero3 {
  margin-top: 40px;
  padding-left: 0;
}
.cuadroHonor span.colorPrimario {
  display: inline-block;
  margin-right: 2.5rem;
  text-align: left;
}
.cuadroHonor span.colorPrimario:first-of-type {
  margin-right: 2rem;
}
.cuadroHonor span.colorPrimario:last-of-type {
  margin-right: 2.2rem;
}

.cuadroHonor.batallas {
  background-image: none;
  border: none;
  margin: 0;
}
.cuadroHonor.batallas .sombra {
  height: calc(100% - 67px);
}

@media (min-width: 991px) {
  .cuadroHonor {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
@media (max-width: 768px) {
  .cuadroHonor {
    border-bottom: none;
  }
  .cuadroHonor .sombra {
    max-width: 300px;
  }
  .cuadroHonor .numero1,
  .cuadroHonor .numero2,
  .cuadroHonor .numero3 {
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 1px solid var(--colorTexto);
    margin-top: 2rem;
  }
}
/*------------------------------------------------------------------
[Acceso] 
-------------------------------------------------------------------*/
.fondoPlantilla {
  background-image: url(../img/inicio/estadisticas/fondoEstadisticas.webp);
  background-size: cover;
}

.fondoPlantilla .container {
  height: 85vh;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fondoPlantilla.auto .container {
  height: auto;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fondoPlantilla.auto .contenedorCentral {
  margin-top: 3rem;
}

.fondoPlantilla .contenedorCentral {
  min-height: auto;
  width: 45.75rem;
  padding: 2.5rem;
}
.fondoPlantilla .contenedorCentral .galonAcceso.deshabilitado {
  background-color: #ebecec;
  box-shadow: none;
}
.fondoPlantilla .contenedorCentral .galonAcceso.deshabilitado:hover {
  transform: scale(1);
}

.fondoPlantillas {
  background-image: url(../img/inicio/estadisticas/fondoEstadisticas.webp);
  background-size: cover;
}

.fondoPlantillasAula {
  background-image: url(../img/plantillas/fondo_batallas_landing_plantillas.png);
  background-size: cover;
}

.fondoPlantillasComunidad {
  background-image: url(../img/plantillas/mosaico.webp);
  background-size: cover;
}

.fondoPlantillasTutores {
  background-image: url(../img/plantillas/profesores_landing_plantilla.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.fondoBanner {
  background-image: url(../img/plantillas/landingFondo.jpg);
  background-size: cover;
}

body.marcaAgua {
  background: url(../img/logos/logo_marcaAgua.svg) center center fixed no-repeat;
  background-size: cover;
  min-height: 90vh;
}

.contenedorInterno .sombra {
  background-color: var(--colorTerciario);
}

.fondoPlantilla .contenedorCentral.ancho {
  min-height: auto;
  width: 65.75rem;
  padding: 2.5rem;
}

.respuestasPlantilla {
  margin-left: 15px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.respuestasPlantilla li {
  width: 30px;
  margin-right: 0.513rem;
  margin-left: 0.513rem;
  margin-top: 0.5rem;
}
.respuestasPlantilla .form-control {
  height: 30px;
  padding: 0.375rem 0.55rem;
}
.respuestasPlantilla span {
  font-size: 0.9rem;
  font-weight: 600;
}
.respuestasPlantilla .d-block ul {
  padding: 0;
}
.respuestasPlantilla .d-block li {
  list-style: none;
  width: auto;
  text-align: left;
  margin-top: 0;
}
.respuestasPlantilla .d-block label {
  margin-bottom: 0;
}

.preguntaReserva input {
  border: 1px solid var(--colorPrimario);
  background-color: #ebecec;
}

.bloquesPreguntas.plantilla span {
  position: relative;
  list-style-type: none;
  text-align: center;
  width: 29px;
  height: 29px;
  line-height: 29px;
  background-color: #e6e6e6;
  display: inline-block;
  margin-right: 1px;
  margin-bottom: 0.4em;
  font-size: 14px;
  position: relative;
  font-weight: 600;
  color: var(--colorTerciario);
}
.bloquesPreguntas.plantilla .bloqueActual span {
  background-color: #888;
  color: var(--colorTerciario);
}
.bloquesPreguntas.plantilla .bloqueActual .contestada,
.bloquesPreguntas.plantilla .bloqueActual .acierto {
  background-color: var(--colorPrimario);
}
.bloquesPreguntas.plantilla .bloqueActual .fallo {
  background-color: var(--requerido);
}
.bloquesPreguntas.plantilla .bloqueActual .anulada {
  background-color: #4d4d4d;
}

.bloquesLeyenda i {
  font-size: 1.7rem;
  margin-right: 0.5rem;
}
.bloquesLeyenda strong {
  margin-left: 0.2rem;
}
.bloquesLeyenda p {
  display: flex;
  align-items: center;
  margin-bottom: 0.52rem;
}

.plantillaResultados {
  justify-content: left;
}
@media (min-width: 1200px) {
  .plantillaResultados .col-xl {
    width: 8.33%;
    flex-basis: 8.33%;
    flex-grow: 1;
  }
}
.plantillaResultados i {
  vertical-align: text-top;
  margin-right: 3px;
}
.plantillaResultados span {
  font-weight: 600;
}
.plantillaResultados ol {
  padding-left: 1rem;
}

.resultadosEnlaces {
  background-color: #e5edeb;
  padding: 0.613rem;
}
.resultadosEnlaces a {
  display: block;
}

.gris {
  color: #888;
}

/*------------------------------------------------------------------
--------------------[Altura acceso]
-------------------------------------------------------------------*/
@media (max-height: 940px) {
  .fondoPlantilla.auto .container {
    height: auto;
  }
}
@media (max-height: 800px) {
  .fondoPlantilla .container {
    height: auto;
  }
  .fondoPlantilla .container .contenedorCentral {
    margin: 2rem 0;
  }
}
/*------------------------------------------------------------------
--------------------[7.9.2 ----576PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .fondoPlantilla {
    background-image: none;
  }
  .fondoPlantilla .container {
    height: auto;
    align-items: flex-start;
  }
  .fondoPlantilla.auto .container {
    display: block;
    height: auto;
    background-image: none;
    align-items: flex-start;
  }
  .fondoPlantilla .contenedorCentral {
    box-shadow: none;
    min-width: 100%;
  }
  .fondoPlantilla.auto .contenedorCentral {
    margin-top: 0;
  }
}
/*------------------------------------------------------------------
[Sección fondo] 
-------------------------------------------------------------------*/
.conFondo {
  background-image: url(../img/temarios/mosaico.webp);
  background-repeat: repeat;
  background-position: center;
  padding: 4rem 0;
  color: var(--colorTerciario);
  text-align: center;
}

.imagen-md img {
  max-width: 80%;
}

.formularioFondo {
  background-color: #d7e7e3;
  padding: 60px 0;
}

.listaBecas {
  background-color: #f2f2f2;
  padding: 60px 0;
}

.iconos.landing img {
  height: 120px;
}

.fondoPrimario {
  background-color: var(--colorPrimario);
  color: var(--colorTerciario);
}

@media (min-width: 991px) {
  .formulario input {
    width: 70%;
  }
}
/*------------------------------------------------------------------
[Carrera] 
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Página inicial] 
-------------------------------------------------------------------*/
.presentacion {
  position: absolute;
  bottom: 25%;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0 4rem;
}
.presentacion a {
  z-index: 99;
}

#presentacion-mundo {
  display: block;
  height: 100vh;
  width: 100%;
  position: relative;
  z-index: 9999;
}
#presentacion-mundo .capa-presentacion {
  background-position: bottom center !important;
  background-size: auto 1038px;
  background-repeat: repeat-x;
  width: 100%;
  height: 1000px;
  position: fixed;
}

.fondoColor {
  position: relative;
}
.fondoColor .contenedorInterno {
  animation-name: aparecer 1s ease-in;
  -webkit-animation: aparecer 1s ease-in;
  animation-duration: 1s;
}
.fondoColor .parallax {
  perspective: 100px;
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.fondoColor .parallax .capa-parallax {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fondoColor .parallax .capa-parallax.capa-final:before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100vh;
  background: var(--colorFondo);
}
.fondoColor .parallax .capa-parallax img {
  display: block;
  position: absolute;
  bottom: 0;
  height: 100vh;
  width: 100%;
  object-position: center;
  object-fit: cover;
}
.fondoColor .parallax .mostrarCapa:not(:has(~ .mostrarCapa)) {
  transform-style: flat;
}
.fondoColor .parallax .mostrarCapa:not(:has(~ .mostrarCapa)) .capa-parallax {
  transform: none;
}
.fondoColor .parallax .mostrarCapa:not(:has(~ .mostrarCapa)) .capa-parallax::before {
  content: none !important;
}
.fondoColor .parallax .svg-check {
  max-width: 30px;
}
.fondoColor .capa-parallax__0 {
  transform: translateZ(-100px) scale(2);
}
.fondoColor .capa-parallax__1 {
  transform: translateZ(-75px) scale(1.75);
}
.fondoColor .capa-parallax__2 {
  transform: translateZ(-50px) scale(1.5);
}
.fondoColor .capa-parallax__3 {
  transform: translateZ(-25px) scale(1.25);
}
.fondoColor .capa-parallax__4 {
  transform: translateZ(0px) scale(1);
}
.fondoColor .w-100 {
  z-index: 99999;
}
.fondoColor .borde-terciario {
  border: 2px solid var(--colorTerciario);
}
@media (min-width: 992px) {
  .fondoColor .navbar-expand-lg .navbar-toggler {
    display: inline-block;
  }
}
.fondoColor .navbar-expand-lg {
  justify-content: end;
  padding: 0;
}
.fondoColor .navbar-nav {
  flex-direction: column;
  width: 100%;
}
.fondoColor .navbar-nav .imagen {
  transition: all 0.3s;
  position: relative;
}
.fondoColor .navbar-nav .imagen .texto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  opacity: 1;
  transition: all 0.3s;
  color: var(--colorTerciario);
  text-shadow: 2px 2px 4px #162303;
  z-index: 2;
}
.fondoColor .navbar-nav .imagen .texto img {
  max-width: 45px;
}
.fondoColor .navbar-nav .completado .imagen:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(66, 96, 79, 0.7607843137);
  z-index: 1;
}
.fondoColor .navbar-nav .deshabilitado .imagen:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(21, 22, 22, 0.7607843137);
  z-index: 1;
}
.fondoColor .navbar-nav .swiper-button-next:after,
.fondoColor .navbar-nav .swiper-button-prev:after {
  width: 50px;
  height: 70px;
  font-size: 48px;
  color: var(--colorTerciario);
}
.fondoColor .navbar-nav .swiper-button-next {
  right: 60px;
}
.fondoColor .navbar-nav .swiper-button-prev {
  left: 60px;
}
.fondoColor .offcanvas-collapse {
  background-image: url(../img/carrera/evolucion/evolucion.svg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  padding-right: 1rem;
  padding-left: 1rem;
  overflow-y: auto;
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.fondoColor .offcanvas-collapse .pre-cruz {
  font-size: 3rem;
  color: var(--colorTerciario);
}
.fondoColor .offcanvas-collapse .progress {
  background-color: transparent;
  border: 2px solid var(--colorTerciario);
  height: 1rem;
  border-radius: 20px;
}
.fondoColor .offcanvas-collapse .progress .progress-bar {
  background-color: #f4d38c;
  border-radius: 20px;
}
.fondoColor .offcanvas-collapse.open {
  -webkit-transform: translateX(0rem);
  transform: translateX(0rem);
}
.fondoColor .navbar-toggler-icon i {
  color: var(--colorSecundario);
  font-size: 1.5rem;
}

.altura-100vh {
  height: 100vh;
}

.fondoColor .respuestas ul li input[type=checkbox] + label {
  font-size: 1.125rem;
}

/*------------------------------------------------------------------
[Clases de control de los mundos] 
-------------------------------------------------------------------*/
.landscape {
  width: 100%;
  height: 100vh;
  position: relative;
  object-fit: cover;
}
.landscape .colorFondo {
  color: var(--colorFondo);
}
.landscape p {
  position: relative;
  z-index: 5;
}
.landscape .svg-presentacion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.landscape .iconoCalendario {
  max-width: 35px;
  vertical-align: middle;
}
.landscape .etiqueta label {
  border-radius: 40px;
  font-size: 1.1rem;
}
.landscape .calendario .sombra {
  background-color: var(--colorFondo);
}
.landscape .calendario .dia {
  color: var(--colorPrimario);
}
.landscape .mw-auto {
  max-width: 100% !important;
}
.landscape .selector-mundo .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
  width: 100%;
}
.landscape .selector-mundo .bootstrap-select .btn.dropdown-toggle.btn-light {
  background-color: transparent;
  color: var(--colorTerciario);
  font-weight: 600;
  font-size: 1.4rem;
}
.landscape .monstruoFinal {
  position: relative;
}
.landscape .monstruoFinal .imagen {
  max-width: 750px;
  margin: 0 auto;
  z-index: 8;
  position: relative;
  overflow: hidden;
  transition: all 0.3s;
}
.landscape .victoria .salpicaduras {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10;
}
.landscape .victoria .imagen {
  animation: victoria 1s;
}
.landscape .victoria .imagen img:first-child {
  mix-blend-mode: luminosity;
}
.landscape .victoria .imagen .duplicada {
  position: absolute;
  inset: 0;
  z-index: -1;
  filter: drop-shadow(0px 1000px 0 rgb(216, 56, 56));
  transform: translateY(-1000px);
  opacity: 0.7;
}
.landscape .victoria .imagen:before {
  content: "DERROTADO";
  width: 100%;
  position: absolute;
  top: 40%;
  text-align: center;
  color: var(--colorTerciario);
  z-index: 14;
  font-weight: 600;
  background-color: #6d1414;
  padding: 0.5rem 0;
  font-size: 3rem;
  transform: rotate(348deg);
}
@keyframes victoria {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  75% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}
.landscape .derrota {
  animation: animacionDerrota 0.25s 8;
}
.landscape .derrota .imagen {
  position: relative;
  animation: entrada 1.5s;
  z-index: 7;
}
@keyframes entrada {
  0% {
    transform: scale(0.2) translate(-100vw);
  }
  75% {
    transform: scale(1.5) translate(0);
  }
  100% {
    transform: scale(1) translate(0);
  }
}
@keyframes animacionDerrota {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-5px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}
.landscape .fondoColor {
  height: 100vh;
  background-color: var(--colorFondo);
  overflow: hidden;
}
.landscape.selva {
  --colorPrimario: #acb767;
  --colorSecundario: #acb767;
  --colorFondo: #162303;
}
.landscape.submarino {
  --colorPrimario: #70ddef;
  --colorSecundario: #004263;
  --colorFondo: #003454;
}
.landscape.desierto {
  --colorPrimario: #f4ddab;
  --colorSecundario: #72290c;
  --colorFondo: #72290c;
}
.landscape.volcan {
  --colorPrimario: #ffc8bb;
  --colorSecundario: #66121c;
  --colorFondo: #66121c;
}
.landscape.espacial {
  --colorPrimario: #ead3d3;
  --colorSecundario: #0d243f;
  --colorFondo: #6d307a;
}
.landscape .modal-content {
  background-color: var(--colorFondo);
}
.landscape .modal-header {
  background-color: var(--colorPrimario);
}
.landscape .contenedorLeccion {
  flex-direction: column;
  justify-content: center;
  padding: 4rem 8rem;
  min-height: 100vh;
  position: relative;
  display: flex;
  transform-style: preserve-3d;
}
.landscape .contenedorLeccion .progress {
  background-color: transparent;
  border: 2px solid var(--colorPrimario);
  height: 1rem;
  border-radius: 20px;
}
.landscape .contenedorLeccion .progress .progress-bar {
  background-color: var(--colorPrimario);
  border-radius: 20px;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
.landscape .seccion-fondo, .landscape .seccion-2 {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.landscape .pregunta {
  background-color: rgba(0, 0, 0, 0.3764705882);
  border-radius: 6px;
}
.landscape .seccion-2 {
  z-index: 999;
  background-image: url(../temp/modoLeyenda/seccion_2.svg);
}
.landscape .seccion-2.submarino {
  background-image: url(../temp/modoLeyenda/seccion_2_sub.svg);
}
.landscape .seccion-2.volcan {
  background-image: url(../temp/modoLeyenda/seccion_2_volcan.svg);
}
.landscape .seccion-2.espacial {
  background-image: url(../temp/modoLeyenda/seccion_2_espacial.svg);
}
.landscape .seccion-fondo {
  background-image: url(../img/carrera/mundos/mundo_selva.svg);
}
.landscape .seccion-fondo:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #242424;
  opacity: 0.8;
  z-index: 2;
}

@media (width <= 991px) {
  .landscape .contenedorLeccion {
    padding: 4rem 2rem;
    height: auto;
  }
  .landscape .titulo {
    font-size: 3rem;
  }
}
@media (width <= 700px) {
  #TÍTULO_MUNDO {
    transform: translate(480px, 100px) scale(0.5);
  }
}
.backpack {
  opacity: 0;
  animation: opacidad-loader 3s ease-in infinite;
  margin: 0 auto;
  transform: scale(0.5);
  width: 235px;
  height: 330px;
}
.backpack .backpack__straps--top {
  position: relative;
  width: 120px;
  height: 20px;
  margin: 0 auto;
}
.backpack .backpack__straps--top:before, .backpack .backpack__straps--top:after {
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
  content: "";
  background: var(--colorPrimario);
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 10px;
}
.backpack .backpack__straps--top:before {
  left: 0;
}
.backpack .backpack__straps--top:after {
  right: 0;
}
.backpack .backpack__side-pocket {
  position: absolute;
  bottom: 57px;
  width: 40px;
  height: 85px;
  background: hsl(from var(--colorPrimario) h s calc(l - 25));
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 20px;
}
.backpack .backpack__side-pocket.side-pocket--left {
  left: 7px;
}
.backpack .backpack__side-pocket.side-pocket--right {
  right: 7px;
}
.backpack .backpack__main {
  position: absolute;
  top: 13px;
  left: 31px;
  width: 170px;
  height: 250px;
  background: var(--colorPrimario);
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 25px 25px 0 0;
}
.backpack .backpack__main:before {
  position: absolute;
  bottom: -23px;
  left: 0;
  width: 100%;
  height: 22px;
  content: "";
  background: hsl(from var(--colorPrimario) h s calc(l - 15));
  border: inherit;
  border-radius: 0 0 25px 25px;
}
.backpack .backpack__main .main__straps {
  position: absolute;
  bottom: 15px;
  left: calc(50% - 47.5px);
  width: 95px;
}
.backpack .backpack__main .main__straps:before, .backpack .backpack__main .main__straps:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 85px;
  background: var(--colorPrimario);
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 5px 5px 20px 20px;
  box-sizing: border-box;
}
.backpack .backpack__main .main__straps:before {
  left: 0;
}
.backpack .backpack__main .main__straps:after {
  right: 0;
}
.backpack .backpack__top-lid {
  animation: montar-mochila-1 3s ease-in infinite;
  top: 13px;
  position: absolute;
  left: calc(50% - 70px);
  width: 140px;
  height: 105px;
  background: var(--colorPrimario);
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 5px 5px 25px 25px;
}
.backpack .backpack__top-lid:before, .backpack .backpack__top-lid:after {
  position: absolute;
  content: "";
}
.backpack .backpack__top-lid:before {
  top: -5px;
  left: 0;
  width: 100%;
  height: 60%;
  background: hsl(from var(--colorPrimario) h s calc(l - 15));
  border-radius: inherit;
}
.backpack .backpack__top-lid:after {
  width: 80%;
  height: 5px;
  background: hsl(from var(--colorPrimario) h s calc(l - 45));
}
.backpack .backpack__top-lid:before {
  border: inherit;
}
.backpack .backpack__top-lid:after {
  top: 10px;
  left: 10%;
}
.backpack .backpack__top-lid .backpack__strap {
  top: 25px;
}
.backpack .backpack__top-lid .backpack__strap:nth-child(1) {
  left: 14px;
}
.backpack .backpack__top-lid .backpack__strap:nth-child(2) {
  right: 14px;
}
.backpack .backpack__front-pocket {
  animation: montar-mochila-2 3s ease-in infinite;
  bottom: 60px;
  position: absolute;
  left: calc(50% - 70px);
  width: 140px;
  height: 100px;
  background: var(--colorPrimario);
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 5px 5px 25px 25px;
}
.backpack .backpack__front-pocket:before, .backpack .backpack__front-pocket:after {
  position: absolute;
  content: "";
}
.backpack .backpack__front-pocket:before {
  top: -5px;
  left: 0;
  width: 100%;
  height: 45%;
  background: hsl(from var(--colorPrimario) h s calc(l - 15));
  border-radius: inherit;
}
.backpack .backpack__front-pocket:after {
  width: 22px;
  height: 8px;
  background: var(--colorPrimario);
}
.backpack .backpack__front-pocket:before, .backpack .backpack__front-pocket:after {
  border: inherit;
}
.backpack .backpack__front-pocket:after {
  bottom: 10px;
  right: 10px;
  border-radius: 5px;
}
.backpack .backpack__front-pocket .backpack__strap {
  top: 15px;
  left: calc(50% - 10px);
}
.backpack .backpack__front-pocket .backpack__strap .strap__buckle {
  top: 10px;
}
.backpack .backpack__strap {
  position: absolute;
  width: 22px;
  height: 85px;
  background: hsl(from var(--colorPrimario) h s calc(l - 15));
  border: 5px solid hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 5px 5px 20px 20px;
}
.backpack .backpack__strap:before, .backpack .backpack__strap:after {
  position: absolute;
  left: calc(50% - 2px);
  width: 4px;
  height: 4px;
  content: "";
  background: hsl(from var(--colorPrimario) h s calc(l - 45));
  border-radius: 100%;
}
.backpack .backpack__strap:before {
  bottom: 22px;
}
.backpack .backpack__strap:after {
  bottom: 8px;
}
.backpack .backpack__strap .strap__buckle {
  position: absolute;
  top: 18px;
  left: -10px;
  width: 33px;
  height: 25px;
  background: hsl(from var(--colorPrimario) h s calc(l - 20));
  border: inherit;
  border-radius: 5px;
}

@keyframes opacidad-loader {
  0% {
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    transform: scale(0.6);
    opacity: 1;
  }
  100% {
    transform: scale(0.4);
    opacity: 0;
  }
}
@keyframes montar-mochila-1 {
  0% {
    transform: translateY(-50px);
  }
  50% {
    transform: translateX(0);
  }
}
@keyframes montar-mochila-2 {
  0% {
    transform: translateY(50px);
  }
  50% {
    transform: translateX(0);
  }
}
.notificacion {
  position: absolute;
  top: 20px;
  left: 20px;
}

.card-notificacion {
  position: relative;
  display: flex;
  justify-content: center;
  cursor: pointer;
  width: 38rem;
  min-width: auto;
  max-width: 30%;
  padding: 0.5em 0;
  background: var(--colorFondo);
  box-shadow: 0 0 6px 0 rgba(32, 32, 36, 0.12);
  transition: all 0.35s ease;
  color: var(--colorPrimario);
  border-radius: 4px;
}
.card-notificacion::before, .card-notificacion::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--colorPrimario);
  height: 4px;
}
.card-notificacion::before {
  width: 0;
  opacity: 0;
  transition: opacity 0 ease, width 0 ease;
  transition-delay: 0.5s;
}
.card-notificacion::after {
  width: 100%;
  background: var(--colorFondo);
  transition: width 0.5s ease;
}
.card-notificacion .content {
  width: auto;
  max-width: 85%;
}
.card-notificacion .logo {
  margin: 0 0 1em;
  width: 10.625em;
  transition: all 0.35s ease;
}
.card-notificacion .hover_content {
  overflow: hidden;
  max-height: 0;
  transform: translateY(1em);
  transition: all 0.55s ease;
}
.card-notificacion .hover_content p {
  margin: 0.8em 0 0;
  line-height: 1.4em;
}
.card-notificacion:hover {
  width: 100%;
  box-shadow: 0 10px 20px 0 rgba(32, 32, 36, 0.12);
}
.card-notificacion:hover::before {
  width: 100%;
  opacity: 1;
  transition: opacity 0.5s ease, width 0.5s ease;
  transition-delay: 0;
}
.card-notificacion:hover::after {
  width: 0;
  opacity: 0;
  transition: width 0 ease;
}
.card-notificacion:hover .logo {
  margin-bottom: 0.5em;
}
.card-notificacion:hover .hover_content {
  max-height: 14em;
  transform: none;
}

@media (max-width: 768px) {
  .card-notificacion {
    width: 10rem;
  }
}
/*------------------------------------------------------------------
[Animación de la presentación del modo carrera] 
-------------------------------------------------------------------*/
.svg-presentacion #CAPA_13, .svg-presentacion #CAPA_12, .svg-presentacion #CAPA_11, .svg-presentacion #CAPA_10, .svg-presentacion #CAPA_9, .svg-presentacion #CAPA_8, .svg-presentacion #CAPA_7, .svg-presentacion #CAPA_6, .svg-presentacion #CAPA_5, .svg-presentacion #CAPA_4, .svg-presentacion #CAPA_3, .svg-presentacion #CAPA_2, .svg-presentacion #CAPA_1 {
  transform-origin: center;
  animation-timing-function: ease-in-out;
  /* animation-iteration-count: infinite; */
  animation-direction: alternate;
  animation-duration: 18s;
  animation-iteration-count: infinite;
}

.svg-presentacion #CAPA_1 {
  animation-name: animacionArboles;
}
@keyframes animacionArboles {
  0% {
    transform: translateY(0) scale(100%);
  }
  50% {
    transform: translateY(0) scale(105%);
  }
  100% {
    transform: translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_2 {
  animation-name: animacionPersona;
}
@keyframes animacionPersona {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(18px) translateY(71px) scale(105%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_3 {
  animation-name: animacionArboles2;
}
@keyframes animacionArboles2 {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(-61px) translateY(38px) scale(110%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_4 {
  animation-name: animacionArboles3;
}
@keyframes animacionArboles3 {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(0) translateY(-9px) scale(105%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_5 {
  animation-name: animacionLago;
}
@keyframes animacionLago {
  0% {
    transform: translateX(0) translateY(0) scale(105%);
  }
  50% {
    transform: translateX(0) translateY(55px) scale(100%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(105%);
  }
}
.svg-presentacion #CAPA_6 {
  animation-name: animacionMontania;
}
@keyframes animacionMontania {
  0% {
    transform: translateX(40px) translateY(0) scale(105%);
  }
  50% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  100% {
    transform: translateX(40px) translateY(0) scale(105%);
  }
}
.svg-presentacion #CAPA_7 {
  animation-name: animacionAguila;
}
@keyframes animacionAguila {
  0% {
    transform: translateX(0) translateY(0) scale(115%);
  }
  50% {
    transform: translateX(-70px) translateY(-50px) scale(100%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(115%);
  }
}
.svg-presentacion #CAPA_8 {
  animation-name: animacionMontania2;
}
@keyframes animacionMontania2 {
  0% {
    transform: translateX(0) translateY(30px) scale(105%);
  }
  50% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  100% {
    transform: translateX(0) translateY(30px) scale(105%);
  }
}
.svg-presentacion #CAPA_9 {
  animation-name: animacionMontania3;
}
@keyframes animacionMontania3 {
  0% {
    transform: translateX(-26px) translateY(0) scale(105%);
  }
  50% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  100% {
    transform: translateX(-26px) translateY(0) scale(105%);
  }
}
.svg-presentacion #CAPA_10 {
  animation-name: animacionSol;
}
@keyframes animacionSol {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(169px) translateY(7px) scale(120%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_11 {
  animation-name: animacionNubes;
}
@keyframes animacionNubes {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(-30px) translateY(0) scale(105%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_12 {
  animation-name: animacionNubes2;
}
@keyframes animacionNubes2 {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(-85px) translateY(0) scale(102%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}
.svg-presentacion #CAPA_13 {
  animation-name: animacionNubes3;
}
@keyframes animacionNubes3 {
  0% {
    transform: translateX(0) translateY(0) scale(100%);
  }
  50% {
    transform: translateX(-85px) translateY(0) scale(102%);
  }
  100% {
    transform: translateX(0) translateY(0) scale(100%);
  }
}

/*------------------------------------------------------------------
[Animación de los mundos del modo carrera] 
-------------------------------------------------------------------*/
.svg-principal-animacion #CAPA_8, .svg-principal-animacion #CAPA_7, .svg-principal-animacion #CAPA_6, .svg-principal-animacion #CAPA_5 {
  transform-origin: center;
  animation-timing-function: ease-in-out;
  /* animation-iteration-count: infinite; */
  animation-direction: alternate;
  animation-duration: 5s;
}

.svg-principal-animacion #CAPA_5 {
  animation-name: anim1;
}
.svg-principal-animacion #CAPA_6 {
  animation-name: anim2;
}
.svg-principal-animacion #CAPA_7 {
  animation-name: anim4;
}
.svg-principal-animacion #CAPA_8 {
  animation-name: anim5;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes aparecerArriba {
  from {
    transform: translateY(-50vh);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes aparecer {
  from {
    transform: translateY(50vh);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes escala {
  from {
    transform: scale(2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes cambioColor {
  from {
    fill: #252525;
  }
  to {
    fill: #acb767;
  }
}
@keyframes anim1 {
  from {
    transform: translateY(-10%) scale(1.3);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}
@keyframes anim2 {
  from {
    transform: translateY(-8%) scale(1.2);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}
@keyframes anim4 {
  from {
    transform: translateX(0) translateY(-10%) scale(1.5);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}
@keyframes anim5 {
  from {
    transform: translateX(10%) translateY(-10%) scale(1.3);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1);
  }
}

/*------------------------------------------------------------------
[6. Utilidades]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[7. MediaQuerys]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
-------[7.1 Generales]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
--------------------[7.2.1 ----1200PX]
-------------------------------------------------------------------*/
@media (max-width: 1200px) {
  .ocultoDown-xl {
    display: none;
  }
}
@media (min-width: 1200px) {
  .ocultoUp-xl {
    display: none;
  }
}
@media (min-width: 1300px) {
  .ocultoUp-xxl {
    display: none;
  }
}
/*------------------------------------------------------------------
--------------------[7.2.1 ----991PX]
-------------------------------------------------------------------*/
@media (max-width: 991px) {
  .ocultoDown {
    display: none;
  }
}
@media (min-width: 991px) {
  .ocultoUp {
    display: none;
  }
}
/*------------------------------------------------------------------
--------------------[7.2.1 ----768PX]
-------------------------------------------------------------------*/
@media (min-width: 768px) {
  .ocultoUp-md {
    display: none;
  }
}
@media (max-width: 767px) {
  .ocultoDown-md {
    display: none;
  }
  .subtitulo-lg {
    font-size: 2.188rem;
  }
  .texto-xl {
    font-size: 1.125rem;
  }
  .texto-lg {
    font-size: 1rem;
  }
  .estadisticas .subtitulo {
    font-size: 1.2rem;
  }
}
/*------------------------------------------------------------------
--------------------[7.2.1 ----576PX]
-------------------------------------------------------------------*/
@media (max-width: 576px) {
  .oculto-sm {
    display: none;
  }
  .ocultoDown-sm {
    display: none;
  }
  .subtitulo-lg {
    font-size: 1.688rem;
  }
  .subtitulo {
    font-size: 1.688rem;
  }
}
@media (min-width: 576px) {
  .ocultoUp-sm {
    display: none;
  }
}
/*------------------------------------------------------------------
[7. plugins]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Modificaciones de los distintos swipers]
-------------------------------------------------------------------*/
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-prev:after {
  font-size: 24px;
  color: var(--colorTexto);
}

.colorPrimarioVariacion:after {
  color: var(--colorPrimarioVariacion);
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-prev:after {
  width: 20px;
  height: 20px;
}

.gallery-top .swiper-button-white {
  width: 60px;
  height: 60px;
}

.gallery-top .swiper-button-next {
  right: 0;
}
.gallery-top .swiper-button-prev {
  left: 0;
}

.swiper-button-prev,
.swiper-button-next {
  color: var(--colorTexto);
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-next:after {
  width: 20px;
  height: 20px;
}

.swiper-button-prev.ocultoUp.posicionFlecha {
  left: -8px;
  top: 330px;
}

.swiper-button-next.ocultoUp.posicionFlecha {
  right: -8px;
  top: 330px;
}

.swiper-button-prev.ocultoUp.posicionFlechaTemarios {
  left: -2px;
  top: 35%;
}

.swiper-button-next.ocultoUp.posicionFlechaTemarios {
  right: -2px;
  top: 35%;
}

.swiper-button-next.ocultoUp.test,
.swiper-button-prev.ocultoUp.test {
  top: 40%;
}

.proxBatallas .swiper-button-next,
.proxBatallas .swiper-button-prev {
  top: 95px;
}

.swiper-slide.zoom {
  cursor: zoom-in;
}

.gallery-top .swiper-slide {
  text-align: center;
}

.gallery-thumbs .swiper-slide {
  cursor: pointer;
}

.swiper-container.banner .swiper-slide {
  width: 100% !important;
}

.swiper-container.gallery-thumbs {
  margin-bottom: 1.5rem;
}

.swiper-pagination.swiper-pagination-fraction {
  font-weight: bold;
  bottom: 0;
  left: auto;
  right: 0;
  text-align: right;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  font-size: 1.2rem;
  width: auto;
  padding-top: 0.2rem;
  background-color: rgba(var(--colorTerciario), 0.6);
}

.swiper-container.galeriaEstadisticas .swiper-slide div {
  text-align: center;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-right: 0.3rem;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--colorPrimario);
}

@media (min-width: 1300px) {
  .swiper-container.progresoEstudio .swiper-slide {
    width: 33% !important;
  }
}
@media (min-width: 800px) and (max-width: 1280px) {
  .swiper-container.progresoEstudio .swiper-slide {
    width: 50% !important;
  }
}
@media (min-width: 1100px) {
  .swiper-container.posicion .swiper-slide,
  .swiper-container.test .swiper-slide,
  .swiper-container.videos .swiper-slide {
    width: 25% !important;
  }
  .swiper-container.autoestudio .swiper-slide {
    width: 20% !important;
  }
  .swiper-container.codigosQR .swiper-slide:first-of-type,
  .swiper-container.test2 .swiper-slide {
    width: 20% !important;
  }
  .swiper-container.codigosQR .swiper-slide.anchoVariable {
    width: 35% !important;
  }
  .swiper-container.codigosQR .swiper-slide:last-of-type {
    width: 45% !important;
  }
  .swiper-container.simulacro .swiper-slide {
    flex-shrink: 1;
  }
}
@media (min-width: 991px) and (max-width: 1100px) {
  .swiper-container.posicion .swiper-slide,
  .swiper-container.test .swiper-slide,
  .swiper-container.videos .swiper-slide {
    width: 34% !important;
  }
  .swiper-container.autoestudio .swiper-slide {
    width: 20% !important;
  }
  .swiper-container.simulacro .swiper-slide {
    flex-shrink: 1;
  }
}
.swiper-container.batallas .swiper-slide {
  width: 100% !important;
}
.swiper-container.batallas .swiper-wrapper {
  flex-basis: 100%;
}
.swiper-container.batallas .swiper-button-next,
.swiper-container.batallas .swiper-button-prev {
  top: 60%;
}
.swiper-container.batallas .swiper-pagination.pagination,
.swiper-container.batallas .swiper-pagination.pagination2,
.swiper-container.batallas .swiper-pagination.pagination3 {
  text-align: left;
  width: 80%;
  bottom: 1.2rem;
  left: 0.625rem;
  background: var(--colorTerciario);
  background: linear-gradient(90deg, var(--colorTerciario) 0%, rgba(255, 255, 255, 0) 100%);
}

/*------------------------------------------------------------------
[576PX]
-------------------------------------------------------------------*/
@media (max-width: 768px) {
  .swiper-button-next.ocultoUp.videos,
  .swiper-button-prev.ocultoUp.videos {
    top: 70%;
  }
}
@media (max-width: 576px) {
  .swiper-button-prev.ocultoUp.posicionFlecha,
  .swiper-button-next.ocultoUp.posicionFlecha {
    top: 360px;
  }
}
/*------------------------------------------------------------------
[Datepicker]
-------------------------------------------------------------------*/
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 14em;
  background-color: var(--colorTerciario);
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  border: none;
  padding: 5px;
}

.bootstrap-datetimepicker-widget table td {
  color: var(--colorTexto);
}

.bootstrap-datetimepicker-widget table td:first-of-type {
  font-weight: 400;
  white-space: normal;
  overflow: auto;
  text-overflow: inherit;
  max-width: inherit;
}

.bootstrap-datetimepicker-widget table .dow {
  color: var(--colorTexto);
}

.bootstrap-datetimepicker-widget table td span.active {
  background-color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget .prev span,
.bootstrap-datetimepicker-widget .next span {
  font-size: 0.8rem;
}

.bootstrap-datetimepicker-widget .picker-switch {
  color: var(--colorTexto);
}

.bootstrap-datetimepicker-widget .btn span {
  font-size: 0.5rem;
  color: var(--colorPrimario);
}

.bootstrap-datetimepicker-widget table td span {
  width: 50px;
  height: auto;
  line-height: inherit;
}

.tablaPrefortia .datepicker td:first-of-type,
.tablaPrefortia .datepicker th:first-of-type {
  padding-left: 5px;
}

/*------------------------------------------------------------------
[Visor PDF]
-------------------------------------------------------------------*/
._df_button {
  border: none;
}

/*------------------------------------------------------------------
[Emoji Area]
-------------------------------------------------------------------*/
.emojionearea, .emojionearea.form-control {
  border: none;
}

.emojionearea .emojionearea-editor {
  min-height: 4rem;
  background-color: var(--colorTerciario);
}

.emojionearea .emojionearea-button {
  top: 35%;
}

/*------------------------------------------------------------------
[Audio player]
-------------------------------------------------------------------*/
.audioplayer {
  height: 60px;
  border-radius: 30px;
  padding: 0 20px;
}

.modal .audioplayer {
  max-width: 100%;
}

.audioplayer-playpause {
  height: 34px;
  width: 34px;
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
  border: 1px solid var(--colorPrimario);
}

.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
  border-left: 12px solid var(--colorPrimario);
}

.audioplayer-volume-adjust div div {
  background-color: var(--colorPrimario);
}

.audioplayer-bar-played {
  background: var(--colorPrimario);
}

.audioplayer-playing .audioplayer-bar-played::after {
  border: 2px solid var(--colorPrimario);
}

.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after {
  top: 1px;
}

.audioplayer-volume {
  display: none;
}

.audioplayer-time-duration {
  margin-right: 0;
}

@media (min-width: 768px) {
  .audioplayer {
    max-width: 400px;
  }
}
/*------------------------------------------------------------------
[CSS Maps]
-------------------------------------------------------------------*/
.cssmap > li a,
.cssmap-tooltip-content {
  background: transparent;
  color: var(--colorTexto);
  font-family: var(--fuentePrincipal);
  font-weight: 500;
  text-shadow: 0 1px 0 #ebebeb;
}

.cssmap > li:hover a,
.cssmap > li:focus a,
.cssmap > li.active-region a {
  color: var(--colorTerciario);
  text-shadow: 0 1px 0 #000;
}

span.cssmap-loader {
  display: none !important;
}

/*# sourceMappingURL=estilos.css.map */

.disableSelect {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* FORMULARIOS
----------------------------------------------------------*/
textarea {
	resize: none;
}

	.input-group-addon-error,
	.dropdown-toggle-error,
	.panel-default-error,
	.fileInputError .file-caption,
	input[type=text].error,
	input[type=text].error:focus,
	input[type=password].error,
	input[type=password].error:focus,
	textarea.error,
	textarea.error:focus,
	select.error,
	select.error:focus,
	.TxDescripcion_DesignBox.error {
		border-color: #a94442;
	}

	input[type=text]:not(.error):focus,
	input[type=password]:not(.error):focus,
	textarea:not(.error):focus,
	select:not(.error):focus {
		border-color: #e5edeb;
		box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
		opacity: 0.8;
		outline: 0 none;
	}

	input[type=text].error:focus,
	input[type=password].error:focus,
	textarea.error:focus,
	select.error:focus {
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
		opacity: 0.8;
		outline: 0 none;
	}

input[type="submit"] {
	border: none;
}


.bootstrap-tagsinput input[type=text]:not(.error):focus {
	box-shadow: none;
}

input[type="file"]:focus,
input[type="checkbox"]:focus,
select:focus {
	box-shadow: none;
	outline: 1px dotted #666666;
}

.rowInterior {
	margin-right: -15px;
	margin-left: -0px;
}

.imagenBoton1 {
	max-width: 100%;
}

.imagenBoton2 {
	max-width: 90%;
	vertical-align: middle;
}

.captcha {
	max-width: 100%;
	vertical-align: central;
	align-content: center;
	box-sizing: border-box;
	display: inline-block;
	margin-top: 15px;
}

.captchaError {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
	display: block;
}

.input-group.error .file-caption,
input[type=text].error,
input[type=password].error,
textarea.error,
select.error,
.dropdown-toggle.error,
.dropdown-toggle-error,
.bootstrap-select .btn.dropdown-toggle.btn-light.dropdown-toggle-error {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
	color: #333333;
	outline: 0 none;
}

.input_msg_write textarea:focus {
	box-shadow: none;
}

div.error, span.error {
	color: #cc0000;
	line-height: normal;
	font-size: 11px;
	font-weight: normal;
}

.input-group-addon-error {
	color: #a94442;
	background-color: #f2dede;
}

.panel-default-error .panel-heading {
	color: #a94442 !important;
	background-color: #f2dede !important;
}

	.panel-default-error .panel-heading > * {
		color: #a94442 !important;
	}


.fileInputErrorMG .file-caption {
	border-color: #aa0000;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(221, 75, 57, 0.6);
}
/* FIN Errores */

/* -- Loader -- */

#fondoLoader {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333333;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
}

#overlay {
	z-index: 10001;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

* html #overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#loader {
	z-index: 10002;
	position: fixed;
	background-color: White;
	border: 3px solid #EEEEEE;
}

#loaderLeyenda {
	z-index: 10002;
	position: fixed;
}

#fondoLoaderLeyenda {
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333333;
	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}

* html #loader {
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

* html #loaderLeyenda {
	position: absolute;
	margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.loaderText {
	position: relative;
	left: -1px;
	bottom: 0.4em;
	width: 155px;
	font-family: "roboto_slabbold";
	font-size: medium;
	color: #d6d6d6;
	margin: 0 0 0 0.2em;
}

/*Men� responsive*/

.dropdown-item.active {
	background-color: #3A897A;
}

/*------------------------------------------------------------------
[BANNER]
-------------------------------------------------------------------*/
.swiper-slide.bg {
	background-size: cover;
	background-position: center;
}

.swiper-slide.cursor:hover {
	cursor: pointer;
}
/*------------------------------------------------------------------

/*Bot�n aceptar de las cookies*/
#cookies .boton-sm:hover {
	cursor: pointer;
}

/*Descuento de los temarios*/
.precioMini {
	font-size: 20px;
	text-decoration: line-through;
	color: #757584;
	font-family: 'roboto_slabregular', sans-serif;
}

/*Boton de mostrar documentos en temarios con el visor de PDF*/
._df_button {
	border-color: #caa96a !important;
}

/*Responsive*/
@media (max-width: 768px) {
	.imagenBoton2 {
		max-width: 100%;
	}

	.videoEmbebido {
		width: 100%;
		height: 320px;
		vertical-align: middle;
	}
}

.detalleCurso .titulo {
	font-size: unset;
}

form .detalleCurso .titulo p {
	display: block;
}

/* Video
/*********************************************************************************/
.videoContainer {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

	.videoContainer.salaBB {
		position: unset;
		padding-bottom: unset;
	}

	.videoContainer iframe,
	.videoContainer object,
	.videoContainer embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}

.desplegableArticulo {
	padding-left: 0 !important;
}

/**** Im�genes de zoom. Fondo blanco para evitar que las fotos transparentes parezca que flotan por encima de la original ****/
.zoomImg {
	background: #ffffff;
}

.invertirHover:hover img {
	filter: brightness(10);
}

/*Boton borde*/
input[type="submit"].botonPrimario.jQ_CheckErrors,
input[type="submit"].botonPrimario.jQ_CheckErrors:active,
input[type="submit"].botonPrimario.jQ_CheckErrors:focus {
	border: none;
	outline: none;
}

.carrito .botonCarrito[disabled="disabled"],
.botonera .botonCarrito[disabled="disabled"] {
	color: #212529;
}

.botonPrimario.aspNetDisabled:hover,
.botonPrimario.aspNetDisabled {
	color: #ffffff;
}

/*Interlineado de los titulos de las p�ginas de detalle*/
.tituloDetalle {
	line-height: 1.2em;
}

/*Comportamiento del scroll*/
body, html {
	scroll-behavior: smooth;
}

/*Bot�n de la cabecera en responsive para que se quede marcado mientras esta mostrando el men�.*/
#cabecera .nav-link.menu.collapsed {
	background-color: transparent;
}

.anchorPregunta {
	visibility: hidden !important;
	display: block !important;
	height: 1px !important;
	width: 1px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.linkAnchorPregunta {
	scroll-margin-top: 300px;
	padding-top: 0;
}

/*Temporizador test*/
.tiempoUnminuto {
	color: #FF2626;
}

.progress-bar.tiempoUnminuto {
	background-color: #FF2626 !important;
}

.tiempoDiezSegundos {
	color: #FF2626;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-name: blinker;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	animation-name: blinker;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@-webkit-keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

@keyframes blinker {
	0% {
		opacity: 1.0;
	}

	50% {
		opacity: 0.0;
	}

	100% {
		opacity: 1.0;
	}
}

.progress.active .progress-bar {
	-webkit-transition: none !important;
	transition: none !important;
	width: inherit;
}

.tablaPrefortia thead th a {
	border-top: none;
	border-bottom-width: 1px;
	color: #3A897A;
}

#modalConfigurarDia input[type="text"] {
	text-align: right;
}

	#modalConfigurarDia input[type="text"]:focus {
		padding-right: 0.2em;
	}

	#modalConfigurarDia input[type="text"].aspNetDisabled {
		background: none;
	}

.cursorDefecto {
	cursor: default !important;
}

a.diaDesabilitado {
	cursor: default;
}

#seleccionMetodoAutoestudio .deshabilitado .card {
	background-color: transparent;
}

#seleccionMetodoAutoestudio .deshabilitado span.btn {
	cursor: default;
}

.leyendaQR {
	margin-top: 1.7em;
}

@media (max-width: 1100px) {
	.leyendaQR {
		margin-top: 0px;
	}
}

.graficaEvolucionSimulacro svg g text tspan:first-child {
	font-size: 24px;
	font-weight: bold;
}

.graficaEvolucionSimulacro svg g text tspan:not(:first-child) {
	fill: #333333;
}

.graficaEvolucionSimulacro svg g text {
	font-family: 'Roboto';
}

.bloquesPreguntas a .preguntaAnulada {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-top: 15px solid #B72738;
	border-right: 15px solid transparent;
	margin-left: 0;
}

.premios_simulacro {
	width: 85px;
}

td.eventos-simulacro {
	width: 180px;
}

.tablaPrefortia td.text-right.check-eventos-simulacro {
	width: 80px;
}

.cruz-cerrar-modal {
	text-shadow: 1px 1px 1px #000;
}

.title-option-cookie strong {
	color: #3A897A;
}

.ocuparAncho {
	margin-left: -1rem;
	margin-right: -1rem;
	background-size: cover;
	background-position: center;
}

.tablaPrefortia td.truncar {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 200px;
}

.tablaPrefortia td.text-right {
	width: auto;
	min-width: initial;
}

.videos .col-12 input
.videos .col-12 img {
	width: 100%;
}

.videoejercicios .sombra img {
	width: 100px;
}

@media (max-width: 991px) {
	.videoejercicios .sombra img {
		width: 80px;
	}
}

.file-input {
	display: none;
}

.errorExtension {
	margin-left: 8rem;
}

.tablaPrefortia.resultadoBatalla tr:last-child {
	border-bottom: none;
}

.modal-dialog .sombra.activo {
	transform: scale(1.02);
	box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
}

.divTextoVideoclasesRecientes {
	overflow: hidden;
	white-space: nowrap;
}

.textoVideoclasesRecientes {
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-footer .file-input {
	display: block;
}

.modal-footer .file-caption-name {
	display: none;
}

.modal-footer .btn-primary {
	background-color: transparent !important;
	border: none;
	color: #3A897A !important;
	box-shadow: none !important;
	cursor: pointer !important;
	z-index: 100;
}

.modal-footer .is-invalid {
	display: block !important;
}

.btn-file input[type='file'] {
	text-indent: -999px;
}

.tachado {
	text-decoration: line-through
}

.preguntasTest .examenOficial {
	background-image: url(../img/test/marcadeagua_preguntas_selloexamen.svg);
}

.preguntasTest .examenOficial {
	background-size: 140px;
	background-repeat: no-repeat;
	background-position: center 4rem;
}

.preguntasTest .examenVideoExplicacion {
	background-image: url(../img/test/marcadeagua_videoexplicacion.svg);
}

.preguntasTest .examenVideoExplicacion {
	background-size: 140px;
	background-repeat: no-repeat;
	background-position: center 4rem;
}

.fusioncharts-container svg {
	background-color: transparent !important;
}

.alert-success {
	color: var(--colorPrimario)
}

.pointer-none {
	pointer-events: none;
}

.asignaturas p {
	position: relative;
}

	.asignaturas p span {
		z-index: 2;
		position: relative;
	}

.colorAsignatura {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 0;
	display: block;
}

div .deshabilitado {
	opacity: 0.4;
}

.accordion.prefortia .card-header a.ronda:after {
	content: none;
}

.accordion.prefortia .card-header a.ronda {
	cursor: default;
}

.no-cursor {
	cursor: default;
}

@media (max-width:991px) {
	.contenido.collapse-sidebar.px-auxiliar {
		padding-left: 0;
		padding-right: 0;
	}
}

html .jq_claro {
	display: none;
}

html .jq_oscuro {
	display: block;
}

html[data-theme="oscuro"] .jq_claro {
	display: block;
}

html[data-theme="oscuro"] .jq_oscuro {
	display: none;
}

.espacio-rb li {
	margin-right: 1rem;
}

.titulo-recortado-des {
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	transition: all 0.3s ease;
}

.acceso-cursos {
	gap: 1.2rem;
	> div
		{
			max-width: 225px;
		}
}