* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

:root {
	--altura: 60px;
	--altura-tipo-archivo: 2em;
	/* --color-curso: #0099ff;
	--cFondo-claro: #bde5ff; */
	/* --color-curso: #7e07e4;
	--cFondo-claro: #c6a9de; */
	/* --color-curso: #fe7a20;
	--cFondo-claro: #f6d6c0; */
	--color-curso: #94c57e;
	--cFondo-claro: #e2fae2;

	--cTexto--dark: #8e0098;
	--cCurso--dark: #006600;

	--animate_gradient1: var(--color-curso);
	--animate_gradient2: #229911;
	--animate_gradient3: #008000;
	--animate_gradient4: #256e2b;
	--animate_gradient5: #09582d;
	--animate_gradient6: #093a1c;
	--animate_gradient7: #052913;
}

html {
	font-size: 100%;
}

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
}

body>header {
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	z-index: 99;
	border-top: 5px solid var(--color-curso);
	background: linear-gradient(white, #dcdddd);
	display: grid;
	grid-template-columns: 10fr 3fr 2fr;
	grid-template-areas: "cursoAprendoMas accesibilidad logoAprendoMas";
}

body>header .cursoAprendoMas {
	display: flex;
	height: 54px;
	font-weight: 500;
	font-size: .85em;
	float: left;
	padding: 0 5px 0 0;
	width: 100%;
	align-items: center;
	grid-area: cursoAprendoMas;
}

body>header .cursoAprendoMas img {
	height: 100%;
	background-color: var(--color-curso);
}

body>header .cursoAprendoMas div {
	color: #ffffff;
	font-weight: bold;
	background-color: var(--color-curso);
	height: 54px;
	position: relative;
	width: 50%;
	padding-left: 20px;
	display: flex;
	align-items: center;
}

body>header .logoAprendoMas {
	display: grid;
	justify-content: end;
	grid-area: logoAprendoMas;
}

body>header .logoAprendoMas img {
	width: 90px;
}

body>header .accesibilidad {
	height: 54px;
	grid-area: accesibilidad;
}

body>header .accesibilidad ul {
	margin-left: 0;
	padding-left: 0;
	display: flex;
	justify-content: center;
	width: 100%;
	align-items: center;
	margin-bottom: 0;
}

body>header .accesibilidad ul li {
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	list-style-type: none;
	width: var(--altura);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

body>header .accesibilidad ul li:last-of-type {
	border-left: 2px solid var(--color-curso);
}

body>header .accesibilidad ul li a,
body>header .accesibilidad ul li a i,
body>header .accesibilidad ul li a span {
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-curso);
	text-decoration: none;
}

body>header .accesibilidad ul li a:hover,
body>header .accesibilidad ul li a:hover i,
body>header .accesibilidad ul li a:hover span {
	cursor: pointer;
	text-decoration: none;
	color: #808080;
}

body>header .accesibilidad ul li a i:hover {
	color: gray;
}

body>header .accesibilidad ul li#alto {
	display: none;
}

body>header .accesibilidad ul li#bajo {
	display: inline;
}

body>header .accesibilidad ul li a .material-symbols-outlined {
	font-size: 1.25em;
	font-weight: bold;
}

body>main {
	margin-top: 50px;
}

body>main span.glosario {
	border: 1px solid;
}

body>main .pad {
	padding-top: 50px;
	clear: both;
	width: 100%;
}

