.modo_oscuro-govco .nivel-secundario.items_float,
.modo_oscuro-govco .fondo-seccion-1 { background-color: #000; }
.modo_oscuro-govco .container-navbar-menu-govco,
.modo_oscuro-govco .navbar-menu-govco ul.navbar-nav li,
.modo_oscuro-govco .navbar-collapse-menu-govco,
.modo_oscuro-govco .card,
.modo_oscuro-govco .form-control { background-color: #222 !important; }
.modo_oscuro-govco .navbar-menu-govco ul.navbar-nav li a { color: #fff !important; }


body { font-family: 'Montserrat-Regular'; overflow-x: hidden; }
.layout-container { margin: 0 !important; }										   
.text-justify { text-align: justify; }
button.btn-icon.small { width: 30px; height: 30px; font-size: 16px; }																	 

.nivel-base {
    z-index: 1;
}

.nivel-primario {
    z-index: 2;
}

.nivel-secundario {
    z-index: 10;
}

/* .flotar-carrusel {
    margin-top: 10px;
} */

.nivel-secundario.items_float { position: relative; max-width: 100%; background-color: #F4F6F6; }
.nivel-secundario.items_float > .row { max-width: 90%; margin: 0 auto; background-color: #ffff; }
.nivel-secundario.items_float > .row > div { border-radius: 0; }
.nivel-secundario.items_float > .row > div > .card { border: none; border-radius: 0; padding: 40px; margin-top: -25px; }


.contenedor-atras {
    background-color: #F4F6F6;
    /* margin-top: -60px; */
    width: 100%;
    height: 80px;
}

.contenedor-img-fondo {
    /* background-color: #F4F6F6; */
    z-index: 1;
    width: 100%;
    position: absolute;
}

.contenedor-img-fondo div{       
    text-align: right; 
}

.contenedor-img-fondo img{
    width: 50%;
}

.fondo-seccion-1 {
    /* background-color: #F4F6F6; */
		position: relative;
    z-index: 2;  
		padding: 40px 30px;     
    /* margin-top: -540px; */
}

.fondo-seccion-1 img { z-index: 1; position: relative;  }

.fondo-seccion-2 {
    /*linear-gradient(90.8deg, rgb(255, 255, 255) 16.69%, rgba(0, 0, 0, 0.4) 80%),*/
    background-image: url("/sites/default/files/Distrito-turistico-de-cartagena-pso.jpg");
    background-size: cover;
    color: white;
}

.cartagena_divisor { opacity: 1; border-radius: 20px; }
.cartagena_description { font-size: 18px; font-weight: 600; }

.tarjeta-1 {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #F4F6F6;
    height: 180px;
    padding: 25px;
    margin: 15px;
    border-radius: 20px;
    text-align: center;
    /*color: #212529;*/
}

/*
.tarjeta-1 span {
    color: #8dbe19;
}

.tarjeta-1 h3 {
    color: #c2370d;
}
*/

.tarjeta-1 p {
    color: #212529;
    font-weight: 600;
    margin-bottom: 0;
}

.tarjeta-1-contenido-1 {
    color: #fd7e14;
}

.tarjeta-1-contenido-2 {
    color: #198754;
}

.tarjeta-1-contenido-3 {
    color: #ffc107;
}

.tarjeta-1-contenido-4 {
    color: #0d6efd;
}


.events_universities h2 { font-weight: 700; }
.events_universities hr { color: #0d6efd; opacity: 1; border-radius: 20px; }
.events_universities img { width: 100% !important; height: auto !important; object-fit: cover; }
.events_universities .title_item { font-weight: 700; }
.events_universities .text_date { color: #999; font-size: 14px; font-weight: 500; }

.region-inferior-bloque {
    position: relative;
    width: 100%;
    background-color: #EF7544;
    text-align: right;
    color: white;
    margin: 230px 0 180px 0;
}

.region-inferior h2 {
    padding: 60px 40px 60px 20px;
    text-align: left;
    font-weight: 600;
}

.region-inferior-img-1 {
    position: absolute;
    left: 20%;
    bottom: -120px;
    height: 470px;
}

.region-inferior-img-2 {
    position: absolute;
    width: 40%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.contenedor-cabecera {
    background-color: #fd7e14;
    color: #ffffff;
    text-align: center;
    height: 300px;
}

.contenedor-cabecera-fondo-titlulo {
    background-color: #EF7544;
    border-radius: 8px;
}

.contenedor-cabecera img {
    border-radius: 8px;
}

.contenedor-cabecera h2 {
    margin-top: -100px;
}

.contenedor-cabeceradescripcion {
    margin-top: 100px;
}

.contenedor-cabeceradescripcion p, .texto-justificado {
    text-align: justify;
}



.contenedor-cabecera-node {
    /*background-color: #e6e3e1;*//*fd7e14*/
    color: #555555;
    text-align: center;
    /*height: 300px;*/
}

.contenedor-cabecera-node-img-banner {
	z-index: 0;
	width: 100%;
	height: 470px;
}

.contenedor-cabecera-node-img-logo {
	z-index: 1;
	margin-top: -480px;
	border-radius: 10px;
}

.contenedor-cabecera-fondo-titlulo-node {
    /*background-color: #EF7544;*/
	/*color: #f5f2f2 !important;*/
    border-radius: 8px;
}

.break-page {
    page-break-after: always;
}

.no-break {
    page-break-inside: avoid;
}
/*
.contenedor-cabecera-node img {	
    border-radius: 10px;
    background-color: #ffffff;
}
*/

.contenedor-cabecera-node-h2 {
	z-index: 1;
    /*margin-top: -130px;*/
}

.contenedor-cabecera-node-h2-no-logo {
	z-index: 1;
    margin-top: -230px;
	color: #ccc;
}
/*
.contenedor-cabecera-node h2 {
    margin-top: 20px;
}*/
.contenedor-cuerpo-node {
    margin-top: 80px;
}

.sesion {
    display: none;
}

@media only screen and (max-width:991px) {
	.nivel-secundario.items_float > .row > div > .card { text-align: center; }
    .nivel-secundario.items_float > .row > div > .card button { margin: 0 auto; }
    .fondo-seccion-1 { text-align: center; }
    .fondo-seccion-1 button { margin: 0 auto; }
    .fondo-seccion-1 h3 { margin-top: 15px; }
    .events_universities { text-align: center; }
    .events_universities hr { margin: 0 auto; }
    .events_universities img { width: 80% !important; height: auto !important; }
    .events_universities .title_item { margin-top: 10px; }
    .events_universities button { margin: 0 auto; }
    .region-inferior-bloque { margin: 50% 0 0 0; }
    .region-inferior-img-1 { left: 50%; transform: translateX(-50%); }
    .region-inferior h2 { padding: 130px 25px 50px 25px; text-align: center; }
    .sesion { display: inherit; }
}




@media only screen and (max-width:767px) {
    .region-inferior-bloque { margin: 80% 0 0 0; }
    .region-inferior-img-1 { width: 80%; height: auto; left: 50%; transform: translateX(-50%); }
    .region-inferior h2 { padding: 190px 25px 50px 25px; text-align: center; }
    
    .region-inferior-img-2 {
        text-align: center;
        margin-left: 0px;
        width: 60%;
        margin-top: -100px;
    }

    .region-inferior {
        margin-top: -50px;
    }
}


.required_symbol { display: initial; color: var(--bs-orange); font-size: 16px; font-weight: 900; }

/* --------------------------------------------------------------------------------------------- */
/* ####################################### LOGIN SECTION ####################################### */
/* --------------------------------------------------------------------------------------------- */
#login_section { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px; 
	background: url('/sites/default/files/Fondo.jpg'); 
	font-size: 14px; }
#login_section .content { width: 30%; padding: 30px; background: #fff; border-radius: 12px;  }
#login_section .content .title { color: #3366cc; font-weight: 600; text-align: center; }
#login_section .content .form-label { font-weight: 600; }
#login_section .content .form-control { font-size: 14px; }

@media (max-width: 1199px) {
	#login_section .content { width: 50%; }
}
@media (max-width: 991px) {
	#login_section .content { width: 50%; }
}
@media (max-width: 767px) {
	#login_section .content { width: 80%; }
}
@media (max-width: 575px) {
	#login_section .content { width: 100%; }
}

/* --------------------------------------------------------------------------------------------- */
/* ###################################### REGISTER SECTION ##################################### */
/* --------------------------------------------------------------------------------------------- */
#register_section { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px; 
	background: url('/sites/default/files/Fondo.jpg'); 
	font-size: 14px; }
#register_section .content { width: 50%; padding: 30px; background: #fff; border-radius: 12px;  }
#register_section .content .title { color: #3366cc; font-weight: 600; text-align: center; }
#register_section .content .form-label { font-weight: 600; }
#register_section .content .form-control { font-size: 14px; }

@media (max-width: 1199px) {
	#register_section .content { width: 60%; }
}
@media (max-width: 991px) {
	#register_section .content { width: 80%; }
}
@media (max-width: 767px) {
	#register_section .content { width: 80%; }
}
@media (max-width: 575px) {
	#register_section .content { width: 100%; }
}

/* --------------------------------------------------------------------------------------------- */
/* ###################################### PROFILE SECTION ###################################### */
/* --------------------------------------------------------------------------------------------- */
#profile_section ::-webkit-scrollbar { width: 20px; }
#profile_section ::-webkit-scrollbar-track { background-color: transparent; }
#profile_section ::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.15);
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box; }
#profile_section ::-webkit-scrollbar-thumb:hover { background-color: rgba(0,0,0,.2); }

#profile_section { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 40px; 
	/* background: url('/sites/default/files/Fondo.jpg');  */
	background: #eee;
	font-size: 14px; }
#profile_section .row > div { padding: calc(var(--bs-gutter-x) * .5); }
#profile_section .content { background: #fff; border-radius: 12px; }
#profile_section .content .header { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px; 
	background-color: #fd7e14; 
	color: #fff;
	font-weight: 600;
	text-align: center;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px; }
#profile_section .content .header > i { margin-right: 10px; font-size: 22px; color: #d35705; }
#profile_section .content .body { max-height: 500px; overflow: overlay; padding: 25px; }
/* #profile_section .content .user_image { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; } */
#profile_section .content .group { margin-bottom: 10px; }
#profile_section .content .form-label { font-size: 12px; font-weight: 600; margin-bottom: 2px; }
#profile_section .content .form-control, #profile_section .content .form-select { font-size: 13px; }
#profile_section .content button { font-size: 14px; }
#user_image {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #fff;
	margin: 0 auto;
	margin-bottom: 30px;
}
#user_image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
#user_image input[type=file] { opacity: 0; cursor: pointer; position: absolute; width: 100%; height: 100%; border-radius: 50%; z-index:9999; }
.options_input_file {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(0,0,0,.5); }
.options_input_file > button { margin: 3px; outline: 2px solid #fff; }
.content_input_file:hover .options_input_file { display: flex; }
.options_input_file > button { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0; 
	margin: 4px; 
	outline: 2px solid #fff; }

/* --------------------------------------------------------------------------------------------- */
/* ########################################## PDF CV ########################################### */
/* --------------------------------------------------------------------------------------------- */
#PDF_CV { display: none; /*background: #f5f5f5;*/ padding-right: 17px; }
#PDF_CV .header { position: relative; padding: 40px; /*background: #dbeef4;*/ }
#PDF_CV .header .title {  text-align: center; }
#PDF_CV .header .title > h2 { font-weight: bold; }
#PDF_CV .header .title > h5 { margin-bottom: 0; }
.img-profile {

	width: /*180px*/ 250px;
	height: /*180px*/250px;
	border-radius: 50%;
	object-fit: cover;
	border: 5px white solid;
}
.color-custom{
	background-color: #F6F0EF;
}
#PDF_CV .body { padding: 40px; }
#PDF_CV .body * { font-size: 12px; }
#PDF_CV .body p { margin-bottom: 0; }
#PDF_CV .body .color_light { color: #999; }
#PDF_CV .body ul { margin-bottom: 0; padding-left: 1rem; }
#PDF_CV .body ul.personal_info { list-style: none; margin-top: 10px; }
#PDF_CV .body ul.personal_info > li { display: flex; align-items: center; margin-bottom: 5px; }
.personal_info li{
	list-style-type: none;
}
#PDF_CV .body ul.personal_info > li > i { width: 35px; font-size: 18px; text-align: center; }

/*#PDF_CV .card_section { background: #fff; border-radius: 12px; }*/
#PDF_CV .card_section { text-align: justify; }
#PDF_CV .card_section .head { 
	display: flex;
	
	align-items: center;
	padding: 10px; 
	padding-left: 25px;
	/*background-color: #dbeef4; */
	color: /*#7a8f96*/ #4D4D4D;
	font-weight: 600;
	text-align: left;
	/*border-top-left-radius: 10px; 
	border-top-right-radius: 10px;*/ }
#PDF_CV .card_section .head > i { margin-right: 10px; font-size: 22px; color: /*#a9c5ce*/ #4D4D4D; }
#PDF_CV .card_section .content { max-height: auto;padding: 25px;overflow-y: auto}
#PDF_CV .page-break { padding-top: 50px; }									  
.line-hr{
	color: #4D4D4D;
    padding: 1.5px;
    opacity: unset;
    margin-right: auto;
    margin-left: auto;
    width: 70%;
    /* margin: auto; */
}
/* @media (max-width: 1199px) {
	#profile_section .content { width: 60%; }
}
@media (max-width: 991px) {
	#profile_section .content { width: 80%; }
}
@media (max-width: 767px) {
	#profile_section .content { width: 80%; }
}
@media (max-width: 575px) {
	#profile_section .content { width: 100%; }
} */

/* --------------------------------------------------------------------------------------------- */
/* ################################### BUILDING CITY SECTION ################################### */
/* --------------------------------------------------------------------------------------------- */
#building_city_section + .govco-footer { margin-top: 0 !important; }
#building_city_section .section2 { 
	padding: 60px; 
	background: url('/sites/default/files/Fondo-Yo-soy-Cartagena-1.png');
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: 50% 150%; }
#building_city_section .section2 .title { font-weight: 600; }
#building_city_section .section2 .description { display: flex; flex-flow: column; justify-content: center; }
#building_city_section .section3 { position: relative; }
#building_city_section .section3 .description { 
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 60%;
	transform: translate(-50%, -50%);
	text-align: center;
}
#building_city_section .section3 .description > h4 { color: #fff; font-weight: 600; }
#building_city_section .section3 .description > h1 { color: #EF7544; font-weight: 600; }
#building_city_section .section4 { padding: 60px; }
#building_city_section .section5 { position: relative; }
#building_city_section .section5 .description { 
	position: absolute; 
	top: 50%;
	right: 0;
	width: 50%;
	transform: translate(0, -50%);
	padding: 50px;
	text-align: center;
	color: #fff;
}
#building_city_section .section5 .description > h2 { font-weight: 600; }
#building_city_section .section5 .description > p { font-size: 18px; font-weight: 600; margin-bottom: 0; }
#building_city_section .section6 { padding: 60px; padding-top: 0; }
#building_city_section .section6 .container-img-tarjeta-govco { padding: 20px; }
#building_city_section .section6 .container-img-tarjeta-govco > img { width: 100%; height: 100%; object-fit: contain; }
#building_city_section .section6 .description { font-weight: 600; text-align: center; margin-top: 30px; }
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco { padding: 20px; border-color: #E5EEFB !important; }
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco > h5 { text-decoration: none; font-size: 16px; }
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco > h5 > span { font-size: 16px; line-height: 1.1; font-weight: 600; color: #222; }
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco > div * { font-size: 14px; color: #222; }
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco > div h3,
#building_city_section .section6 .tarjeta-govco .body-tarjeta-govco > div p { line-height: 1.2; margin-top: 10px; }
#building_city_section .section6 .tarjeta-govco.vertical-tarjeta-govco:focus { outline: none; }
#building_city_section .section6 .tarjeta-govco.vertical-tarjeta-govco:hover .body-tarjeta-govco { border-color: #E5EEFB; }
#building_city_section .section6 .tarjeta-govco:hover, 
#building_city_section .section6 .tarjeta-govco:focus-visible, 
#building_city_section .section6 .tarjeta-govco:focus { box-shadow: none; }
#building_city_section .card-body:hover .tarjeta-govco.vertical-tarjeta-govco { border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%); }

@media (max-width: 991px) {
	#building_city_section .section2 { padding: 30px; }
	#building_city_section .section4 { padding: 20px; }
	#building_city_section .section5 .description { width: 55%; padding: 10px; }
	#building_city_section .section5 .description > h2 { font-size: 20px; line-height: 1.1; }
	#building_city_section .section5 .description > p { font-size: 16px; font-weight: 400; line-height: 1.1; }
}
@media (max-width: 767px) {
	#building_city_section .section2 { padding: 30px; }
	#building_city_section .section3 .description > h4 { font-size: 18px; }
	#building_city_section .section3 .description > h1 { font-size: 22px; }
	#building_city_section .section4 { padding: 20px; }
	#building_city_section .section5 .description { width: 55%; padding: 10px; }
	#building_city_section .section5 .description > h2 { font-size: 16px; line-height: 1.1; }
	#building_city_section .section5 .description > p { font-size: 14px; font-weight: 400; line-height: 1.1; }
}
@media (max-width: 575px) {
	#building_city_section .section2 { padding: 30px; }
	#building_city_section .section3 .description > h4 { font-size: 16px; }
	#building_city_section .section3 .description > h1 { font-size: 20px; }
	#building_city_section .section4 { padding: 20px; }
	#building_city_section .section5 .description { width: 55%; padding: 10px; }
	#building_city_section .section5 .description > h2 { font-size: 14px; line-height: 1.1; }
	#building_city_section .section5 .description > p { font-size: 12px; font-weight: 400; line-height: 1.1; }
	#building_city_section .section6 { padding: 30px; }
	#building_city_section .section6 .card-body { padding-left: 0; padding-right: 0; }
}

/* --------------------------------------------------------------------------------------------- */
/* ################################### MY FORMATION SECTION #################################### */
/* --------------------------------------------------------------------------------------------- */
#my_formation_section .section2 { padding: 60px; }
#my_formation_section .section2 .title { font-weight: 600; }
#my_formation_section .section2 .description { display: flex; flex-flow: column; justify-content: center; text-align: justify; }
#my_formation_section .section2 .theme_color { color: #EF7544; font-weight: 600; }
#my_formation_section .section3 { position: relative; }
#my_formation_section .section4 { padding: 60px; }
#my_formation_section .section4 .title { font-weight: 600; text-align: center; }
#my_formation_section .section4 .description { font-weight: 300; text-align: center; }
#my_formation_section .section4 .container-img-tarjeta-govco { padding: 20px; }
#my_formation_section .section4 .container-img-tarjeta-govco > img { width: 100%; height: 100%; object-fit: contain; }
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco { padding: 20px; border-color: #E5EEFB !important; }
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco > h5 { text-decoration: none; font-size: 16px; }
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco > h5 > span { font-size: 16px; line-height: 1.1; font-weight: 600; color: #222; }
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco > div * { font-size: 14px; color: #222; }
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco > div h3,
#my_formation_section .section4 .tarjeta-govco .body-tarjeta-govco > div p { line-height: 1.2; margin-top: 10px; }
#my_formation_section .section4 .tarjeta-govco.vertical-tarjeta-govco:focus { outline: none; }
#my_formation_section .section4 .tarjeta-govco.vertical-tarjeta-govco:hover .body-tarjeta-govco { border-color: #E5EEFB; }
#my_formation_section .section4 .tarjeta-govco:hover, 
#my_formation_section .section4 .tarjeta-govco:focus-visible, 
#my_formation_section .section4 .tarjeta-govco:focus { box-shadow: none; }
#my_formation_section .card-body:hover .tarjeta-govco.vertical-tarjeta-govco { border-color: #0a58ca; box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%); }

@media (max-width: 991px) {
	#my_formation_section .section2 { padding: 30px; }
}
@media (max-width: 767px) {
	#my_formation_section .section2 { padding: 30px; }
}
@media (max-width: 575px) {
	#my_formation_section .section2 { padding: 30px; }
	#my_formation_section .section4 { padding: 30px; }
	#my_formation_section .section4 .card-body { padding-left: 0; padding-right: 0; }
}

/* --------------------------------------------------------------------------------------------- */
/* ################################ BUILDING MY PROFILE SECTION ################################ */
/* --------------------------------------------------------------------------------------------- */
#building_my_profile_section .section2 { 
	padding: 60px; 
	background: url('/sites/default/files/Fondo-Yo-soy-Cartagena-1.png');
	background-size: 45%;
	background-repeat: no-repeat;
	background-position: 50% 150%; }
#building_my_profile_section .section2 .title { font-weight: 600; }
#building_my_profile_section .section2 .description { display: flex; flex-flow: column; justify-content: center; text-align: justify; }
#building_my_profile_section .section2 .theme_color { color: #EF7544; font-weight: 600; }
#building_my_profile_section .section3 { position: relative; }
#building_my_profile_section .section3 > img { height: 600px; object-fit: cover; object-position: bottom; }
#building_my_profile_section .section3 .description { 
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: #fff; 
	font-weight: 600;
}
#building_my_profile_section .section4 ul {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 30px;
	background: #ddd; 
}
#building_my_profile_section .section4 ul > li { 
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 40px; 
	font-weight: 600; 
	border-right: 2px solid #ccc; 
	text-align: center; }
#building_my_profile_section .section4 ul > li:last-child { border-right: none; border-bottom: none; }
#building_my_profile_section .section4 .image { padding: 20px; text-align: center; }
#building_my_profile_section .section4 .image > img { width: 80%; }

@media (max-width: 991px) {
	#building_my_profile_section .section2 { padding: 30px; }
	#building_my_profile_section .section2 .description { text-align: center; }
	#building_my_profile_section .section2 .description button { margin: 0 auto; }
	#building_my_profile_section .section3 .description { width: 80%; }
}
@media (max-width: 767px) {
	#building_my_profile_section .section2 { padding: 30px; }
	#building_my_profile_section .section2 .description { text-align: center; }
	#building_my_profile_section .section2 .description button { margin: 0 auto; }
	#building_my_profile_section .section3 .description { width: 80%; }
}
@media (max-width: 575px) {
	#building_my_profile_section .section2 { padding: 30px; }
	#building_my_profile_section .section2 .description { text-align: center; }
	#building_my_profile_section .section2 .description button { margin: 0 auto; }
	#building_my_profile_section .section3 .description { width: 80%; }
	#building_my_profile_section .section4 ul { flex-flow: column; align-items: center; font-size: 14px; }
	#building_my_profile_section .section4 ul > li { border-right: none; border-bottom: 2px solid #ccc; }
	#building_my_profile_section .section4 .image { padding: 0; }
	#building_my_profile_section .section4 .image > img { width: 100%; }
}


/* --------------------------------------------------------------------------------------------- */
/* ########################################## FORM ERRORS ########################################### */
/* --------------------------------------------------------------------------------------------- */

.form-item--error-message{
	color: red;
    font-weight: bold;
}


/* --------------------------------------------------------------------------------------------- */
/* ########################################## PREVIEW IMAGE - USER/-/EDIT ########################################### */
/* --------------------------------------------------------------------------------------------- */


/*Se otorga el tamaño al contenedor padre de la foto de perfil*/
.image-widget.js-form-managed-file.form-managed-file.clearfix {
    height: 140px;
	width: 140px;
}
/*Se omite descripción de la imagen*/

span.file.file--mime-image-jpeg.file--image {
    display: none;
}

/*Se omiten los ajax new content que se generan al momento de eliminar y cargar una nueva img*/
span.ajax-new-content {
    display: none;
}

/*Se omiten los msj de estado*/
div[role="contentinfo"] {
    display: none !important;
}
/* Border error */
[type="color"].error, [type="date"].error, [type="datetime-local"].error, [type="email"].error, [type="file"].error, [type="month"].error, [type="number"].error, [type="password"].error, [type="search"].error, [type="tel"].error, [type="text"].error, [type="time"].error, [type="url"].error, [type="week"].error, textarea.error {
    border: solid 2px #e33f1e;
}

/*H5P Styles*/

img.h5p-collage-image {
    display: block;
}

@font-face {
	font-family: 'Pacifico-Regular';
	src: url('/themes/custom/kituigovco/src/assets/fonts/Pacifico/Pacifico-Regular.ttf') format('truetype');
	font-style: Regular;
	font-weight: Regular;
  }

  .contenedor-tarjeta p {
	font-family: 'Pacifico-Regular';
	z-index: 2;
	margin-left: -78%;
	width: 73%;
	height: 58%;
	color: rgb(144, 53, 53);
}

.contenedor-tarjeta img {
	font-family: 'Pacifico-Regular';
	z-index: 1;
}