/*
==================================================================
Theme Name: Personalum
Author: Neobrand
Author URI: https://neobrand.com
==================================================================
*/

/* Variables =================================================== */

body,input,textarea,select,option,p,a,h1,h2,h3,h4,h5,h6{font-family:'Lato',sans-serif;color:#999999;font-weight:normal;margin-top:0}

h1,h2,h3,h4,h5,h6{font-weight:900;color:#3d3834;margin-bottom:0.8em}

h1{font-size: 2em;}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{color:#f46177}

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

body {
	width: 100%;
	float: left;
	background-color: #e7e7e9;
	color: #999999;
	background-image: url('https://www.personalum.com/wp-content/uploads/centros-educativos-talleres.jpg');
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

p {
	margin-bottom: 0.8em;/*  -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  hyphens: auto;*/
	margin-top: 0;
	font-size: 16px;
}

p:empty {
	display: none;
}

a {
	color: #999999;
}

a:hover {
	color: #3d3834;
}

a,
a img,
a i {
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

a img:hover,
a i:hover {
	opacity: 0.5;
}

.boton,
.button,
.content .boton,
.content .button,
input[type="submit"] {
	border: none;
	color: #fff;
	background-color: #f46177;
	border-radius: 20px;
	display: inline-block;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin: 0 auto;
	padding: 10px 24px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	width: auto;
}

.boton:hover,
.boton.blanco:hover,
.button.blanco:hover,
.content .boton:hover,
.content .boton.blanco:hover,
.content .button.blanco:hover,
input[type="submit"]:hover {
	background-color: #9F404F;
	cursor: pointer;
	color: #fff;
}

.boton.active {
	border-color: #9F404F;
}

.boton.active:hover {
	color: #9F404F;
}

.boton.blanco,
.button.blanco {
	background-color: #fff;
	color: #f46177;
}

.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.aligncenter {
	float: none;
	margin: 20px auto;
	display: block;
}

input,
select,
textarea {
	float: left;
	padding: 12px 15px;
	font-family: 'Lato', sans-serif;
	color: #999999;
	font-weight: normal;
	font-size: 22px;
	font-style: italic;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	max-width: 100%;
}

input:focus {
	border-color: #f46177;
	outline: none;
}

input.input-checkbox {
	display: block;
	margin: 4px;
	min-height: 0;
}

iframe,
object,
embed {
	max-width: 100%;
}

img {
	max-width: 100%;
	height: auto;
}

.navegacion {
	width: 100%;
	margin-top: 10px;
	text-align: center;
	float: left;
}

.navegacion a.page-numbers,
.navegacion span {
	display: inline-block;
	border-radius: 3px;
	background-color: #f46177;
	color: #fff;
	padding: 8px 12px;
	text-align: center;
}

.navegacion a.page-numbers:hover,
.navegacion span.page-numbers.current {
	color: #fff;
	background-color: #9F404F;
}

.navegacion a.page-numbers.next {
	width: auto;
}

/*Newsletter*/
p.mailpoet_paragraph {
	float: left;
	width: 100%;
}

.mailpoet_paragraph input {
	float: none;
	display: inline-block;
}

.mailpoet_paragraph .mailpoet_text{
	width: 100%;
}

.mailpoet_form.mailpoet_form_php {
	float: left;
	width: 100%;
}

.mailpoet_form.mailpoet_form_php p.mailpoet_paragraph {
	float: left;
	width: auto;
	margin-right: 15px;
}

.mailpoet_validate_success,
.mailpoet_validate_error {
	float: left;
	width: 100%;
	padding: 15px 0;
}

/*Flotante*/
#fondoFlotante {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	display: none;
}

.flotante {
	width: auto;
	z-index: 99999;
	display: none;
	max-width: 500px;
	height: auto;
}

.flotante > .contFlotante {
	background-color: #ffffff;
	border: 1px solid #ccc;
	padding: 20px;
	width: 100%;
	float: left;
	text-align: left;
}

.flotante p,
.flotante a {
	color: #757575;
}

.flotante.home {
	display: block;
}

.flotante .cerrarFlo {
	border: 1px solid #DB6F73;
}

.flotante .cerrarFlo:hover {
}

.flotante .mensaje {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
}

.flotante div.cont {
	float: left;
	margin-top: 5px;
	width: 100%;
}

#citaEnviar {
	float: right;
	width: auto;
}

#citaEnviar:disabled {
	filter: grayscale(1);
	opacity: 0.25;
}

.wpcf7-response-output {
	display: none;
}

/*Estructura*/
.centrar {
	margin: 0 auto;
	max-width: 1250px;
}

/* Header */
header {
	width: 100%;
	padding-top: 35px;
	padding-bottom: 35px;
	background-color: rgb(255 255 255 / 90%);
	position: relative;
	float: left;
}

.home header {
	background: linear-gradient(to bottom, rgb(255 255 255 / 70%) 40%, rgb(255 255 255 / 0%) 100%);
}

header a#logo {
	width: 200px;
	margin: 0;
	float: left;
}

header a#logo img {
	float: left;
	width: auto;
}