body>main .portadilla {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

body>main .portadilla img {
	width: 100%;
	max-width: 800px;
	margin: 50px 0;
}

body>main>h3 {
	color: var(--color-curso);
}

body>main .contFtrabajo {
	display: flex;
	flex-direction: row;
	justify-content: center;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin-bottom: 2em;
}

body>main .contFtrabajo .contFtrabajo2 {
	display: grid;
	grid-template-columns: 1fr 2fr;
	margin-bottom: 20px;
}

body>main .contFtrabajo .textForma {
	width: 90%;
	margin-top: 1em;
}

body>main .contFtrabajo .iconosForma {
	display: initial;
	flex-grow: 1;
}

body>main .contFtrabajo .iconosForma .icono {
	border-radius: 50%;
	width: 3.5em;
	height: 3.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	background-color: var(--color-curso);
}

body>main .contFtrabajo .iconosForma .icono .far,
body>main .contFtrabajo .iconosForma .icono .fas,
body>main .contFtrabajo .iconosForma .icono .fab,
body>main .contFtrabajo .iconosForma .icono .material-icons {
	font-size: 2em;
	color: #ffffff;
}

body>main .linea {
	background: var(--color-curso);
	height: 4px;
	width: 100%;
	margin: 20px 0;
}

body>main .imagenPie {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2em;
}

body>main .imagenPie img {
	width: min(450px, 100%);
}

body>main .imagenPie img+p {
	font-size: 0.75em;
	text-align: center;
	margin: 20px 0;
	overflow-wrap: anywhere;
}

body>main .imagenPie button {
	width: 20%;
	background-color: transparent;
	border-color: transparent;
}

body>main .view {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	height: 320px;
	margin: 10px;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

body>main .view .mask,
body>main .view .content {
	width: 100%;
	height: 320px;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	overflow-y: scroll;
}

body>main .view img {
	display: block;
	position: relative;
}

body>main .view h2 {
	color: #fff;
	text-align: center;
	position: relative;
	font-size: 90%;
	padding: 0px;
	background: rgba(0, 0, 0, 0.8);
	margin: 0px 0 0 0;
}

body>main .view p {
	font-size: 12px;
	position: relative;
	color: #fff;
	padding: 0px 20px;
	text-align: left;
}

body>main .view a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 8px;
	background: #000;
	color: #fff;
	margin-bottom: 50px;
	box-shadow: 0 0 1px #000;
	font-size: 12px;
}

body>main .view a.info:hover {
	box-shadow: 0 0 5px #000;
}

body>main .view-fourth img {
	width: 100%;
	transition: all 0.4s ease-in-out 0.2s;
	opacity: 1;
	margin: 0 auto;
}

body>main .view-fourth .mask {
	background-color: #5d5c5c;
	opacity: 0;
	transform: scale(0) rotate(-180deg);
	transition: all 0.4s ease-in;
	border-radius: 0px;
}

body>main .view-fourth h2 {
	opacity: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	padding-bottom: 10px;
	background: transparent;
	margin: 10px 30px 0px 30px;
	transition: all 0.5s ease-in-out;
}

body>main .view-fourth p {
	opacity: 0;
	transition: all 0.5s ease-in-out;
	line-height: 17px;
}

body>main .view-fourth a.info {
	background-color: #000;
}

body>main .view-fourth a.info:hover {
	background-color: var(--color-curso);
}

body>main .view-fourth:hover .mask {
	opacity: 1;
	transform: scale(1) rotate(0deg);
	transition-delay: 0.2s;
}

body>main .view-fourth:hover img {
	transform: scale(0);
	opacity: 0;
	transition-delay: 0s;
}

body>main .view-fourth:hover h2,
body>main .view-fourth:hover p,
body>main .view-fourth:hover a.info {
	opacity: 1;
	margin-bottom: 10px;
}

body>main .thumb {
	background-color: #ffffff;
	width: 100%;
	max-width: 400px;
	padding-bottom: 5px;
}

body>main .imgMobile {
	display: none;
	text-align: left;
	font-family: 'Maven Pro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--color-curso);
	margin: 45px 0 26px 0;
}

body>main .imgMobile p {
	margin-left: 0.5em;
}

body>main .imgMobileActividad {
	font-weight: bold;
	margin-bottom: 10px;
}

body>main .textoCreditos {
	font-family: Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
	color: #444444;
	font-size: 100%;
}

body>main .textoCreditos .creditosActividad {
	display: grid;
	-moz-column-gap: 1em;
	column-gap: 1em;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 1em;
}

body>main .textoCreditos .creditosActividad>div:first-of-type {
	font-weight: bold;
	text-align: right;
}

body>main .mainHead {
	font-size: 16px;
	color: var(--cCurso--dark);
	line-height: 1.8;
	width: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	margin: 50px 0;
}

body>main .mainHead img {
	width: auto;
	max-width: 100%;
}

body>main .cintillo {
	background-image: url("../contenido/cabezales/pleca.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	height: 180px;
	width: 100%;
	text-align: center;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

body>main .cintillo p {
	text-align: center;
	margin: 2% 15%;
	color: #444444;
}

body>main .objetivo {
	display: flex;
	align-items: center;
}

body>main .caja {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	text-align: justify;
	background-color: var(--color-curso);
	background-repeat: no-repeat;
	background-position-x: 96%;
	background-position-y: 41%;
	margin: 0 0 25px;
	overflow: hidden;
	padding: 20px;
	border-radius: 35px 0px 35px 0px;
}

body>main .caja .cajaTxt {
	color: #ffffff;
	font-size: 17px;
	font-weight: 400;
	text-align: justify;
}

body>main .animate {
	width: 300px;
	height: 180px;
	padding: 20px;
	margin: 5px;
}

body>main .animate~.cdr {
	color: #ffff;
	background-color: rgba(17, 110, 17, 0.6);
	position: absolute;
	bottom: 104px;
	left: 44px;
	width: auto;
	height: 50px;
	padding: 10px;
}

body>main .animate~.cdr .cdr_txt {
	color: #ffffff;
	font-size: 1.3em;
}

body>main .contenedorVideos {
	display: flex;
	justify-content: space-evenly;
}

body>main .contenedorImagenes {
	display: flex;
	justify-content: space-evenly;
}

body>main .cuadroVideo {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}

body>main .cuadroVideo video {
	padding-bottom: 5px;
	height: auto;
	width: 100%;
	max-width: 400px;
}

body>main .cuadroVideo p {
	font-size: 0.75em;
	text-align: center;
	margin: 20px 0;
	overflow-wrap: anywhere;
}

body>main table {
	/* background-color: var(--color-curso); */
	/* color: #ffffff; */
	font-size: 14px;
	font-weight: 400;
	margin: 0 auto;
}

body>main table>thead:first-child>tr:first-child>th {
	vertical-align: middle;
}

body>main .imagenAudio {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 5px;
}

body>main .imagenAudio audio {
	width: 250px;
	margin-top: 30px;
}

body>main .imagenAudio p {
	font-size: 0.75em;
	text-align: center;
	margin: 20px 0;
	overflow-wrap: anywhere;
}

@counter-style minusculas {
	system: extends lower-alpha;
	suffix: ') ';
}

body>main ol.listaMinusculas {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style: minusculas;
	font-size: 16px;
	-webkit-padding-start: 1em;
	padding-inline-start: 1em;
}

body>main ol.listaMinusculas>li {
	margin-bottom: 16px;
	-webkit-margin-start: 2em;
	margin-inline-start: 2em;
}

body>main ul>li {
	-webkit-margin-start: 2em;
	margin-inline-start: 2em;
	margin-bottom: 1em;
}

/* body>main .contenedorBotones {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	gap: 1em;
	margin: 10px 0;
}

body>main .contenedorBotones button {
	background-color: var(--color-curso);
	border: 1px solid transparent;
	border-radius: 5px;
	padding: 0.5em;
}

body>main .contenedorBotones button a {
	text-decoration: none;
	color: #ffffff;
}

body>main .contenedorBotones button:hover {
	background-color: #808080;
	border-color: #808080;
}

body>main .contenedorBotones button:active:hover {
	background-color: #808080;
	border-color: #808080;
} */

body>main .contenedorVideo {
	display: flex;
	justify-content: center;
	align-items: center;
}

body>main .contenedorVideo video {
	width: 75%;
	height: auto;
}

body>main .fuentes {
	float: left;
	margin-right: 10px;
}

body>main .fuentes .tipoFuente {
	font-weight: bold;
	margin-bottom: 10px;
}

body>main .descargas.fab,
body>main .descargas.far,
body>main .descargas.fas,
body>main .fuentes i.fas {
	font-size: 2em;
	font-weight: 700;
	text-decoration: none;
	list-style-type: none;
	width: var(--altura-tipo-archivo);
	height: var(--altura-tipo-archivo);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-curso);
	border: 2px solid var(--color-curso);
	border-radius: 50%;
}

body>main .descargas.fab,
body>main .descargas.far,
body>main .descargas.fas {
	font-size: 1em;
}

body>main .fuentes p,
body>main .fuentes p a {
	overflow-wrap: anywhere;
}

body>main .fuentesConsulta {
	display: flex;
	align-items: center;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin-bottom: 10px;
}

body>main .fuentesConsulta>div {
	font-weight: bold;
}

body>main ul li p {
	margin-left: 30px;
}

body>main .tablaGeneral,
body>main .tabla1,
body>main .tabla2,
body>main .tabla3,
body>main .tablaAzul {
	font-size: 100%;
	color: #444;
	font-family: Gotham, Helvetica, Arial, sans-serif;
	width: 30%;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 10px;
}

body>main .tablaGeneral,
body>main .tabla1 {
	width: 70%;
}

body>main table ul li {
	-webkit-margin-start: 1em;
	margin-inline-start: 1em;
}

body>main .tablaGeneral th,
body>main .tablaGeneral td {
	border: 1px solid var(--cFondo-claro);
	padding: 10px;
}

body>main .tablaGeneral tbody tr td:first-of-type {
	background-color: var(--cFondo-claro);
}

body>main .tablaGeneral thead th {
	border-left: medium none;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background-color: var(--cFondo-claro);
	color: #014a7e;
	border: 1px solid var(--cFondo-claro);
}

body>main .tabla1 tbody tr td,
body>main .tabla2 tbody tr td,
body>main .tabla3 tbody tr td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid var(--cFondo-claro);
	word-wrap: anywhere;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	width: 25%;
	padding: 10px;
}

body>main .tabla2 {
	width: 40%;
}

body>main .tabla3 {
	width: 60%;
}

body>main .tabla3 th {
	background-color: var(--color-curso);
	padding: 5px 0;
	text-align: center;
}

body>main .tablaAzul tbody tr td {
	padding: 0.5em;
	border-spacing: 20px;
	text-align: center;
	vertical-align: middle;
}

body>main .tablaAzul tbody tr td:first-of-type {
	width: 25%;
	background-color: #487fad;
}

body>main .tablaAzul tbody tr:nth-child(odd) td:last-of-type {
	background-color: #b3cce0;
}

body>main .tablaAzul tbody tr:nth-child(even) td:last-of-type {
	background-color: #d9e5ef;
}

body>main ol,
body>main ul {
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}

body>main dl dd {
	-webkit-margin-start: 2em;
	margin-inline-start: 2em;
}

body>main ol li,
body>main ul li {
	-webkit-margin-start: 2em;
	margin-inline-start: 2em;
	margin-bottom: 1em;
}

/* body>main .contenedorFlecha {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1em;
}

body>main .contenedorFlecha .flecha {
	-webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
	clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
	background-color: var(--color-curso);
	width: 300px;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 10px;
	padding-right: 20px;
}

body>main .contenedorFlecha .flecha p {
	margin: 0;
	padding: 14px;
	color: #ffffff;
} */

body>main .tooltip {
	position: relative;
	display: inline-block;
	font-size: 1em;
	text-decoration: underline;
	cursor: pointer;
	opacity: 1;
	z-index: auto;
}

/* Tooltip text */
body>main .tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: var(--cFondo-claro);
	color: #fff;
	padding: 10px;
	border-radius: 6px;
	font-style: normal;
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 100%;
	left: 3em;
	margin-left: -100px;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 1s;
}

