/* Minification failed. Returning unminified contents.
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(376,17): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(380,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(384,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacionFuerte'
(388,17): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(392,17): run-time error CSS1039: Token not allowed after unary operator: '-rondaTorneo'
(396,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(428,28): run-time error CSS1039: Token not allowed after unary operator: '-duda'
(432,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(436,28): run-time error CSS1039: Token not allowed after unary operator: '-fallo'
(440,28): run-time error CSS1039: Token not allowed after unary operator: '-faseAzul'
(448,28): run-time error CSS1039: Token not allowed after unary operator: '-faseVerde'
(456,28): run-time error CSS1039: Token not allowed after unary operator: '-faseAmarilla'
(464,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(472,28): run-time error CSS1039: Token not allowed after unary operator: '-avanzado'
(476,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(477,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(481,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(482,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(486,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(487,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(491,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(499,17): run-time error CSS1039: Token not allowed after unary operator: '-oro'
(503,17): run-time error CSS1039: Token not allowed after unary operator: '-plata'
(507,17): run-time error CSS1039: Token not allowed after unary operator: '-bronce'
(511,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(511,20): run-time error CSS1046: Expect comma, found '-'
(511,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(511,35): run-time error CSS1046: Expect comma, found ')'
(511,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(515,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(515,20): run-time error CSS1046: Expect comma, found '-'
(515,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(515,35): run-time error CSS1046: Expect comma, found ')'
(515,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(519,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(519,20): run-time error CSS1046: Expect comma, found '-'
(519,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(519,28): run-time error CSS1046: Expect comma, found ')'
(519,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(523,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(523,31): run-time error CSS1046: Expect comma, found '-'
(523,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(523,39): run-time error CSS1046: Expect comma, found ')'
(523,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(527,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(527,31): run-time error CSS1046: Expect comma, found '-'
(527,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(527,45): run-time error CSS1046: Expect comma, found ')'
(527,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(531,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(531,31): run-time error CSS1046: Expect comma, found '-'
(531,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ortografia'
(531,43): run-time error CSS1046: Expect comma, found ')'
(531,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(535,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(539,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(539,20): run-time error CSS1046: Expect comma, found '-'
(539,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(539,28): run-time error CSS1046: Expect comma, found ')'
(539,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(543,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(543,20): run-time error CSS1046: Expect comma, found '-'
(543,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ortografia'
(543,32): run-time error CSS1046: Expect comma, found ')'
(543,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(547,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(547,20): run-time error CSS1046: Expect comma, found '-'
(547,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(547,34): run-time error CSS1046: Expect comma, found ')'
(547,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(551,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(551,20): run-time error CSS1046: Expect comma, found '-'
(551,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(551,34): run-time error CSS1046: Expect comma, found ')'
(551,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(555,17): run-time error CSS1039: Token not allowed after unary operator: '-repaso'
(559,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(559,20): run-time error CSS1046: Expect comma, found '-'
(559,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pruebasFisicas'
(559,36): run-time error CSS1046: Expect comma, found ')'
(559,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(563,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(563,20): run-time error CSS1046: Expect comma, found '-'
(563,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-tutoria'
(563,29): run-time error CSS1046: Expect comma, found ')'
(563,30): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(567,28): run-time error CSS1039: Token not allowed after unary operator: '-repaso'
(571,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(571,31): run-time error CSS1046: Expect comma, found '-'
(571,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(571,46): run-time error CSS1046: Expect comma, found ')'
(571,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(575,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(575,31): run-time error CSS1046: Expect comma, found '-'
(575,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(575,39): run-time error CSS1046: Expect comma, found ')'
(575,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(579,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(579,31): run-time error CSS1046: Expect comma, found '-'
(579,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ortografia'
(579,43): run-time error CSS1046: Expect comma, found ')'
(579,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(583,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(583,31): run-time error CSS1046: Expect comma, found '-'
(583,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(583,45): run-time error CSS1046: Expect comma, found ')'
(583,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(587,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(587,31): run-time error CSS1046: Expect comma, found '-'
(587,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-tutoria'
(587,40): run-time error CSS1046: Expect comma, found ')'
(587,41): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(591,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(591,31): run-time error CSS1046: Expect comma, found '-'
(591,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pruebasFisicas'
(591,47): run-time error CSS1046: Expect comma, found ')'
(591,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(595,17): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(599,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(609,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(610,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(617,17): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(618,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(625,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(626,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(667,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(671,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(679,17): run-time error CSS1039: Token not allowed after unary operator: '-subMenuLateral'
(688,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(707,28): run-time error CSS1039: Token not allowed after unary operator: '-imagen-fondo-torneo-oscuro'
(711,17): run-time error CSS1039: Token not allowed after unary operator: '-avisoTexto'
(712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(713,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(713,31): run-time error CSS1046: Expect comma, found '-'
(713,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aviso'
(713,38): run-time error CSS1046: Expect comma, found ')'
(713,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(717,17): run-time error CSS1039: Token not allowed after unary operator: '-avisoTexto'
(718,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(719,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(719,31): run-time error CSS1046: Expect comma, found '-'
(719,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-aviso'
(719,38): run-time error CSS1046: Expect comma, found ')'
(719,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(727,17): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(864,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(881,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(967,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(974,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(980,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(985,21): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(1011,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(1012,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(1020,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(1021,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(1025,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1026,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1030,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1054,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1054,31): run-time error CSS1046: Expect comma, found '-'
(1054,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(1054,46): run-time error CSS1046: Expect comma, found ')'
(1054,47): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1055,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1055,20): run-time error CSS1046: Expect comma, found '-'
(1055,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(1055,35): run-time error CSS1046: Expect comma, found ')'
(1055,36): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1059,27): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1059,31): run-time error CSS1046: Expect comma, found '-'
(1059,32): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(1059,45): run-time error CSS1046: Expect comma, found ')'
(1059,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1060,16): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(1060,20): run-time error CSS1046: Expect comma, found '-'
(1060,21): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(1060,34): run-time error CSS1046: Expect comma, found ')'
(1060,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(1107,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1297,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1311,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(1316,21): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(1321,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1379,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacionClaro'
(1387,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1407,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1408,39): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1424,36): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1425,39): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1458,39): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1466,21): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(1470,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(1474,32): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1501,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1506,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1511,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1516,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1521,25): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(1526,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1534,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1542,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1550,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1558,25): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(1663,33): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1668,33): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(1735,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1753,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1771,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1777,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(1781,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1785,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1792,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(1796,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(1801,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1844,30): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1849,26): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1873,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(1880,40): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1892,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(1912,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1927,36): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(1931,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2071,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2079,40): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2083,40): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2180,18): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2181,16): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2182,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2186,18): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2187,16): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2188,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2197,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2233,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(2245,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2249,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2256,32): run-time error CSS1039: Token not allowed after unary operator: '-subMenuLateral'
(2257,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2296,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(2313,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2319,21): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(2323,25): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(2330,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2344,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2349,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(2353,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2421,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2425,36): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(2431,36): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(2432,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2437,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2569,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2575,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2581,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2590,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2594,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2616,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(2668,32): run-time error CSS1039: Token not allowed after unary operator: '-subMenuLateral'
(2669,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2676,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2682,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2683,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2691,36): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(2692,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2696,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(2697,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2706,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2731,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2735,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2840,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2841,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2845,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2846,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2850,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(2851,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2855,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2856,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2860,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacionFuerte'
(2861,17): run-time error CSS1039: Token not allowed after unary operator: '-textoVariacionFuerte'
(2865,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2866,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2870,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(2871,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2875,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2876,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2882,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(2883,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2897,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2901,17): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(2907,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2908,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(2909,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2920,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2929,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2942,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2951,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2960,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(2969,32): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(2978,32): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(2982,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(2983,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2987,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2988,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2992,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(2993,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(2997,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(2998,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3002,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3003,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3007,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(3008,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3028,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3040,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3041,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3045,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(3046,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3050,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3051,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(3061,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3066,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3067,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3071,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(3072,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3076,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3077,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3081,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(3082,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3087,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(3088,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3092,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3093,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3101,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3109,21): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(3259,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(3260,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3265,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(3270,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3274,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3354,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3417,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3432,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3438,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3444,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3469,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3473,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3480,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3481,35): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3508,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(3509,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(3519,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(3549,17): run-time error CSS1039: Token not allowed after unary operator: '-avisoTexto'
(3550,28): run-time error CSS1039: Token not allowed after unary operator: '-aviso'
(3577,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacionClaro'
(3583,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3590,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3594,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3645,28): run-time error CSS1039: Token not allowed after unary operator: '-activoOro'
(3651,35): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(3656,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(3664,28): run-time error CSS1039: Token not allowed after unary operator: '-acordeonSimulacros'
(3670,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3674,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(3811,36): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(3817,25): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(3821,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3841,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3851,41): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(3856,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(3866,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3866,39): run-time error CSS1046: Expect comma, found '-'
(3866,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(3866,54): run-time error CSS1046: Expect comma, found ')'
(3866,55): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3870,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3870,39): run-time error CSS1046: Expect comma, found '-'
(3870,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(3870,47): run-time error CSS1046: Expect comma, found ')'
(3870,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3874,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3874,39): run-time error CSS1046: Expect comma, found '-'
(3874,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ortografia'
(3874,51): run-time error CSS1046: Expect comma, found ')'
(3874,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3878,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3878,39): run-time error CSS1046: Expect comma, found '-'
(3878,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(3878,53): run-time error CSS1046: Expect comma, found ')'
(3878,54): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3882,36): run-time error CSS1039: Token not allowed after unary operator: '-repaso'
(3886,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3886,39): run-time error CSS1046: Expect comma, found '-'
(3886,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pruebasFisicas'
(3886,55): run-time error CSS1046: Expect comma, found ')'
(3886,56): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3890,35): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(3890,39): run-time error CSS1046: Expect comma, found '-'
(3890,40): run-time error CSS1047: Expected number or percentage value in rgb function, found '-tutoria'
(3890,48): run-time error CSS1046: Expect comma, found ')'
(3890,49): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3894,36): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(4007,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4012,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(4019,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4020,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4049,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacionClaro'
(4053,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4062,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(4071,32): run-time error CSS1039: Token not allowed after unary operator: '-activoOro'
(4164,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4195,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4279,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4285,32): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4289,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4293,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4293,35): run-time error CSS1046: Expect comma, found '-'
(4293,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-conocimientos'
(4293,50): run-time error CSS1046: Expect comma, found ')'
(4293,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4297,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4297,35): run-time error CSS1046: Expect comma, found '-'
(4297,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ortografia'
(4297,47): run-time error CSS1046: Expect comma, found ')'
(4297,48): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4301,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4301,35): run-time error CSS1046: Expect comma, found '-'
(4301,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-psicotecnico'
(4301,49): run-time error CSS1046: Expect comma, found ')'
(4301,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4305,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4305,35): run-time error CSS1046: Expect comma, found '-'
(4305,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-ingles'
(4305,43): run-time error CSS1046: Expect comma, found ')'
(4305,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4309,32): run-time error CSS1039: Token not allowed after unary operator: '-bronce'
(4313,32): run-time error CSS1039: Token not allowed after unary operator: '-plata'
(4317,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var('
(4317,35): run-time error CSS1046: Expect comma, found '-'
(4317,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pruebasFisicas'
(4317,51): run-time error CSS1046: Expect comma, found ')'
(4317,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(4321,32): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(4325,36): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(4337,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4351,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4354,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4361,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4363,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(4365,22): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4379,30): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4383,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4387,29): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4391,31): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4451,31): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4455,29): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4459,30): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4463,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4467,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4468,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4494,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(4522,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4529,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4576,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4660,36): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4671,32): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4710,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(4721,32): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(4832,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(4861,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4869,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(4891,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(4900,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(5066,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(5367,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(5374,37): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(5425,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(5499,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(5500,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(5848,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6120,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6249,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(6250,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6256,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(6257,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6325,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(6363,21): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(6372,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(6375,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(6379,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(6380,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6395,21): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(6465,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(6469,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(6491,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(6495,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6517,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6651,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6653,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6654,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(6659,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6660,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6661,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(6668,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6672,32): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6676,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6680,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6687,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6697,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6699,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6709,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6714,32): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(6718,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6781,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6785,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(6810,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6827,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(6943,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(6958,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7041,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7049,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7061,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7065,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7081,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7093,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7097,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7117,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7121,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7194,1): run-time error CSS1019: Unexpected token, found '}'
(7233,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7241,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7242,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7246,32): run-time error CSS1039: Token not allowed after unary operator: '-oro'
(7247,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7251,32): run-time error CSS1039: Token not allowed after unary operator: '-activoPlata'
(7252,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7256,32): run-time error CSS1039: Token not allowed after unary operator: '-colorBadge1'
(7257,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7284,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7291,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7327,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7354,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7359,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7364,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(7369,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7373,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7377,32): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(7391,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7396,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7400,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(7441,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7446,21): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(7492,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7522,25): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7531,25): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(7535,25): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(7553,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7570,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7660,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7661,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7665,32): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(7666,21): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(7857,32): run-time error CSS1039: Token not allowed after unary operator: '-oro'
(7858,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7877,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7903,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(7946,35): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7950,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7951,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7964,35): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(7976,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7977,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7986,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(7988,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(8127,28): run-time error CSS1039: Token not allowed after unary operator: '-duda'
(8136,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(8137,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(8145,28): run-time error CSS1039: Token not allowed after unary operator: '-fallo'
(8154,28): run-time error CSS1039: Token not allowed after unary operator: '-activoOro'
(8158,28): run-time error CSS1039: Token not allowed after unary operator: '-activoPlata'
(8162,28): run-time error CSS1039: Token not allowed after unary operator: '-activoBronce'
(8166,28): run-time error CSS1039: Token not allowed after unary operator: '-primarioClaro'
(8188,35): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(8227,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(8228,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(8234,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8235,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8241,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8242,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8252,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8253,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(8520,28): run-time error CSS1039: Token not allowed after unary operator: '-imagen-fondo-torneo'
(8544,28): run-time error CSS1039: Token not allowed after unary operator: '-gris-300'
(8564,28): run-time error CSS1039: Token not allowed after unary operator: '-hover'
(8568,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario-300'
(8572,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(8739,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(8784,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(8831,37): run-time error CSS1039: Token not allowed after unary operator: '-conocimientos'
(8835,37): run-time error CSS1039: Token not allowed after unary operator: '-ingles'
(8839,37): run-time error CSS1039: Token not allowed after unary operator: '-psicotecnico'
(8843,37): run-time error CSS1039: Token not allowed after unary operator: '-ortografia'
(8847,37): run-time error CSS1039: Token not allowed after unary operator: '-pruebasFisicas'
(8851,37): run-time error CSS1039: Token not allowed after unary operator: '-tutoria'
(8855,37): run-time error CSS1039: Token not allowed after unary operator: '-videoTutoriales'
(8935,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9037,35): run-time error CSS1039: Token not allowed after unary operator: '-bronce'
(9041,35): run-time error CSS1039: Token not allowed after unary operator: '-plata'
(9045,35): run-time error CSS1039: Token not allowed after unary operator: '-oro'
(9178,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9189,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9197,37): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9239,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9258,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9308,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9317,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9393,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9430,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(9469,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9494,32): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9504,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9519,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9531,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9535,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9539,28): run-time error CSS1039: Token not allowed after unary operator: '-plata'
(9543,28): run-time error CSS1039: Token not allowed after unary operator: '-plata'
(9547,28): run-time error CSS1039: Token not allowed after unary operator: '-bronce'
(9551,28): run-time error CSS1039: Token not allowed after unary operator: '-bronce'
(9555,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(9556,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(9560,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(9561,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(9565,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9566,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9570,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9571,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9635,36): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9764,17): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(9768,21): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9776,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9795,25): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9808,43): run-time error CSS1039: Token not allowed after unary operator: '-subMenuLateral'
(9814,32): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9815,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9820,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9831,32): run-time error CSS1039: Token not allowed after unary operator: '-activoOro'
(9832,36): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9840,28): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(9851,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9863,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(9954,35): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(9959,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10030,43): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(10118,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10168,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10186,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10191,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10196,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10200,28): run-time error CSS1039: Token not allowed after unary operator: '-requerido'
(10384,34): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(10397,53): run-time error CSS1030: Expected identifier, found '~'
(10397,55): run-time error CSS1030: Expected identifier, found '.'
(10397,67): run-time error CSS1031: Expected selector, found ')'
(10397,67): run-time error CSS1025: Expected comma or open brace, found ')'
(10401,57): run-time error CSS1030: Expected identifier, found '~'
(10401,59): run-time error CSS1030: Expected identifier, found '.'
(10401,71): run-time error CSS1031: Expected selector, found ')'
(10401,71): run-time error CSS1025: Expected comma or open brace, found ')'
(10405,61): run-time error CSS1030: Expected identifier, found '~'
(10405,63): run-time error CSS1030: Expected identifier, found '.'
(10405,75): run-time error CSS1031: Expected selector, found ')'
(10405,75): run-time error CSS1025: Expected comma or open brace, found ')'
(10438,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10474,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10510,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10542,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10547,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10563,17): run-time error CSS1039: Token not allowed after unary operator: '-colorSecundario'
(10586,21): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(10613,32): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(10617,21): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10630,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10681,25): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(10690,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10691,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10718,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10732,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10756,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(10761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10791,28): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(10795,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10810,32): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10816,36): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10820,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(10874,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(10885,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(10913,30): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10914,45): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10914,70): run-time error CSS1063: Expected calculation unit, found 'l'
(10914,70): run-time error CSS1064: Expected calculation product, found 'l'
(10914,70): run-time error CSS1065: Expected calculation sum, found 'l'
(10914,70): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10914,70): run-time error CSS1042: Expected function, found 'l'
(10914,73): run-time error CSS1019: Unexpected token, found ' '
(10914,73): run-time error CSS1019: Unexpected token, found ' '
(10914,73): run-time error CSS1042: Expected function, found ' '
(10914,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10931,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10931,60): run-time error CSS1063: Expected calculation unit, found 'l'
(10931,60): run-time error CSS1064: Expected calculation product, found 'l'
(10931,60): run-time error CSS1065: Expected calculation sum, found 'l'
(10931,60): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10931,60): run-time error CSS1042: Expected function, found 'l'
(10931,63): run-time error CSS1019: Unexpected token, found ' '
(10931,63): run-time error CSS1019: Unexpected token, found ' '
(10931,63): run-time error CSS1042: Expected function, found ' '
(10931,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10932,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10932,66): run-time error CSS1063: Expected calculation unit, found 'l'
(10932,66): run-time error CSS1064: Expected calculation product, found 'l'
(10932,66): run-time error CSS1065: Expected calculation sum, found 'l'
(10932,66): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10932,66): run-time error CSS1042: Expected function, found 'l'
(10932,69): run-time error CSS1019: Unexpected token, found ' '
(10932,69): run-time error CSS1019: Unexpected token, found ' '
(10932,69): run-time error CSS1042: Expected function, found ' '
(10932,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10950,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10951,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10951,66): run-time error CSS1063: Expected calculation unit, found 'l'
(10951,66): run-time error CSS1064: Expected calculation product, found 'l'
(10951,66): run-time error CSS1065: Expected calculation sum, found 'l'
(10951,66): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10951,66): run-time error CSS1042: Expected function, found 'l'
(10951,69): run-time error CSS1019: Unexpected token, found ' '
(10951,69): run-time error CSS1019: Unexpected token, found ' '
(10951,69): run-time error CSS1042: Expected function, found ' '
(10951,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10962,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10962,64): run-time error CSS1063: Expected calculation unit, found 'l'
(10962,64): run-time error CSS1064: Expected calculation product, found 'l'
(10962,64): run-time error CSS1065: Expected calculation sum, found 'l'
(10962,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10962,64): run-time error CSS1042: Expected function, found 'l'
(10962,67): run-time error CSS1019: Unexpected token, found ' '
(10962,67): run-time error CSS1019: Unexpected token, found ' '
(10962,67): run-time error CSS1042: Expected function, found ' '
(10962,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10979,34): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10980,49): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(10980,74): run-time error CSS1063: Expected calculation unit, found 'l'
(10980,74): run-time error CSS1064: Expected calculation product, found 'l'
(10980,74): run-time error CSS1065: Expected calculation sum, found 'l'
(10980,74): run-time error CSS1034: Expected closing parenthesis, found 'l'
(10980,74): run-time error CSS1042: Expected function, found 'l'
(10980,77): run-time error CSS1019: Unexpected token, found ' '
(10980,77): run-time error CSS1019: Unexpected token, found ' '
(10980,77): run-time error CSS1042: Expected function, found ' '
(10980,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11000,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11001,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11001,66): run-time error CSS1063: Expected calculation unit, found 'l'
(11001,66): run-time error CSS1064: Expected calculation product, found 'l'
(11001,66): run-time error CSS1065: Expected calculation sum, found 'l'
(11001,66): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11001,66): run-time error CSS1042: Expected function, found 'l'
(11001,69): run-time error CSS1019: Unexpected token, found ' '
(11001,69): run-time error CSS1019: Unexpected token, found ' '
(11001,69): run-time error CSS1042: Expected function, found ' '
(11001,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11015,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11015,64): run-time error CSS1063: Expected calculation unit, found 'l'
(11015,64): run-time error CSS1064: Expected calculation product, found 'l'
(11015,64): run-time error CSS1065: Expected calculation sum, found 'l'
(11015,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11015,64): run-time error CSS1042: Expected function, found 'l'
(11015,67): run-time error CSS1019: Unexpected token, found ' '
(11015,67): run-time error CSS1019: Unexpected token, found ' '
(11015,67): run-time error CSS1042: Expected function, found ' '
(11015,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11022,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11022,64): run-time error CSS1063: Expected calculation unit, found 'l'
(11022,64): run-time error CSS1064: Expected calculation product, found 'l'
(11022,64): run-time error CSS1065: Expected calculation sum, found 'l'
(11022,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11022,64): run-time error CSS1042: Expected function, found 'l'
(11022,67): run-time error CSS1019: Unexpected token, found ' '
(11022,67): run-time error CSS1019: Unexpected token, found ' '
(11022,67): run-time error CSS1042: Expected function, found ' '
(11022,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11053,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11054,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11054,66): run-time error CSS1063: Expected calculation unit, found 'l'
(11054,66): run-time error CSS1064: Expected calculation product, found 'l'
(11054,66): run-time error CSS1065: Expected calculation sum, found 'l'
(11054,66): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11054,66): run-time error CSS1042: Expected function, found 'l'
(11054,69): run-time error CSS1019: Unexpected token, found ' '
(11054,69): run-time error CSS1019: Unexpected token, found ' '
(11054,69): run-time error CSS1042: Expected function, found ' '
(11054,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11068,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11068,64): run-time error CSS1063: Expected calculation unit, found 'l'
(11068,64): run-time error CSS1064: Expected calculation product, found 'l'
(11068,64): run-time error CSS1065: Expected calculation sum, found 'l'
(11068,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11068,64): run-time error CSS1042: Expected function, found 'l'
(11068,67): run-time error CSS1019: Unexpected token, found ' '
(11068,67): run-time error CSS1019: Unexpected token, found ' '
(11068,67): run-time error CSS1042: Expected function, found ' '
(11068,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11075,30): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11101,35): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11101,60): run-time error CSS1063: Expected calculation unit, found 'l'
(11101,60): run-time error CSS1064: Expected calculation product, found 'l'
(11101,60): run-time error CSS1065: Expected calculation sum, found 'l'
(11101,60): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11101,60): run-time error CSS1042: Expected function, found 'l'
(11101,63): run-time error CSS1019: Unexpected token, found ' '
(11101,63): run-time error CSS1019: Unexpected token, found ' '
(11101,63): run-time error CSS1042: Expected function, found ' '
(11101,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11102,41): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11102,66): run-time error CSS1063: Expected calculation unit, found 'l'
(11102,66): run-time error CSS1064: Expected calculation product, found 'l'
(11102,66): run-time error CSS1065: Expected calculation sum, found 'l'
(11102,66): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11102,66): run-time error CSS1042: Expected function, found 'l'
(11102,69): run-time error CSS1019: Unexpected token, found ' '
(11102,69): run-time error CSS1019: Unexpected token, found ' '
(11102,69): run-time error CSS1042: Expected function, found ' '
(11102,69): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11112,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11112,64): run-time error CSS1063: Expected calculation unit, found 'l'
(11112,64): run-time error CSS1064: Expected calculation product, found 'l'
(11112,64): run-time error CSS1065: Expected calculation sum, found 'l'
(11112,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11112,64): run-time error CSS1042: Expected function, found 'l'
(11112,67): run-time error CSS1019: Unexpected token, found ' '
(11112,67): run-time error CSS1019: Unexpected token, found ' '
(11112,67): run-time error CSS1042: Expected function, found ' '
(11112,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11130,39): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11130,64): run-time error CSS1063: Expected calculation unit, found 'l'
(11130,64): run-time error CSS1064: Expected calculation product, found 'l'
(11130,64): run-time error CSS1065: Expected calculation sum, found 'l'
(11130,64): run-time error CSS1034: Expected closing parenthesis, found 'l'
(11130,64): run-time error CSS1042: Expected function, found 'l'
(11130,67): run-time error CSS1019: Unexpected token, found ' '
(11130,67): run-time error CSS1019: Unexpected token, found ' '
(11130,67): run-time error CSS1042: Expected function, found ' '
(11130,67): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(11135,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11152,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11162,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11187,22): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(11190,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11200,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11213,26): run-time error CSS1039: Token not allowed after unary operator: '-colorFondo'
(11288,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11306,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11324,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11342,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11360,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11378,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11396,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11414,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11432,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11450,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11468,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11504,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11505,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(11545,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11546,10): run-time error CSS1035: Expected colon, found '{'
(11555,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11556,10): run-time error CSS1035: Expected colon, found '{'
(11565,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11566,10): run-time error CSS1035: Expected colon, found '{'
(11575,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11576,10): run-time error CSS1035: Expected colon, found '{'
(11585,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11586,10): run-time error CSS1035: Expected colon, found '{'
(11595,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11596,10): run-time error CSS1035: Expected colon, found '{'
(11605,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11606,10): run-time error CSS1035: Expected colon, found '{'
(11615,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11616,10): run-time error CSS1035: Expected colon, found '{'
(11625,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(11626,10): run-time error CSS1035: Expected colon, found '{'
(11643,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(11666,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11667,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(11694,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(11695,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(11699,21): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(11816,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(11820,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimarioVariacion'
(11843,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(11913,33): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(11925,26): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12005,22): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(12006,45): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(12030,28): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(12034,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12043,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(12055,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(12059,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12063,31): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12071,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(12076,17): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12102,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTexto'
(12111,17): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(12138,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12142,38): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12146,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12150,22): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12154,28): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
(12183,32): run-time error CSS1039: Token not allowed after unary operator: '-colorTerciario'
(12584,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(12585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12598,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(12599,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12612,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(12613,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(12835,14): run-time error CSS1039: Token not allowed after unary operator: '-colorPrimario'
 */