/*Nav*/
#menuMovil {
	color: #3d3834;
	float: right;
	font-size: 35px;
	display: none;
	border-radius: 5px;
}

#menuMovil:hover,
#menuMovil:focus,
#menuMovil.active {
	cursor: pointer;
	color: #f46177;
}

/*Menu*/
.menu-principal-container {
	float: right;
}

#menu-principal {
	float: right;
	text-align: right;
	width: 100%;
	margin: 0;
	padding: 0;
}

#menu-principal li,
#menu-categorias-blog li {
	display: inline-block;
}

#menu-principal li a,
#menu-categorias-blog li a {
	color: #3d3834;
	font-size: 15px;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 0;
}

#menu-principal li a:hover,
#menu-principal li.current-menu-item a,
#menu-categorias-blog li a:hover,
#menu-categorias-blog li.current-menu-item a {
	color: #f46177;
}

#menu-principal .boton {
	color: #fff;
	margin-left: 15px;
}

#menu-principal .boton a,
#menu-principal .boton a:hover {
	color: #fff;
	margin-left: 0;
}

/*Columnas*/
section {
	float: left;
	width: 100%;
	background-color: #fff;
}

.content {
	float: left;
	width: 100%;
	padding: 50px 0;
}

.content ul,
.content ol {
	margin-bottom: 1.8em;
}

.content li {
	margin-bottom: 10px;
	list-style: inside;
}

.content li ul,
.content li ol {
	padding-left: 15px;
}

.content a {
	color: #f46177;
}

.content a:hover {
	color: #9F404F;
}

.colLeft {
	float: left;
	width: 50%;
	padding-right: 20px;
}

.colRight {
	float: right;
	width: 50%;
	padding-left: 20px;
}

.colLeft4 {
	float: left;
	width: 25%;
	padding-right: 20px;
}

.colCentral4 {
	float: left;
	width: 25%;
	padding: 0 20px;
}

.colRight4 {
	float: right;
	width: 25%;
	padding-left: 20px;
}

/*Común*/
#cabecera {
	background-color: rgba(244, 97, 119, 0.8);
	float: left;
	position: relative;
	text-align: center;
	width: 100%;
}

#cabecera h2 {
	color: #fff;
	font-size: 30px;
	font-weight: 300;
	padding: 60px 15%;
	float: left;
	width: 100%;
	margin: 0;
}

.titulo {
	float: left;
	width: 100%;
	border-top: 1px solid #e6e9e8;
	border-bottom: 1px solid #e6e9e8;
	padding: 2px 0;
	margin-bottom: 25px;
}

.titulo span {
	float: left;
	width: 100%;
	border-top: 1px solid #e6e9e8;
	border-bottom: 1px solid #e6e9e8;
	padding: 15px 0;
}

.titulo h4 {
	font-size: 26px;
	font-weight: 400;
	margin: 0;
	float: left;
	color: #F46177;
	line-height: 41px;
}

.titulo i {
	color: #f46177;
	float: right;
	font-size: 42px;
}

.mensFooter {
	border-top: 1px solid #e6e9e8;
	float: left;
	padding: 50px 0 0;
	width: 100%;
}

.mensFooter p {
	float: left;
	font-size: 18px;
	font-style: italic;
	margin: 0;
	width: 38%;
}

.mensFooter a.boton {
	float: right;
	font-size: 18px;
}