/* Tooltip arrow */
body>main .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: var(--cFondo-claro) transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
body>main .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

body>main dl.deslizar,
body>main ol.deslizar,
body>main ul.deslizar {
	position: relative;
}

body>main dl.deslizar:before,
body>main ol.deslizar:before,
body>main ul.deslizar:before {
	content: "";
	position: absolute;
	top: -20px;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, transparent, #fff 20px);
	-webkit-animation: fadeIn 3s forwards;
	animation: fadeIn 3s forwards
}

body>main dl dd {
	-webkit-margin-start: 1em;
	margin-inline-start: 1em;
}

body>main .contenedorVideoEmbebido {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 400px;
	margin: 2em 0;
}

body>main .contenedorVideoEmbebido iframe {
	width: 60%;
	height: 100%;
}

@-webkit-keyframes fadeIn {
	0% {
		top: -10px;
	}

	100% {
		top: 100%;
	}
}

@keyframes fadeIn {
	0% {
		top: -10px;
	}

	100% {
		top: 100%;
	}
}

body>footer {
	margin-top: 50px;
}

body>footer #pagination {
	font-family: Verdana, Geneva, sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

body>footer #pagination a:hover {
	cursor: pointer;
	background-color: var(--color-curso);
	opacity: 0.5;
	transition: background-color 0.3s;
}

