:root {
	--color-link: #2ab6c4;
	--color-curso: #444;
}



section.contenedor-folder {
	max-width: 1000px;
	margin: 10px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

section.contenedor-folder .folder {
	position: relative;
	margin: 20px;
	width: 500px;
	height: 650px;
	background: #fff;
	transform-style: preserve-3d;
	transform: perspective(2000px);
	transition: 1s;
	/* box-shadow: inset 300px 0 50px rgba(0, 0, 0, 0.5); */
	/* box-shadow: inset 300px 0 50px rgba(0, 0, 0, .5), 0 20px 100px rgba(0, 0, 0, .5); */
}

section.contenedor-folder .folder:hover {
	z-index: 1000;
	transform: perspective(2000px) rotate(-10deg);
	box-shadow: inset 20px 0 50px rgba(0, 0, 0, 0.5);
}

section.contenedor-folder .folder:before {
	content: '';
	position: absolute;
	top: -5px;
	left: 0;
	width: 100%;
	height: 5px;
	background: #806588;
	background: #363636;
	transform-origin: bottom;
	transform: skewX(-45deg);
}

section.contenedor-folder .folder:after {
	content: '';
	position: absolute;
	top: 0;
	right: -5px;
	width: 5px;
	height: 100%;
	background: #9b7ca5;
	background: #363637;
	transform-origin: left;
	transform: skewY(-45deg);
}

section.contenedor-folder .folder .caratula {
	position: relative;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	box-sizing: border-box;
	transform-origin: left;
	z-index: 1;
	transition: 1s;
	/* box-shadow: inset 300px 0 50px rgba(0, 0, 0, 0.5); */
	/* background: linear-gradient(45deg, rgba(232,210,228,1) 0%, rgba(241,194,232,1) 50%, rgba(249,160,171,1) 100%); */

	background: #d2dee8;
	background: #0f89df;
	background: #fff;
	/* background: linear-gradient(45deg, rgba(210,222,232,1) 0%, rgba(95,110,236,1) 50%, rgba(213,223,244,1) 100%); */
	/* background: rgb(210,229,232); */
	/* background: linear-gradient(45deg, rgba(210,229,232,1) 0%, rgba(196,245,247,1) 50%, rgba(210,229,232,1) 100%); */
	/* background: rgb(210,229,232); */
	/* background: linear-gradient(45deg, rgba(210,229,232,1) 0%, rgba(250,250,250,1) 50%, rgba(210,229,232,1) 100%); */
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

section.contenedor-folder .folder:hover .caratula {
	transform: rotateY(-135deg);
	/* filter: blur(5px); */
}

section.contenedor-folder .folder .caratula img {
	position: absolute;
	width: 90%;
	height: 100%;
	object-fit: contain;
}

section.contenedor-folder .folder .contenido video {
	width: 260px;
}

section.contenedor-folder .folder .caratula p {
	padding: 0 20px;
	color: #000;
    	font-size: 0.9em;
    line-height: normal;
	overflow-y: auto;
	max-height: 80%;
	text-align: left;
    	font-family: 'Open Sans', sans-serif;
	color: #000;
	text-align: left;
}

section.contenedor-folder .folder .contenido {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	padding: 20px;
	text-align: center;
	overflow: hidden;
	height: 100%;
}

section.contenedor-folder>div>.contenido>h2 {
	font-size: 1.2em;
}

section.contenedor-folder>div>.contenido>p {
	font-size: 0.9em;
    line-height: normal;
	overflow-y: auto;
	max-height: 80%;
	text-align: left;
    	font-family: 'Open Sans', sans-serif;
	color: #000;
	text-align: left;
}

section.contenedor-folder>div>.contenido>p>a {
	color: var(--color-link);
	font-size: 14px;
}

section.contenedor-folder>div>.contenido>p>a,
section.contenedor-folder>div>.contenido>p>a:hover,
section.contenedor-folder>div>.contenido>p>a:active,
section.contenedor-folder>div>.contenido>p>a:visited {
	text-decoration: none;
}

section.contenedor-folder>div>.contenido>a.info {
	padding: 7px 8px;
	background: var(--color-link);
	color: #fff;
}