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

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

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

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 .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 .iconosForma,
body>main .contFtrabajo .iconosForma {
	display: initial;
	flex-grow: 1;
}

body>main .iconosForma .icono,
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 .iconosForma .icono .far,
body>main .iconosForma .icono .fas,
body>main .iconosForma .icono .fab,
body>main .iconosForma .icono .material-icons,
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 .pleca {
	width: 90%;
	margin: 0 auto;
}

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

body>main .imagenPie img {
	width: 100%;
	max-width: 400px;
}

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 .img-mobile {
	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 .img-mobile p {
	margin-left: 0.5em;
}

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 .main__head {
	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 .main__head 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: 0 12% 2% 20%;
	color: #444444;
	/* border: 1px solid; */
}

body>main .cintillo .plecaTexto {
	border-radius: 10px;
	position: relative;
	/* margin: 15px; */
	background-color: var(--cFondo-claro);
	text-align: center;
	color: var(--color-curso);
	border: 1px solid var(--color-curso);
	padding: 10px;
	display: none;
}

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

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

body>main .cuadrosAnimados .cuadro {
	position: relative;
	height: auto;
	font-size: 100%;
	padding: 10px 10px 10px 30px;
	color: #4F5B62;
	margin-bottom: 30px;
	border-radius: 4px;
}

body>main .cuadrosAnimados .cuadro,
body>main .cuadrosAnimados .cuadro1,
body>main .cuadrosAnimados .cuadro2,
body>main .cuadrosAnimados .cuadro3,
body>main .cuadrosAnimados .cuadro4,
body>main .cuadrosAnimados .cuadro5,
body>main .cuadrosAnimados .cuadro6 {
	color: #ffffff;
	padding: 20px;
	margin: 5px;
	border-radius: 20px;
	max-width: 600px;
	width: 100%;
}

body>main .cuadrosAnimados .cuadro {
	background-color: var(--color-curso);
}

body>main .cuadrosAnimados .cuadro1 {
	background-color: var(--animate_gradient1);
}

body>main .cuadrosAnimados .cuadro2 {
	background-color: var(--animate_gradient2);
}

body>main .cuadrosAnimados .cuadro3 {
	background-color: var(--animate_gradient3);
}

body>main .cuadrosAnimados .cuadro4 {
	background-color: var(--animate_gradient4);
}

body>main .cuadrosAnimados .cuadro5 {
	background-color: var(--animate_gradient5);
}

body>main .cuadrosAnimados .cuadro6 {
	background-color: var(--animate_gradient6);
}

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;
	-moz-border-radius: 35px 0px 35px 0px;
	-webkit-border-radius: 35px 0px 35px 0px;
	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 .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;
}

body>main .imagenModal {
	display: flex;
	flex-direction: column;
	align-items: center;
}

body>main .imagenModal>img {
	width: 100%;
	max-width: 400px;
	cursor: zoom-in;
	transition: 0.3s;
}

body>main .imagenModal>img:hover {
	opacity: 0.7;
}

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

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

body>main .imagenModal .modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 60px;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.9);
}

body>main .imagenModal .modal .modal-content {
	margin: auto;
	display: block;
	width: 90%;
	max-width: 800px;
}

body>main .imagenModal .modal #caption {
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

body>main .imagenModal .modal .modal-content,
body>main .imagenModal .modal #caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes zoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

body>main .imagenModal .modal .close {
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

body>main .imagenModal .modal .close:hover,
body>main .imagenModal .modal .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

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

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

body>main>ol.lista-min>li {
	margin-bottom: 16px;
}

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

body>main .contenedorBotones {
	display: flex;
	justify-content: space-evenly;
	margin: 10px 0;
}

body>main .contenedorBotones button a {
	color: #ffffff;
}

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.fas,
body>main .fuentes i.fas {
	font-size: 30px;
	font-weight: 700;
	text-decoration: none;
	list-style-type: none;
	width: var(--altura);
	height: var(--altura);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-curso);
	border: 2px solid var(--color-curso);
	border-radius: 50%;
}

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