/*Formularios*/
form.wpcf7-form {
	float: left;
	width: 100%;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
	margin-bottom: 15px;
	width: 100%;
}

form.wpcf7-form textarea{
	resize: none;
	height: 100px;
}

form.wpcf7-form .condiciones {
	display: flex;
	gap: 7px;
	font-size: 12px;
	margin-top: 5px;
	font-style: italic;
	width: 100%;
}

form.wpcf7-form .condiciones label {
	cursor: pointer;
}

form.wpcf7-form .condiciones label a {
	text-decoration: underline;
}

form.wpcf7-form input#aceptacion {
	float: none;
	margin-right: 5px;
	width: auto;
}

form.wpcf7-form input#enviar {
	float: right;
	width: auto;
}

form.wpcf7-form input.wpcf7-not-valid,
form.wpcf7-form textarea.wpcf7-not-valid {
	background-color: #FFE1E3;
}

form.wpcf7-form span.wpcf7-not-valid-tip,
div.wpcf7-validation-errors {
	display: none !important;
}

form.wpcf7-form .wpcf7-form.sent .wpcf7-mail-sent-ok {
	display: none !important;
}

form.wpcf7-form .wpcf7-form.sent #enviar {
	border-color: #5DC43F;
	color: #5DC43F;
}

form.wpcf7-form .oculto {
	display: none;
}

/*Inicio*/
#home {
	float: left;
	width: 100%;
}

#slider {
	float: left;
	width: 100%;
}

#slider .item {
	float: left;
	width: 100%;
	height: 325px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

#slider .centrar {
	position: relative;
	z-index: 9;
	margin-top: 66px;
}

#slider .item .centrar img {
	width: auto;
	height: auto;
}

#slider,
#slider p,
#slider h1,
#slider h2,
#slider h4,
#slider h5,
#slider h6 {
	color: #fff;
}

#slider .boton {
	font-size: 18px;
	margin-top: 15px;
}

#slider h2 {
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 15px;
}

#slider .owl-nav div {
	color: #fff;
	font-size: 100px;
	line-height: 47px;
	position: absolute;
	text-align: center;
	top: 35%;
	opacity: 0.5;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#slider .owl-nav div:hover {
	opacity: 1;
}

#slider .owl-nav .owl-prev {
	left: 25px;
}

#slider .owl-nav .owl-next {
	right: 25px;
}

.bannerInicio {
	width: 100%;
	margin-top: 50px;
	float: left;
}

.bannerInicio.movil {
	display: none;
}

/*Formación Inicio*/
.titulo.formacion {
	margin-top: 50px;
}

#formacionInicio {
	float: left;
	margin-top: 20px;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e6e9e8;
	padding-bottom: 35px;
}

#formacionInicio li {
	float: left;
	width: 100%;
	list-style: none;
}

#formacionInicio li img {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#formacionInicio li em.categorias {
	margin-bottom: 5px;
}

#formacionInicio .owl-nav div {
	color: #e6e9e8;
	font-size: 80px;
	position: absolute;
	top: 42%;
	height: 100px;
	margin-top: -50px;
}

#formacionInicio .owl-nav .owl-prev {
	left: -100px;
}

#formacionInicio .owl-nav .owl-next {
	right: -100px;
}

#inicio .catCursos.tipo {
	float: left;
	width: 30%;
}

#inicio .catCursos.perfil {
	float: right;
	text-align: right;
	width: 70%;
}

#inicio .catCursos i {
	display: inline-block;
	margin-right: 5px;
}

#inicio .catCursos a {
	display: inline-block;
	padding: 3px 15px;
	border: 1px solid #e6e9e8;
	border-radius: 50px;
	margin-left: 5px;
	margin-bottom: 5px;
}

#formacionInicio li h3 {
	font-weight: 600;
	color: #3d3834;
	margin-bottom: 0.8em;
	font-size: 18px;
}

/*Blog inicio*/
#blogInicio {
	float: left;
	margin-top: 20px;
	position: relative;
	width: 100%;
}

#blogInicio li {
	float: left;
	list-style: outside none none;
	width: 100%;
}

#blogInicio li img {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

/*Formación*/
#formacion .colLeft {
	width: 230px;
	padding-right: 0;
	position: sticky;
	top: 10px;
}