body>footer #pagination ul {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;
	color: #444444;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-webkit-padding-start: 0;
	padding-inline-start: 0;
}

body>footer #pagination ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	margin: 2px;
	padding: 0;
	font-size: 12px;
	list-style: none;
	float: left;
	background-color: #ffffff;
}

body>footer #pagination ul li a {
	margin: 0 0.25em;
	color: #4c4c4c;
	display: block;
	float: left;
	padding: 4px 9px;
	text-decoration: none;
	border: 1px solid #eaeaea;
}

body>footer #pagination ul li.previous,
body>footer #pagination ul li.next {
	-webkit-animation: fadein .5s;
	animation: fadein .5s;
	font-weight: bold;
}

body>footer #pagination ul li.active {
	border: 1px solid var(--color-curso);
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	display: block;
	float: left;
	padding: 4px 9px;
	margin: 2px;
	background-color: var(--color-curso);
}

body>footer #pagination ul li.active a {
	background-color: var(--color-curso);
}

body>footer a.goTop {
	text-decoration: none;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	position: fixed;
	bottom: 2em;
	right: 2em;
	text-decoration: none;
	background-color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	padding: 1em;
	display: none;
}

body>footer a.goTop:hover {
	background-color: var(--color-curso);
}

body>main .contenedorDosColumnas {
	display: flex;
	justify-content: space-evenly;
	gap: 2em;
}

