/* General */
header .menu h1 {
	width: 200px;
}

/* Recuadros de la derecha */
.recuadro > ul > li > a, .recuadro > ul > li > div {
	padding: 20px;
}

.recuadro > ul li a h2 {
	font-size: 14px;
	font-family: 'a_regular_semibold';
	font-weight: normal;
}

.recuadro > ul > li > a {
	font-size: 0;
}

/* Videollamada */
#videollamada ul li > div span:first-child {
	margin-bottom: 5px;
}

#videollamada > ul li a h2::before, #videollamada ul li > div ul li a::before {
	content: '';
	display: block;
	width: 14px;
	height: 15px;
	margin-right: 5px;
}

#videollamada > ul li a h2.dark {
	color: white;
}

#videollamada > ul li a h2::before {
	background: url(/assets/css/icons/videollamada-negro.svg);
}

#videollamada > ul li a h2.dark::before {
	background: url(/assets/css/icons/videollamada.svg);
}

#videollamada .siguiente::after {
	background: url(/assets/css/icons/right.svg);
}

#videollamada .siguiente.dark::after {
	background: url(/assets/css/icons/right-blanco.svg);
}

#videollamada ul li > div {
	background: white;
}

#videollamada ul li > div ul li {
	border-radius: 8px;
	border: solid 2px #edf0f1;
	margin-top: 20px;
	padding: 15px;
}

#videollamada ul li > div ul li h3 {
	margin: 5px 0;
}

#videollamada ul li > div ul li a {
	margin: 20px auto 0;
	width: max-content;
}

#videollamada ul li > div ul li a::before {
	background: url(/assets/css/icons/videollamada-negro.svg);
}

/* Encuesta */
#encuesta > p {
	padding: 20px;
	font-size: 20px;
	justify-content: center;
}

#encuesta > p:before {
	background: url(/assets/css/icons/stars.png);
	content: '';
	display: block;
	background-size: 60px;
	width: 60px;
	height: 60px;
	margin-right: 5px;
}

#encuesta .siguiente::after {
	background: url(/assets/css/icons/right.svg);
}

#encuesta > ul > li:not(:last-child) {
	margin-bottom: 30px;
}

#encuesta > ul li a h2 {
	color: var( --base-color );
}

#encuesta > ul li a h2::before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	background: url(/assets/css/icons_color/encuesta.svg);
	margin-right: 5px;
}

#encuesta form {
	padding: 0 25px 25px;
}

#encuesta form h4, .respondidas h4 {
	font-size: 14px;
	display: block;
	font-weight: normal;
	font-family: 'a_regular';
}

#encuesta form > ul > li {
	list-style: none;
}

#encuesta form > ul > li:not(:first-child), .respondidas ul li:not(:first-child) {
	margin-top: 20px;
}

.formulario-encuesta ul li ul li:not(:last-child) {
	margin-bottom: 20px;
}

#encuesta form .botones {
	margin: 20px 0 0 auto;
	width: max-content;
}

/* Resultado */
form .resultado  {
	cursor: pointer;
}

.resultado {
	border-radius: 5px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px;
	border: 1px solid #dadada;
	border-radius: 5px;
	position: relative;
}

.formulario-encuesta ul li ul li input, #encuesta-preguntas ul li input {
	display: none;
}

li.sin-imagen input:checked + label span, .respondidas .porcentaje {
	background: #edf0f1;
}

.respuesta-escrita h4 {
	margin-bottom: 10px;
}

.opcion-alumno h4 {
	margin-bottom: 20px;
}

/* Encuesta con texto */
.respuesta-escrita textarea, .respuesta-escrita p {
	width: 100%;
	padding: 10px;
	border: 1px solid #dadada;
	border-radius: 4px;
}

/* Encuesta con imagen */
.formulario-encuesta li.con-imagen img {
	max-width: calc(35% - 30px);
	margin-left: auto;
}

.formulario-encuesta li .checkbox span:first-of-type {
	margin-left: 25px;
}

.respondidas li.con-imagen > span {
	margin-bottom: 10px;
	display: block;
}

.respondidas li.con-imagen > div, .formulario-encuesta li.con-imagen {
	display: flex;
	align-items: center;
	position: relative;
}

.respondidas li.con-imagen div img {
	max-width: calc(35% - 30px);
	margin: auto;
}

.respondidas li.con-imagen div div, .formulario-encuesta li.con-imagen label {
	width: calc(65% - 30px);
}

.respondidas .resultado span {
	position: absolute;
	right: 15px;
	z-index: 1;
}

/* Encuesta sin imagen */
li.sin-imagen .resultado label {
	display: flex;
	align-items: center;
	width: 100%;
	height: 43px;
	cursor: pointer;
}

.respondidas li.sin-imagen.resultado {
	justify-content: space-between;
}

li.sin-imagen .resultado label span, .respondidas .porcentaje, .respondidas li.sin-imagen.resultado p {
	border-radius: 5px;
	height: 43px;
	display: flex;
	align-items: center;
	position: absolute;
	left: 0;
}

li.sin-imagen .resultado label span {
	width: 100%;
	padding-left: 15px;
}

.respondidas li.sin-imagen.resultado p{
    padding-left: 15px;
    background: #edf0f1;
    white-space: nowrap;
}

/* Respondidas */
.respondidas {
	padding-top: 0 !important;
}

/* Eventos */
#eventos ul li {
	margin-top: 30px;
}

#eventos ul li img {
	width: 100%;
}

#eventos ul li h3 {
	padding: 15px 20px 8px;
}

#eventos ul li h3.fondo-oscuro {
	background: #edf0f1;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

#eventos ul li div {
	padding: 0 20px 20px;
}

/* Principal: lista eventos */
.info-completado {
	align-items: center;
}

.info-videos > div:first-child {
	padding-bottom: 30px;
}

.info-videos a.btn:last-of-type {
	margin-top: 15px;
}

.info-videos a.btn {
	width: auto;
}

.info-materia div ul {
	margin-bottom: 30px;
}

/* TABLET */
@media ( max-width: 1000px ) {
	/* General */
	header .menu h1 {
		width: 129px;
	}
	
	#encuesta > ul > li {
		margin-bottom: 30px;
	}
		
	/* Eventos */
	#eventos {
		margin-bottom: 0;
	}
	
	#eventos h2 {
		margin-top: 30px;
	}
	
	#eventos ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	
	#eventos ul li {
		width: 48%;
	}
	
	/* Encuesta */
	#encuesta p {
		font-size: 14px;
	}
	
	#encuesta p:before {
		background-size: 30px;
		width: 30px;
		height: 30px;
	}
}

/* MOBILE */
@media ( max-width: 767px ) {
	#eventos ul {
		flex-direction: column;
	}
	
	#eventos ul li {
		width: 100%;
	}
}