#formacion .colRight {
	width: calc(100% - 230px);
	padding-left: 10px;
}

ul.formacion {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-bottom: -10px;
	gap: 10px;
}

ul.formacion#realizados {
	filter: grayscale(100%);
	pointer-events: none;
}

ul.formacion > li {
	display: flex;
	flex-direction: column;
	border: 1px solid #e6e9e8;
	border-radius: 10px;
	overflow: hidden;
	list-style: none;
	position: relative;
}

ul.formacion > li .infoCurso{
	width: 100%;
	padding: 20px;
}

ul.formacion > li.title {
	padding: 0;
	border: 0;
	text-transform: uppercase;
}

ul.formacion > li .thumb {
	width: 100%;
	display: flex;
}

ul.formacion > li img {
	float: left;
	width: 100%;
	padding-right: 0;
	border-radius: 10px 10px 0 0;
	float: left;
}

ul.formacion > li div.infoCurso > span,
ul.formacion > li h3 {
	width: 100%;
	color: #3d3834;
}

ul.formacion > li div.infoCurso > span {
	font-size: 14px;
	margin-bottom: 10px;
}

div.infoCurso > span {
	float: left;
	width: 100%;
	font-size: 14px;
	margin-bottom: 10px;
}

div.infoCurso .horarios {
	padding-left: 20px;
	float: left;
}

div.infoCurso .horarios strong {
	clear: both;
	margin-right: 5px;
	float: left;
}

div.infoCurso .horarios .hora {
	float: left;
}

div.infoCurso .horarios .hora::after {
	content: ' | ';
	margin: 0 3px;
	display: inline-block;
}

div.infoCurso .horarios .hora:last-child::after {
	display: none;
}

ul.formacion > li div.infoCurso > span:last-child,
div.infoCurso > span:nth-last-child(2) {
	margin-bottom: 0;
}

div.infoCurso .estado {
	position: absolute;
	top: 0;
	right: 0;
	text-transform: uppercase;
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 0 0 0 5px;
}

em.categorias {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	color: #B4B7B7;
}

em.categorias a {
	color: #B4B7B7;
}

#singleContent div.infoCurso {
	width: 100%;
	padding: 20px;
	margin: 0;
	background-color: #f5f5f5;
	position: relative;
	float: left;
}

#singleContent div.infoCurso > span {
	width: 100%;
}

.boton.botonInscribirseCurso.single {
	width: 160px;
	float: right;
}

/*Blog entradas de formación*/
#accionesCurso {
	float: left;
	width: 100%;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 50px 0;
	text-align: center;
}

.inscribete {
	float: left;
	width: 100%;
	text-align: center;
}

#accionesCurso > a,
.inscribete > a.boton {
	display: inline-block;
	float: none;
	margin: 0 10px 10px;
}

#accionesCurso > p {
	margin: 0;
}

#accionesCurso > div {
	border-top: 1px dashed #eee;
	display: none;
	float: left;
	margin-top: 50px;
	padding-top: 50px;
	text-align: left;
	width: 100%;
}

/*El Centro*/
#elCentro .colLeft {
	width: 60%;
}

#elCentro .colRight {
	width: 40%;
}

#galeria {
	float: left;
	width: 100%;
	position: relative;
}

#galeria li {
	list-style: none;
	float: left;
	width: 100%;
}

#galeria .owl-nav div {
	color: #e6e9e8;
	font-size: 80px;
	position: absolute;
	top: 22%;
}

#galeria .owl-nav .owl-prev {
	left: -100px;
}

#galeria .owl-nav .owl-next {
	right: -100px;
}

#contentEquipo {
	border-top: 1px solid #e6e9e8;
	float: left;
	padding-top: 50px;
	width: 100%;
	position: relative;
}

#contentEquipo .colLeft {
	width: 40%;
	float: left;
}

#contentEquipo .colRight {
	width: 60%;
	float: left;
}

#equipo {
	float: left;
	width: 100%;
	text-align: center;
}

#equipo li {
	display: inline-block;
	float: left;
	list-style: outside none none;
	padding: 10px;
	width: 20%;
}

#equipo li img:hover {
	cursor: pointer;
	opacity: 0.8;
}

#equipo li img {
	float: left;
	height: auto;
	width: 100%;
}