/* 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]

-Verde: #3A897A
-Verde claro: #cadbd7
-Verde claro 2: #d8e7e4
-Verde borde formularios: #e5edeb 
-Verde claro menú lateral Aula virtual: #f6f6f6
-Dorado: #d3b341
-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]
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[Tema]
-------------------------------------------------------------------*/
:root {
    --colorPrimario: #337B6B;
    --colorPrimario-300: #cadbd7;
    --colorPrimarioVariacion: #bbc77d;
    --colorPrimarioVariacionClaro: #f6f9f0;
    --colorPrimarioVariacionFuerte: #c2d23e;
    --textoVariacionFuerte: #276859;
    --subMenuLateral: #d6e0af;
    --colorSecundario: #d3b341;
    --colorTerciario: #fff;
    --colorBadge1: #0792b0;
    --faseAzul: #a0d9f7;
    --faseVerde: #c8d97b;
    --faseAmarilla: #ffee62;
    --colorTexto: #4d4d4d;
    --hover: #666666;
    --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: #edf4f2;
    --success: #e6f1ee;
    --imagen-fondo-torneo: url(../img/escritorio/mi_escritorio_torneos.webp);
}

html[data-theme=oscuro] {
    --colorPrimario: #3a897a;
    --colorPrimarioVariacion: #747e43;
    --colorPrimarioVariacionClaro: #474747;
    --colorPrimario-300: #373e3d;
    --colorSecundario: #9e8a3f;
    --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: #1f3f36;
    --imagen-fondo-torneo-oscuro: url(../img/escritorio/mi_escritorio_torneos_oscuro.webp);
}