body>main .fuentesConsulta {
	display: flex;
	align-items: center;
	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 .tabla-azul {
	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 {
	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;
	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 .tabla-azul tbody tr td {
	padding: 0.5em;
	border-spacing: 20px;
	text-align: center;
	vertical-align: middle;
}

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

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

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

body>main ol,body>main ul {
	padding-inline-start: 3em;
}

body>main .bloc {
	width: 60%;
	margin: 2em auto;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
	border-radius: 0 0 10px 10px;
	overflow: hidden;
}

body>main .bloc .superior {
	width: 100%;
	height: 50px;
	background: var(--color-curso);
	border-radius: 5px 5px 0 0;
}

body>main .bloc .papel {
	--paper-color: #f1ede9;
	--paper-line: #94acd4;
	width: 100%;
	height: 100%;
	padding: 40px 20px;
	background: repeating-linear-gradient(var(--paper-color), var(--paper-color) 31px, var(--paper-line) 31px, var(--paper-line) 32px);
	line-height: 32px;
	outline: 0;
}

body>main .bloc .papel ul li {
	margin-bottom: 0;
}

body>main .hoja {
	width: 60%;
	margin: 2em auto;
	background-color: var(--cFondo-claro);
	background-image:
		linear-gradient(90deg,
			var(--cFondo-claro) 12px, 0,
			#000 15px, 0,
			#000 20px, 0,
			var(--cFondo-claro) 100%),
		radial-gradient(circle closest-side,
			#1babcf00 88%,
			var(--cFondo-claro) 100%),
		radial-gradient(circle at 22px 8px,
			#000 40%,
			#000 40%,
			#00486B 100%);
	background-size: 32px 8px, 32px 16px, 32px 16px;
	background-repeat: space no-repeat;
	background-position: center top, center 6px, center 6px;
	padding: 40px 20px 5px 20px;
	box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.5);
}

body>main .hojas {
	background: #fafafa;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), 0 0 300px 25px rgba(222, 198, 122, 0.7) inset;
	width: 350px;
	margin: 2em auto;
	padding: 24px;
	position: relative;
}

body>main .hojas:before,
body>main .hojas:after {
	content: "";
	background: #fafafa;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2), inset 0 0 300px rgba(222, 198, 122, 0.7);
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -2;
	transition: .5s;
}

body>main .hojas:before {
	left: -5px;
	top: 2px;
	transform: rotate(-1.5deg);
}

body>main .hojas:after {
	right: -3px;
	top: 0px;
	transform: rotate(2.4deg);
}

body>main .hojas:hover:before {
	transform: rotate(0deg);
	border: solid rgba(111, 99, 61, 0.4);
	border-width: 0px 0px 0px 1px;
	left: -6px;
	top: -6px;
}

body>main .hojas:hover:after {
	transform: rotate(0deg);
	border: solid rgba(111, 99, 61, 0.4);
	border-width: 0px 0px 0px 1px;
	right: 3px;
	top: -3px;
}

body>main .hoja-pin {
	--paper-dark: #a3dcdb;
	--paper-color: #9cd1d1;
	--paper-shadow: #77799f;
	/* --pin-color: var(--color-pin); */
	--pin-dark: #069e0b;
	--pin-light: #7dfcbf;

	position: relative;
	margin: 2em auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 40%;
	min-height: 175px;
	background: linear-gradient(135deg,
			var(--paper-dark),
			30%,
			var(--paper-color));
	box-shadow: 3px 3px 2px var(--paper-shadow);
	transform: rotate(10deg);
	transform-origin: center center;
	padding: 15px;
	margin-bottom: 50px;
	padding-top: 40px;
}

body>main .hoja-pin p {
	margin: auto;
}

body>main .hoja ul li,
body>main .hoja-pin ul li,
body>main .hojas ul li {
	margin-inline-start: 1em;
	margin-bottom: 1em;
}

body>main .bloc .papel ul li {
	margin-inline-start: 1em;
	margin-bottom: 0;
}

body>main .hoja-pin .pin {
	--pin-color: #d02627;
	--pin-dark: #9e0608;
	--pin-light: #fc7e7d;

	--pin-color: var(--color-curso);
	--pin-dark: #9e3e06;
	--pin-light: #fca47d;

	/* --pin-color: var(--color-curso);
	--pin-dark: #1d069e;
	--pin-light: #8e7dfc; */

	/* --pin-color: var(--color-curso);
	--pin-dark: #069e0b;
	--pin-light: #7dfcbf; */
	
	/* --pin-color: var(--color-curso);
	--pin-dark: #062e9e;
	--pin-light: #7da4fc; */
	position: absolute;
	top: 0;
	left: 20px;
	width: 60px;
	height: 50px;
}

body>main .hoja-pin .shadow {
	position: absolute;
	top: 18px;
	left: -8px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: radial-gradient(var(--paper-shadow), 20%, rgba(201, 191, 141, 0));
}

body>main .hoja-pin .metal {
	position: absolute;
	width: 5px;
	height: 20px;
	background: linear-gradient(to right, #808080, 40%, #eae8e8, 50%, #808080);
	border-radius: 0 0 30% 30%;
	transform: rotate(50deg);
	transform-origin: bottom left;
	top: 15px;
	border-bottom: 1px solid #808080;
}

body>main .hoja-pin .bottom-circle {
	position: absolute;
	right: 15px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: var(--pin-color);
	background: radial-gradient(circle at bottom right,
			var(--pin-light),
			25%,
			var(--pin-dark),
			90%,
			var(--pin-color));
}

body>main .hoja-pin .bottom-circle::before {
	content: "";
	position: absolute;
	top: 0;
	left: -2px;
	width: 20px;
	height: 30px;
	transform: rotate(55deg);
	transform-origin: 100% 100%;
	border-radius: 0 0 40% 40%;
	background: linear-gradient(to right,
			var(--pin-dark),
			30%,
			var(--pin-color),
			90%,
			var(--pin-light));
}

body>main .hoja-pin .bottom-circle::after {
	content: "";
	position: absolute;
	right: -10px;
	top: -5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: radial-gradient(circle at right,
			var(--pin-light),
			30%,
			var(--pin-color),
			var(--pin-dark) 80%);
}

body>main section.nota-cinta {
	width: 325px;
	min-height: 200px;
	padding: 20px;
	margin: 20px 22px 44px 22px;
	position: relative;
	font-size: 16px;
	vertical-align: top;
	display: inline-block;
	color: #4b453c;
	line-height: 34px;
	text-align: center;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}

body>main section.nota-cinta:before {
	display: block;
	content: "";
	background: #e3c87266;
	width: 130px;
	height: 28px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border-radius: 6px/18px 0;
	position: absolute;
	top: -13px;
	left: 50px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

body>main section.nota-cinta.note-blue {
	background: #b9dcf4;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

body>main section.nota-cinta.note-pink {
	background: #ffbda3;
	-webkit-transform: rotate(1deg);
	-moz-transform: rotate(1deg);
	-o-transform: rotate(1deg);
	-ms-transform: rotate(1deg);
	transform: rotate(1deg);
}

body>main section.nota-cinta.note-yellow {
	background: #f7e999;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	-o-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);
}

body>main section.nota-cinta p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 24px;
}

@media (max-width: 767px) {
	body>main section.nota-cinta {
		width: 150px;
	}
}

body>main .contenedor-flecha {
	height: 300px;
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 1em;
}

body>main .contenedor-flecha .flecha {
	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 .contenedor-flecha .flecha p {
	margin: 0;
	padding: 14px;
	color: #ffffff;
}

body>main .texto-invisible {
	font-weight: bold;
}

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

/* Tooltip text */
body>main .tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-style: normal;
	font-size: 80%;
	/* Position the tooltip text */
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	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: #555 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 ol.efecto,
body>main ul.efecto {
	position: relative;
}

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

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

body>main .contenedor-video-embebido iframe {
	width: 60%;
	height: 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.go-top {
	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.go-top:hover {
	background-color: var(--color-curso);
}

body>main .contenedordoscolumnas {
	display: flex;
	justify-content: space-evenly;
	align-items: center;

}

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

body>main .contenedordoscolumnas .colizquierda img {
	width: 100%;
	max-width: 400px;
}

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

}

body>main .contenedordoscolumnas .colderecha {
	padding-left: 2em;
	width: 110%;
}
body>main .contenedordoscolumnas .colderecha ul li {
    margin-inline-start: 1em;
    margin-bottom: 1em;
    color: var(--cBlanco);
}

main a.info {
	display: inline-block;
	text-decoration: none;
	padding: 7px 15px;
	background: #000;
	color: #fff;
	margin-bottom: 50px;
	box-shadow: 0 0 4px #000;
	font-size: 1.5em;
	border-radius: 4px;
	font-family: sans-serif;
}
main a.info {
	background-color: var(--color-curso);
}



@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%;
		font-size: 10px;
		padding-left: 10px;
	}

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

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

	body>main .thumb {
		display: none;
	}

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

	body>main .pleca {
		display: none;
	}

	body>main .cintillo .plecaTexto {
		display: inherit;
	}

	body>main .cintillo .img-mobile {
		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 .main__head {
		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 .audio-personajes {
		row-gap: 10px;
		flex-direction: column;
	}

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

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

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

	body>main .tabla-azul {
		width: 80%;
	}

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

	body>main .imagenAudio audio {
		width: 150px;
		margin-top: 30px;
	}
	body>main .tablaGeneral {
		margin: 0;
		font-size: 80%;
	}

	body>main .bloc,
	body>main .hoja,
	body>main .hojas {
		width: 100%;
	}

	body>main .hoja-pin {
		width: 100%;
		transform: rotate(0);
	}

	body>main section.nota-cinta {
		width: 200px;
	}

	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 .texto-invisible {
		display: none;
	}

	body>main .contenedor-video-embebido {
		height: auto;
	}

	body>main .contenedor-video-embebido iframe {
		width: 100%;
	}
	body>main .contenedordoscolumnas {
		flex-direction: column;
	}
	body>main .contenedordoscolumnas p {
		padding: 0;
		text-align: justify;
	}
	body>main .contenedordoscolumnas .colderecha {
		padding-left: 0em;
		width: 100%;
	}
	body>main .contenedordoscolumnas .colderecha ul li{
		padding-left: 0;
		margin-inline-start: 1em;
	}


}

@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.go-top {
		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;
}