body img {
	max-width: 100%;
}

.imagen_principal_ficha_pública {
	max-width: 100%;
}

.formulario_elemento_text, .form-control:focus {
    border: 1px solid #777 !important;
}

a {
	text-decoration:none;
}

.nav-link {
	color: #ff4b3a;
}

.nav-link:hover {
	color: #ff4b3a99;
}

.active {
	color: #ff4b3a !important;
	text-decoration:underline;
}

.boton_desconectar {
	color: red;
	font-size: 0.8em;
}

.boton_desconectar a {
	color: red !important;
}



#foto_usuario_barra {
	max-width: 36px;
	border-radius: 4rem;
}

#foto_usuario_barra_grande {
	max-width: 128px;
	border-radius: 4rem;
}

.new-input {
  width: 100%!important;
	margin-right: 0px !important;
	padding: 0.7rem 1.5rem;
  font-size: 1.1rem !important;
  border-radius: 0.625rem !important;
  background-color: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
  color: #2C3E50;
  transition: color .2s ease;
	border:0px;
}

.large-input {
	width: 92% !important;
	padding: 10px !important;
}

.new-ext-home {
	padding-top:100px;
	margin:0 auto;
}

.bandera_idioma {
    max-width: 28px;
    border-radius: 0.2rem;
    margin-right: 10px;
}

/* nuevas categorías */

			.nueva_categoria_completa {
				background-image: url('cat_curos.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				height: 150px;
				overflow: hidden; 
				border-radius: 1rem;
			}
			
			.nueva_categoria_completa_overlay {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.nueva_categoria_completa_overlay:hover {
				background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
				cursor:pointer;
			}
			
			.nueva_categoria_completa_overlay h2 {
				font-size: 1.5rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				color: #fff;
			}
			.nueva_categoria_completa_overlay h3 {
				font-size: 2rem; 
			}
			.nueva_categoria_completa_overlay p {
				font-size: 1rem; 
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			
/* nuevos cursos del catalogo */

			.nuevo_curso_completo {
				background-image: url('cat_curos.jpg'); 
				background-size: cover;
				background-position: center;
				position: relative;
				height: 325px;
				overflow: hidden; 
				border-radius: 1rem;
				margin: 10px;
			}
			
			
			
			
			
			.nuevo_curso_completo_overlay {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.nuevo_curso_completo_overlay:hover {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); 
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
				cursor:pointer;
			}
			
			.nuevo_curso_completo_overlay:hover {
				cursor:pointer;
			}
			
			
			
			.nuevo_curso_completo_overlay h2 {
				font-size: 1.3rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 500;
				color: #fff;
			}
			.nuevo_curso_completo_overlay h3 {
				font-size: 0.8rem;
				text-align:left;
				color: #fff;
				margin-top: 5px;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			.nuevo_curso_completo_overlay p {
				font-size: 1rem; 
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 300;
			}
			
			.zona_info_curso_superior {
				position: absolute;
				top: 15px; 
				right: 15px;
				height: 50px; 
			}
			
			.zona_info_curso_superior_izquierda {
				position: absolute;
				top: 15px; 
				left: 15px;
				height: 50px; 
			}
			
			.etiqueta_nuevo_curso {
				display:inline;
				padding: 3px 5px;
				border-radius: 4rem;
				color: #333;
				font-size:0.7rem;
				background: #eee;
				margin:0 auto;
				margin-right: 5px;
			}
			
			.etiqueta_infinity {
				font-size: 1rem;
				padding: 5px 8px;
			}
			
			.zona_de_etiquetas {
				text-align:left;
			}
			
/* nuevo diseño para los conocimientos */

			.nueva_categoria_pildora {
				padding: 0.5rem 1rem;
				border-radius: 4rem;
				background: #eee;
				color: #999;
				font-size: 1rem;
				display:inline-block;
				margin: 5px;
			}
			
			.nueva_pildora_general {
				padding: 2px 5px;
				border-radius: 4rem;
				background: #333;
				color: #fff;
				font-size: 0.75rem;
				display:inline-block;
				margin: 5px;
			}
			
			
/* nuevo header del catálogo interno de una categoría */

			.img-categoria{
				min-height: 130px !important;
			}
			
			.migas_catalogo {
				font-size: 1em;
				padding-top:50px;
			}
			
			.migas_catalogo a{
				text-decoration:none;
			}
			
			.img-categoria_overlay {
				background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.2) 100%); 
				color: white;
				text-align: center; 
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				display: flex;
				justify-content: flex-end;
				border-radius: 1rem 1rem 0px 0px;
				padding: 20px;
				flex-direction: column;
				-webkit-transition: all 500ms ease-in-out;
				-moz-transition: all 500ms ease-in-out;
				-o-transition: all 500ms ease-in-out;
				transition: all 500ms ease-in-out;
			}
			
			.img-categoria_overlay h2 {
				font-size: 1.8rem;
				text-align:left;
				font-family: 'Montserrat', sans-serif;
				font-weight: 700;
				color: #fff;
			}
			
/* componentes del slider */

.zona-migas-de-pan {
	margin-bottom: 20px;
}

.zona-pre-footer {
	margin-top: 20px;
	margin-bottom: 20px;
}

.zona-titulo-catalogo {
	margin-bottom: 20px;
}

.slider-cursos-xxx-nav {
	text-align:right;
}

.slick-prev, .slick-next {
	padding: 10px;
	background: #f6f7fb;
	border-radius: 4rem;
	font-size: 24px;
	transition: all .2s ease-in-out;
	margin-right: 5px;
}

.slick-prev:hover, .slick-next:hover {
	background: #eee;
	transition: all .2s ease-in-out;
}


/* elementos de la estructura general */

.logo img {
	max-width: 220px;
	margin-right: 20px !important;
}

#boton-contextual-busqueda, #boton-contextual-traduccion {
	margin-right: 20px !important;
	margin-top: 5px !important;
	font-size: 1.5em;
}

.icono-barra-superior {
	font-size: 1.5em;
	position:relative;
	top:5px;
}

.btn-close {
    --bs-btn-close-focus-shadow: none;
}

.header-catalogo {
	background-color:#fff;
	min-height: 90px;
}

#zona_texto_exterior_superior_catalogo_ext, #zona_texto_exterior_inferior_catalogo_ext {
	text-align:left;
}

.align_center {
	text-align:center;
}

.boton {
	display:inline;
	margin:0 auto;
}

.padding_10p {
	padding:10px;
}

#imagen_curso_ext{
	margin-top:100px !important;
}

.texto-menu-superior {
	display:block;
	font-size: 0.8em;
	margin-top: 5px;
}


@media (max-width: 1000px) {
	
	.texto-menu-superior {
		display:none;
	}
	
	.new-ext-home {
		padding-top:130px;
	}
}
	
	
@media (max-width: 700px) {
	#imagen_curso_ext{
		margin-top:185px !important;
	}
	
	.new-ext-home {
		padding-top: 180px;

}