body>main .contenedorDosColumnas .colIzquierda,
body>main .contenedorDosColumnas .colDerecha {
	display: flex;
	width: 50%;
	flex-direction: column;
	align-items: center;
	margin-bottom: 2em;
}

body>main .contenedorDosColumnas img {
	width: min(400px, 100%);
}

body>main .contenedorDosColumnas h4,
body>main .contenedorDosColumnas p {
	text-align: left;
}

body>main .contenedorDosColumnas hr {
	border: 1px solid #dfdfdf;
	width: 75%;
}

body>main .contenedorDosColumnas a {
	overflow-wrap: anywhere;
	text-align: left;
}

body>main .contenedorDosColumnas ul li {
	-webkit-margin-start: 1em;
	margin-inline-start: 1em;
	margin-bottom: 1em;
	color: var(--cBlanco);
}

@media (max-width: 767px) {
	body>header {
		height: 120px;
		grid-template-columns: 10fr 2fr;
		grid-template-areas: "cursoAprendoMas logoAprendoMas"
			"accesibilidad accesibilidad";
	}

	body>header .cursoAprendoMas div {
		width: 100%;
		padding-left: 10px;
	}

	body>header .accesibilidad ul li {
		font-size: 20px;
	}

	body>main {
		margin-top: 130px;
	}

	body>main .thumb {
		display: none;
	}

	body>main .imgMobile {
		display: block;
		margin-top: 0;
	}

	body>main .imgMobileActividad {
		color: var(--color-curso);
		font-weight: normal;
	}

	body>main .cintillo .imgMobile {
		display: block;
		margin-top: 0;
		background-color: var(--cFondo-claro);
		border-radius: 0px 38px 38px 191px;
		padding: 10px 10px 10px 50px;
	}

	body>main .objetivo {
		flex-direction: column;
	}

	body>main .contFtrabajo {
		flex-direction: column;
		margin-bottom: 0;
	}

	body>main .contFtrabajo .textForma {
		width: 100%;
	}

	body>main .contFtrabajo .iconosForma {
		margin-bottom: 0.5em;
	}

	body>main .view-fourth img {
		width: 100%;
	}

	body>main .textoCreditos .creditosActividad {
		grid-template-columns: none;
		grid-template-rows: 0.1fr 1fr;
	}

	body>main .textoCreditos .creditosActividad>div:first-of-type {
		text-align: left;
	}

	body>main .mainHead {
		display: none;
	}

	body>main .imagenPie button {
		width: 75%;
		background-color: transparent;
		border-color: transparent;
	}

	body>main .contFtrabajo .contFtrabajo2 {
		display: grid;
		grid-template-columns: none;
	}

	body>main .audioPersonajes {
		row-gap: 10px;
		flex-direction: column;
	}

	body>main .contenedorVideos {
		flex-direction: column;
	}

	body>main .contenedorImagenes {
		flex-direction: column;
	}

	body>main .imagenModal .modal .modal-content {
		width: 100%;
	}

	body>main .imagenModal .modal .close {
		top: 70px;
		right: 10px;
	}

	body>main .tablaAzul {
		width: 80%;
	}

	body>main .tabla1,
	body>main .tabla2,
	body>main .tabla3,
	body>main .tablaGeneral {
		width: 100%;
	}

	body>main .imagenAudio audio {
		width: 150px;
		margin-top: 30px;
	}

	body>main .tablaGeneral {
		margin: 0;
		font-size: 80%;
	}

	body>main .cintillo {
		background-image: none;
	}

	body>main .cintillo p {
		font-weight: normal;
		text-align: center;
		margin: 15px;
		padding: 10px;
		border: 2px solid var(--color-curso);
		border-radius: 15px;
		background-color: var(--cFondo-claro);
		color: var(--color-curso);
	}

	body>main .contenedorVideoEmbebido {
		height: auto;
	}

	body>main .contenedorVideoEmbebido iframe {
		width: 100%;
	}

	body>main .contenedorDosColumnas {
		flex-direction: column;
		gap: 0;
	}

	body>main .contenedorDosColumnas p {
		padding: 0;
		overflow-wrap: anywhere;
	}

	body>main .contenedorDosColumnas .colIzquierda,
	body>main .contenedorDosColumnas .colDerecha {
		padding-left: 0em;
		width: 100%;
	}

	body>main .contenedorDosColumnas .colDerecha ul li {
		padding-left: 0;
		-webkit-margin-start: 1em;
		margin-inline-start: 1em;
	}

	body>main .tooltip .tooltiptext {
		left: 10%;
		margin-left: -60px;
	}
}