.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] #cabecera.fase-final .navbar-light {
    background-color: #4e4039;
}

html[data-theme=oscuro] #cabecera.fase-intensivo .navbar-light {
    background-color: #4e4039;
}

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] .imagenTest[src*=png] {
    background-color: white;
}

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] .asignaturas p:not(.colorAsignatura)[style*=background-color] {
    color: var(--gris-300);
}

html[data-theme=oscuro] .fondoColor,
html[data-theme=oscuro] .botonPrimario.carrera {
    --colorTerciario: #fff;
}

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

/*------------------------------------------------------------------
[2. Fuentes]
-------------------------------------------------------------------*/
/* google-sans-regular - 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: "Google Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/google-sans-v67-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* google-sans-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: "Google Sans";
    font-style: normal;
    font-weight: 600;
    src: url("../fonts/google-sans-v67-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* google-sans-700 - 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: "Google Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/google-sans-v67-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.875rem;
}

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

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

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

.subtituloFino {
    font-size: 1.875rem;
    line-height: initial;
}

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

.subtitulo-lg {
    font-size: 2.5rem;
    font-weight: 700;
}

.titulo-sm {
    font-size: 3rem;
    font-weight: 700;
}

.titulo {
    font-size: 4rem;
    font-weight: 700;
}

.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: "Google Sans", sans-serif;
    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;
}

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: var(--colorPrimario-300);
    color: var(--colorPrimario-300);
}

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

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

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

.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-column {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 1rem;
}

@media (max-width: 675px) {
    .grid-auto-column {
        grid-auto-flow: row;
        grid-gap: 0;
    }
}
/*------------------------------------------------------------------
[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;
    }

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

.tablaPrefortia {
    overflow: auto;
}

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

.tablaPrefortia {
    /* 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-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: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);
    }
}

.sombra:hover {
    z-index: 1;
}

.sombra {
    padding: 5px;
    height: 100%;
    position: relative;
    padding-bottom: 1.875rem;
}

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

    #cabecera .nav-item {
        font-weight: 700;
        line-height: 3.3em;
        margin-right: 0.625rem;
    }

        #cabecera .nav-item:last-child {
            margin-right: 1.125rem;
        }

    #cabecera .lh-0 {
        line-height: 0;
    }

    #cabecera .navbar-nav .nav-item a {
        color: var(--colorPrimario);
        font-size: 0.875rem;
    }

    #cabecera .navbar-nav .nav-item.active a,
    #cabecera .navbar-nav .nav-item.active a:hover {
        color: var(--colorPrimarioVariacion);
    }

    #cabecera .nav-item.botonMenu {
        background-color: var(--colorPrimario);
    }

        #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(--colorPrimarioVariacion);
    }

    #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(--colorPrimario);
            }

        #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-item {
            color: var(--colorTerciario);
            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: var(--colorPrimario);
        }

    #cabecera li {
        list-style: none;
    }

    #cabecera .navbar-brand {
        flex: auto;
    }

    #cabecera .nav-link.posicionBadge {
        position: relative;
    }

#cabecera {
    /*--[Carrito]---*/
}

    #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 .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 #plegar {
    padding: 1.2rem 0.6rem;
    color: #b2b2b2;
}

    #cabecera.aula #plegar:hover {
        background-color: var(--colorTerciario);
    }