#equipo li.areaMedica img {
	border: 5px solid #0099a8;
}

#equipo li.areaPsicologica img {
	border: 5px solid #4dc1df;
}

#equipo li.areaTerapeutica img {
	border: 5px solid #fed671;
}

#equipo li.areaPersonal img {
	border: 5px solid #f46177;
}

#equipo li .contEquipo {
	display: none;
}

#equipo li h2,
#equipo li em,
#equipo .descripcion {
	float: left;
	margin-bottom: 0;
	width: 100%;
}

#equipo .descripcion p {
	text-align: left;
	font-size: 13px;
	margin-top: 20px;
}

.content ul.areas {
	float: left;
	width: 100%;
	margin: 15px 0 30px;
}

.content ul.areas li {
	float: left;
	width: 25%;
	list-style: none;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 13px;
	border-left: 1px solid #ccc;
	margin-bottom: 20px;
}

/*Pestañas*/
.pestanas {
	float: left;
	width: 100%;
}

.pestanas li {
	list-style: none;
	float: left;
	width: 100%;
	margin-bottom: 2px;
}

.pestanas li > h3 {
	background-color: #e6e9e8;
	border-radius: 5px;
	float: left;
	font-size: 16px;
	color: #999;
	font-weight: normal;
	margin-bottom: 0;
	padding: 15px 50px 15px 20px;
	width: 100%;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.pestanas li > h3.active,
.pestanas li > h3:hover {
	background-color: #C4C9C9;
	cursor: pointer;
	color: #fff;
}

.pestanas li > h3 > i {
	color: #999;
	font-size: 40px;
	position: absolute;
	right: 15px;
	top: 5px;
}

.pestanas li > h3.active > i,
.pestanas li > h3:hover > i {
	color: #fff;
}

.pestanas li > span {
	float: left;
	width: 100%;
	border: 1px solid #e6e9e8;
	padding: 25px;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: none;
}

/*Qué hacemos*/
#servicios .area {
	float: left;
	width: 49%;
	margin-bottom: 50px;
	border-left: 5px solid #ccc;
}

#servicios .area:nth-child(2n+2) {
	float: right;
}

#servicios .area h2 {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.5px;
	padding: 10px 15px 10px 25px;
	margin-bottom: 20px;
}

#servicios .area.area-terapeutica {
	border-color: #fed671;
	float: right;
}

#servicios .area.area-terapeutica h2 {
	background-color: #fed671;
}

#servicios .area.area-psicologica {
	border-color: #4dc1df;
	float: right;
}

#servicios .area.area-especialidades h2 {
	background-color: #f46177;
}

#servicios .area.area-especialidades {
	border-color: #f46177;
	float: left;
}

#servicios .area.area-psicologica h2 {
	background-color: #4dc1df;
}

#servicios .area.area-medica {
	border-color: #0099a8;
	float: right;
}

#servicios .area.area-medica h2 {
	background-color: #0099a8;
}

#servicios .area > div {
	float: left;
	width: 100%;
	margin-bottom: 15px;
	padding-left: 20px;
}

#servicios .area > div:last-child {
	margin-bottom: 0;
}

#servicios .area > div:last-child p {
	margin-bottom: 0;
}

#servicios .area > div img {
	float: left;
	width: 35%;
	padding-right: 20px;
}

#servicios .area > div .contenido {
	float: left;
	width: 65%;
}

#servicios .area>div .contenido h3 span {
	padding: 2px 5px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #e6e9e8;
	color: #999;
	transform: translateY(-2px);
	display: inline-block;
}

#blog.singleServicio h1 {
	margin-top: 0;
}

#blog.singleServicio h1 span {
	padding: 2px 5px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #e6e9e8;
	color: #999;
	transform: translateY(-2px);
	display: inline-block;
}

/*Contacto*/
.contactos{
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contactos li {
	font-size: 18px;
	list-style: none;
	margin-bottom: 5px;
}

.contactos li a {
	color: #999;
}

.contactos li i {
	font-size: 20px;
	margin-right: 10px;
	text-align: center;
	width: 20px;
}

.hours li{
	font-size: 18px;
	list-style: none;
}

#contMapa {
	width: 100%;
	border-top: 1px solid #e6e9e8;
	float: left;
	padding-top: 50px;
}