@media print {

	.accesibilidad,
	.cintillo,
	body>main p a[href^=tema]::after,
	body>footer>.contGralPaginador>#pagination>ul>li>a[href^=tema] {
		display: none;
	}

	body>footer a.goTop {
		display: none !important;
	}

	img[alt^=bocadillo] {
		margin-top: 60px;
		page-break-before: always;
	}

	body>main iframe,
	body>main .imagenPie img,
	body>main .imagenModal img {
		width: 40%;
	}

	body>main .imagenAudio audio,
	body>main .cuadroVideo video {
		border: 1px solid;
	}

	body>main .imagenAudio audio::-webkit-media-controls-play-button {
		display: initial;
		border: 1px solid;
	}

	/* body>main .contenedorBotones button a[href^=recursos]::after {
		display: none;
	} */
}

/* ----------- JLBG  ------------------ */
audio {
	width: 90%;
}

.clear {
	clear: both;
}
main  a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 8px;
	background: #000;
	color: #fff;
	margin-bottom: 50px;
	box-shadow: 0 0 1px #000;
	font-size: 1.5em;
}
main a.info {
	background-color: var(--color-curso);
}
main .view-fourth:hover h2,
main .view-fourth:hover p,
main a.info {
	opacity: 1;
	margin-bottom: 10px;
}