#cabecera.aula .tituloCurso {
    flex: 1 0;
}

    #cabecera.aula .tituloCurso span {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

#cabecera.aula .badge {
    font-family: "Google Sans";
    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: 66px;
    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: "Google Sans";
    }

    #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 .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 {
        border-top: 1px solid var(--primarioClaro);
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

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

#cabecera.aula.fase-intensivo .navbar-light {
    background-color: #f7e1d7;
}

#cabecera.aula.fase-final .navbar-brand img {
    display: none;
}

#cabecera.aula.fase-intensivo .navbar-brand img {
    display: none;
}

#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-intensivo .navbar-brand {
    height: 48px;
    width: 150px;
    background-image: url(../img/logos/logoINTENSIVOEXAMEN.svg);
    background-position: left;
    background-repeat: no-repeat;
}

@media (prefers-color-scheme: dark) {
    #cabecera.aula.fase-final .fase-final .navbar-light {
        background-color: #a17c6b;
    }
}

@media (prefers-color-scheme: dark) {
    #cabecera.aula.fase-final .fase-intensivo .navbar-light {
        background-color: #a17c6b;
    }
}

/*------------------------------------------------------------------
[1200PX]
-------------------------------------------------------------------*/
@media (max-width: 1200px) {
    #cabecera.aula .ocultoDown {
        display: 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;
}

    #menuLateral img {
        width: 18px;
    }