#contMapa #gmap {
	height: 500px;
	float: left;
	width: 100%;
	max-width: 100%;
	margin-bottom: 50px;
}

#contMapa p {
	float: left;
}

#contMapa .boton {
	float: right;
}


/*Blog*/
.menu-categorias-blog-container {
	background-color: rgb(255 255 255 / 90%);
	float: left;
	width: 100%;
}

#menu-categorias-blog {
	width: 100%;
	text-align: left;
	padding: 15px 0;
	margin: 0 auto;
	max-width: 1250px;
	position: relative;
	display: block;
}

#menu-categorias-blog li a {
	margin-left: 0;
	margin-right: 10px;
}

#menu-categorias-blog li.current-menu-parent a {
	color: #f46177;
}

#blog .colLeft {
	width: 70%;
	padding-right: 0;
}

#blog .colRight {
	width: 30%;
	position: sticky;
	top: 10px;
}

ul.entradas {
	float: left;
	width: 100%;
}

ul.entradas li {
	border: 1px solid #e6e9e8;
	border-radius: 10px;
	float: left;
	list-style: outside none none;
	margin-bottom: 10px;
	padding: 25px;
	width: 100%;
}

ul.entradas li img {
	float: left;
	width: 50%;
	padding-right: 20px;
}

ul.entradas li .contenido {
	float: left;
	width: 50%;
}

ul.entradas li .fechaCategoria,
#blogInicio li .fecha {
	color: #999999;
	float: left;
	width: 100%;
	font-size: 13px;
	margin-bottom: 3px;
}

ul.entradas li h3 {
	float: left;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
	width: 100%;
}

#blogInicio li figure {
	width: 100%;
	margin: 0;
	float: left;
}

#blogInicio li figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	float: left;
}

ul.entradas li p {
	margin: 0;
}

.sidebar {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #e6e9e8;
	border-radius: 10px;
	overflow: hidden;
	float: left;
}

#blog .colRight .cta{
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 10px;
}

#blog .colRight .cta > a{
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 9;
}

#blog .colRight .cta .info{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 15px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 8;
	padding: 10px;
}

#blog .colRight .cta .info h4{
	font-size: 28px;
	color: white;
	margin-bottom: 0;
}

#blog .colRight .cta .info p{
	color: white;
	font-size: 16px;
	margin-bottom: 0;
}

#blog .colRight .cta .info a{
	font-size: 18px;
}

#blog .colRight .cta figure{
	width: 100%;
	height: 210px;
	margin: 0;
	filter: brightness(.4);
	transition: all 280ms ease;
}

#blog .colRight .cta figure img{
	width: 100%;
	height: 100%;
	float: left;
	object-fit: cover;
}

/* #blog .colRight .cta figure::after{
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #32c8e3;
	opacity: .7;
} */

#blog .colRight .cta:hover figure{
	filter: brightness(0.7);
}

.sidebar:last-child {
	margin-bottom: 0;
}

.sidebar:empty {
	border: 0;
}

.sidebar .sidebarTitulo{
	background-color: #e6e9e8;
	border-radius: 10px 10px 0 0;
	color: #999;
	float: left;
	font-size: 16px;
	font-weight: normal;
	padding: 15px 5px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	margin-bottom: 0;
}

.sidebar > ul,
.sidebar > div {
	float: left;
	padding: 20px;
	width: 100%;
	margin: 0;
}

.sidebar ul li {
	float: left;
	width: 100%;
}

.sidebar > ul > li {
	list-style: none;
	display: block;
	border-bottom: 1px solid #e6e9e8;
}

.sidebar > ul > li:last-child {
	border-bottom: none;
}

.sidebar ul > li > a {
	color: #3d3834;
	padding: 0;
	float: left;
	width: 100%;
}

.sidebar .relacionados {
	float: left;
	width: 100%;
}

.sidebar .relacionados li img {
	float: left;
	width: 25%;
}

.sidebar .relacionados li .contenido {
	float: right;
	padding: 10px 0 10px 15px;
	width: 75%;
}

.sidebar .relacionados li .contenido h3 {
	font-size: 13px;
	font-weight: normal;
	line-height: 17px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}

/*Single Blog*/
#menuSingle {
	background-color: #f6f6f6;
	float: left;
	margin: 0;
	padding: 50px 20px;
	width: 100%;
	margin-bottom: 50px;
}

#singleContent {
	border: 1px solid #e6e9e8;
	border-radius: 10px;
	float: left;
	width: 100%;
	padding: 50px;
	position: relative;
}

#singleContent .fechaCategoria {
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

#singleContent h1,
#singleContent h2,
#singleContent h3,
#singleContent h4,
#singleContent h5 {
	margin: 1.2em 0 0.5em;
}

h1#tituloCurso {
	margin-top: 0;
}
#slider h6.labelBeca, #blog h6.labelBeca {
	color: white;
	font-size: 18px;
	margin-top: -12px;
	font-weight: 500;
	background-color: #fdd15e;
	border-radius: 5px;
	width: fit-content;
	padding: 5px 10px;
}

#blog h6.labelBeca{
	margin-top: -5px;
}


#blogInicio h6.labelBeca{
	color: white;
	font-size: 14px;
	font-weight: 600;
	background-color: #fdd15eba;
	width: fit-content;
	padding: 10px 10px;
	position: absolute;
    top: 0px;
    right: 0;

}

.contentCurso {
	float: left;
	width: 100%;
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

.compartirRs {
	float: left;
	margin-top: 50px;
	text-align: center;
	width: 100%;
}

.compartirRs a.whatsapp {
	display: none;
}

.compartirRs a i {
	background-color: #999;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	margin: 0 10px;
	text-align: center;
	width: 50px;
}

#disqus_thread {
	border-top: 1px solid #eee;
	float: left;
	margin-top: 50px;
	padding-top: 50px;
	width: 100%;
}

/*Footer*/
footer {
	float: left;
	width: 100%;
}

footer section {
	float: left;
	padding: 50px 0;
}

footer .col1,
footer .col2,
footer .col3,
footer .col4 {
	width: 20%;
	float: left;
	border-top: 1px solid #e6e9e8;
	padding-top: 25px;
	padding-bottom: 25px;
}

footer .col4 {
	width: 40%;
	padding-left: 40px;
}

footer .colFull#colaboradores {
	width: 100%;
	float: left;
	border-top: 1px solid #e6e9e8;
	padding-top: 50px;
}

footer .colFull#colaboradores h5 {
	width: 100%;
	float: left;
	margin-right: 10px;
	font-size: 14px;
	font-weight: 400;
	line-height: 29px;
}

footer .colFull#colaboradores span {
	margin-left: 20px;
	float: left;
}

footer .colFull#colaboradores a:nth-child(2) {
	margin-left: 0;
}

footer .colFull#colaboradores img {
	max-width: 200px;
	float: left;
}

footer li {
	list-style: none;
	display: block;
	margin-bottom: 10px;
}

footer #barraFooter {
	float: left;
	color: #fff;
	width: 100%;
	padding: 20px 0;
	text-align: right;
	background-color: rgba(0, 0, 0, 0.5);
}

footer #barraFooter p,
footer #barraFooter a {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

footer #barraFooter span {
	width: 3px;
	height: 3px;
	margin: 0 10px;
	border-radius: 3px;
	background-color: #fff;
	display: inline-block;
	position: relative;
	top: -2px;
}

footer #copyR {
	float: left;
	color: #fff;
}

footer #barraFooter #neobrand {
	width: 16px;
	overflow: hidden;
	transition: all 280ms ease;
	float: right;
	position: relative;
	top: 3px;
}

footer #barraFooter #neobrand::before,
footer #barraFooter #neobrand::after {
	display: none;
}

footer #barraFooter #neobrand img {
	width: auto;
	max-width: none;
	height: 20px;
	opacity: 1;
}

body #cookies-eu-banner {
	padding: 20px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

body #cookies-eu-label {
	max-width: 980px;
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 400;
	color: #999;
}

body #cookies-eu-label a {
	color: #f46177;
	font-weight: 400;
}

body #cookies-eu-accept,
body #cookies-eu-reject {
	border-radius: 20px;
	font-size: 13px;
}

body #cookies-eu-reject {
	border-width: 0;
	border-color: #999;
	color: #999;
}

body #cookies-eu-accept {
	background-color: #f46177;
}