#menuLateral {
    /* Scrollbars en chrome */
}

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

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

.contenido {
    padding-bottom: 2rem;
}

a:hover .icono-tutorial {
    content: url(../img/iconos/accionesTutoriales/icono_tutorias_blanco.svg);
}

/*------------------------------------------------------------------
[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: 500;
    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(--colorPrimario);
    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(--textoVariacionFuerte);
}

    .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(--colorTexto);
    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: "\eaf4";
        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: "\eaf4";
        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: "\eaf3";
    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: "\eac8";
        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: "\eac6";
    color: var(--colorPrimario);
    opacity: 1;
}

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

.respuestas .fallo input:checked + .side-label::before,
input:checked + .side-label.fallo::before {
    font-family: "Prefortia";
    font-weight: 900;
    content: "\eaf3";
    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: var(--colorPrimario);
}

/*------------------------------------------------------------------
[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(--colorPrimarioVariacionClaro);
    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: "\eabf";
    font-family: "Prefortia";
    position: absolute;
    top: 0;
    right: 16px;
    font-size: 1.9rem;
}

.accordion.prefortia .card-header.anchoAlternativo a:after {
    content: "\eabf";
    font-family: "Prefortia";
    position: absolute;
    top: 0;
    right: 16px;
    font-size: 1.9rem;
}

.accordion.prefortia .card-header a[aria-expanded=true]:after {
    content: "\eabe";
}

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

.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: "\eae0";
            font-family: "Prefortia";
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 1.2rem;
        }

        .accordion.subAcordeon .card-header a[aria-expanded=true]:after {
            content: "\eae1";
        }

.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: "\eabe";
    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: "\eabf";
}

@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(--colorPrimarioVariacionClaro);
}

    .modal-header.simulacros {
        background-color: var(--colorPrimario-300);
    }

    .modal-header h5 {
        font-size: 1rem;
    }

    .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.videos {
    padding: 0.15rem 1rem 1.25rem 1.25rem;
}

.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::-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:hover {
        pointer-events: none;
        transform: scale(1);
        cursor: default;
    }

    .horariosTutor a.deshabilitado {
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    }

.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: "Google Sans";
    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 .alias {
    display: block;
    font-weight: 600;
}

.mensajes {
    position: relative;
}

.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: var(--colorTerciario);
        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: var(--primarioClaro);
            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;
        }

    .mensajeRecibido.salir .mensaje div {
        background-color: var(--primarioClaro);
    }

.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: var(--colorPrimario-300);
            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;
        }

    .mensajeEnviado.salir .mensaje div {
        background-color: var(--primarioClaro);
    }

@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;
        color: var(--colorTexto);
    }

        .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: var(--colorTerciario);
        position: sticky;
        bottom: 2rem;
        left: 10px;
        width: 95%;
    }
}

.nombreChat {
    background-color: var(--colorPrimario);
    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 .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.5rem;
        }

    .estadisticas .datos {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 3px;
        border: 2px solid var(--colorPrimarioVariacion);
        width: 260px;
        height: 86px;
        margin-left: 2.5rem;
        line-height: 0.6;
        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;
}

/*------------------------------------------------------------------
  ------[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.5rem;
        }

        .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 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 {
        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 img {
    width: 50px;
}

.descripcion .medalla {
    padding-right: 0;
}

/*------------------------------------------------------------------
  --------------------[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 img {
    display: inline-block;
    width: 50px;
    margin-bottom: 0.5rem;
}

.contenedorCentral .titulo p {
    display: inline-block;
}

.contenedorCentral .titulo {
    line-height: 1rem;
}

.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 {
        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 .colorPrimarioClaro {
            color: var(--colorPrimario);
        }

        .contenedorCentral.acceso.accesoAlumnos {
            color: var(--colorTexto);
        }

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

    .d-flex .border input[type=checkbox] + label::before {
        top: 16px;
    }

    .d-flex .border input[type=checkbox]:checked + label::before {
        color: var(--colorTerciario);
    }

.d-flex .border {
    text-align: left;
    line-height: 1.1;
    border-radius: 4px;
    border: 1px solid rgba(216, 217, 219, 0.5) !important;
}

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

    .fecha.datepick:focus {
        border: none;
    }

    .fecha.datepick:active {
        border: none;
    }

    .fecha.datepick::placeholder {
        color: var(--colorTexto);
    }

.fecha.datepick {
    color: var(--colorTexto);
    font-weight: 600;
}

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

    .fecha.timePicker:focus {
        border: none;
    }

    .fecha.timePicker:active {
        border: none;
    }

    .fecha.timePicker::placeholder {
        color: var(--colorTexto);
    }

.fecha.timePicker {
    color: var(--colorTexto);
    font-weight: 600;
}

.fechaEleccion {
    position: relative;
    border: none;
    outline: none;
    width: 50px;
}

    .fechaEleccion:focus {
        border: none;
    }

    .fechaEleccion:active {
        border: none;
    }

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

.fechaEleccion {
    color: var(--colorTexto);
    font-weight: 600;
}

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

hr.detalle {
    width: 160px;
    height: 2px;
    margin: 1rem 0;
    background-color: var(--colorPrimario);
}

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

    .badge.badge-fase-final {
        background-color: var(--colorBadge1);
        color: var(--colorTerciario);
    }

.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,
.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,
.bloquesPreguntas .bloqueActual .acierto {
    background-color: var(--colorPrimario);
}

.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: var(--colorPrimario);
        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: "\eaf4";
            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: "\eaf3";
            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: "\eac8";
                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: "\eac6";
            color: var(--colorPrimario);
            opacity: 1;
        }

        .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: "\eaf3";
        }

.dificultad {
    margin-top: 1rem;
}

    .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 {
    border-bottom: 1px solid #dee2e6;
}

    .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;
    font-family: "Google Sans";
    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 .navMateriales {
    margin-right: 1.5rem;
    padding: 0.8rem 0.2rem;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 2px solid var(--colorTerciario);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .navegacionTabs .navMateriales .imagen {
        width: 26px;
        height: 26px;
    }

    .navegacionTabs .navMateriales:hover {
        border-bottom: 2px solid var(--colorPrimario);
        color: var(--colorPrimario);
        font-weight: 600;
    }

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

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

.svgQr {
    width: 100px;
}

.codigoQR {
    text-align: center;
}

    .codigoQR img {
        width: 50px;
    }

.imagenFondoTorneo.css-imagen {
    background-image: var(--imagen-fondo-torneo);
    background-size: cover;
    background-position: center;
}

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

@container torneo (max-width: 675px) {
    .imagenFondoTorneo.css-imagen {
        background-position-x: 100%;
    }
}

.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 5px rgba(187, 199, 125, 0.4);
        box-shadow: 0px 0px 8px 5px rgba(187, 199, 125, 0.4);
    }

    .materiales .sombra p {
        margin-bottom: 0;
    }

    .materiales .sombra img {
        width: 30px;
        margin-bottom: 1rem;
    }

@media (max-width: 991px) {
    .materiales .sombra p {
        display: inline-block;
    }

    .materiales .sombra img {
        width: 24px;
        margin-right: 0.5rem;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .materiales .sombra {
        padding-top: 1rem;
        padding-bottom: 0.8rem;
    }
}
/*------------------------------------------------------------------
[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;
}

.videoPlanes input[type=image] {
    max-width: 100%;
}

.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.activo {
    transform: scale(1.01);
    box-shadow: none;
}

.modal-body .bordeInferior.deshabilitado {
    opacity: 0.4;
}

.modal-body .bordeInferior {
    margin-bottom: 0.6rem;
}

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 label {
    margin-right: 0.2rem;
}

table.inline {
    display: inline;
}

    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: "Google Sans", sans-serif;
        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.svg);
}

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

/*------------------------------------------------------------------
[Torneo] 
-------------------------------------------------------------------*/
.proximoTorneo {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-family: "Google Sans";
    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;
        }

            .fondoPlantilla .contenedorCentral .galonAcceso.deshabilitado:hover {
                transform: scale(1);
            }

        .fondoPlantilla .contenedorCentral .galonAcceso.deshabilitado {
            box-shadow: none;
        }

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

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

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

/*------------------------------------------------------------------
[CSS Maps]
-------------------------------------------------------------------*/
.cssmap > li a,
.cssmap-tooltip-content {
    background: transparent;
    color: var(--colorTexto);
    font-family: "Google Sans", sans-serif;
    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;
}

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

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

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

.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;
    }
}
/*------------------------------------------------------------------
[Emoji Area]
-------------------------------------------------------------------*/
.emojionearea, .emojionearea.form-control {
    border: none;
}

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

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

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

.texto-personalizado {
	font-size: 2.8rem;
}

.galeriaEstadisticas .swiper-slide {
	padding: 0 4rem;
}

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

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

	#cabecera .nav-link.menu.collapsed svg line {
		stroke: #3A897A;
	}

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

.lh-0 {
	line-height: 0;
}