/* ==========================================================
   CURRÍCULUM MÉDICO
   FORMACIÓN + EXPERIENCIA + DOCENCIA + MEMBRESÍAS
   COMPATIBLE CON EL HTML ACTUAL
========================================================== */


/* ==========================================================
   CONTENEDOR PRINCIPAL
========================================================== */

.jbd-curriculum-wrapper .perfil-curriculum{
	width:100%;
	padding:15px;
	background:#F2F7FD;
	border-radius:12px;
	box-sizing:border-box;
}


/* ==========================================================
   BLOQUES CURRICULARES
========================================================== */

.jbd-curriculum-wrapper .curriculum-block{
	background:#FFFFFF;
	border:1px solid #E3EAF2;
	border-radius:12px;
	padding:16px;
	margin-bottom:14px;
	box-shadow:0 2px 6px rgba(16,42,114,.05);
	box-sizing:border-box;
	transition:box-shadow .25s ease;
}

.jbd-curriculum-wrapper .curriculum-block:hover{
	box-shadow:0 5px 15px rgba(16,42,114,.08);
}


/* ==========================================================
   ENCABEZADOS DE SECCIÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-header{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	margin:-16px -16px 14px -16px;
	background:#DDE1E6;
	border-bottom:1px solid #C9CED5;
	border-radius:12px 12px 0 0;
	box-sizing:border-box;
}


/* ==========================================================
   TÍTULO DE SECCIÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-header h3{
	margin:0 !important;
	padding:0 !important;
	font-size:18px !important;
	line-height:1.3;
	font-weight:700 !important;
	color:#102A72 !important;
}


/* ==========================================================
   ICONOS DE SECCIÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-icon{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	background:#102A72 !important;
	border-radius:50%;
	box-sizing:border-box;
}


/* ==========================================================
   SVG DE LOS ICONOS
========================================================== */

.jbd-curriculum-wrapper .curriculum-icon img{
	width:30px;
	height:30px;
	object-fit:contain;
	display:block;
	filter:brightness(0) invert(1);
}


/* ==========================================================
   LISTA CURRICULAR
========================================================== */

.jbd-curriculum-wrapper ul.curriculum-list{
	list-style:none !important;
	padding:0 !important;
	margin:0 !important;
}


/* ==========================================================
   ELEMENTOS DE LA LISTA
========================================================== */

.jbd-curriculum-wrapper ul.curriculum-list li{
	position:relative;
	padding-left:18px;
	margin:0 0 17px 0;
	color:#344054;
	font-size:15px;
	line-height:1.5;
	box-sizing:border-box;
}

.jbd-curriculum-wrapper ul.curriculum-list li:last-child{
	margin-bottom:0;
}


/* ==========================================================
   PUNTO DORADO
========================================================== */

.jbd-curriculum-wrapper ul.curriculum-list li::before{
	content:"";
	position:absolute;
	left:1px;
	top:8px;
	width:6px;
	height:6px;
	background:#F4C430;
	border-radius:50%;
}


/* ==========================================================
   SIN SEPARADORES
========================================================== */

.jbd-curriculum-wrapper ul.curriculum-list li + li{
	border-top:none;
}


/* ==========================================================
   TÍTULO PRINCIPAL
   FORMACIÓN / CARGO / SOCIEDAD
========================================================== */

.jbd-curriculum-wrapper .curriculum-list li strong{
	display:block;
	margin:0;
	color:#102A72;
	font-size:15px;
	font-weight:700;
	line-height:1.45;
}


/* ==========================================================
   INSTITUCIÓN
   EXPERIENCIA Y DOCENCIA
========================================================== */

.jbd-curriculum-wrapper .curriculum-institution{
	margin-top:7px;
	margin-left:24px;
	color:#5B6677;
	font-size:14px;
	font-weight:500;
	line-height:1.45;
}


/* ==========================================================
   PERIODOS DE MEMBRESÍAS
========================================================== */

.jbd-curriculum-wrapper .curriculum-period{
	display:flex;
	align-items:flex-start;
	margin:8px 0 0 24px;
	line-height:1.45;
}


/* ==========================================================
   AÑO
========================================================== */

.jbd-curriculum-wrapper .curriculum-year{
	display:inline-block;
	flex:0 0 78px;
	width:78px;
	margin:0 10px 0 0;
	padding:0;
	background:none;
	border-radius:0;
	color:#000000;
	font-size:12px;
	font-weight:800;
	line-height:1.45;
	text-align:left;
	white-space:nowrap;
	box-sizing:border-box;
}


/* ==========================================================
   CARGO / FUNCIÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-role{
	flex:1;
	min-width:0;
	color:#5B6677;
	font-size:14px;
	font-weight:500;
	line-height:1.45;
}


/* ==========================================================
   TÍTULO "PARTICIPACIÓN EN:"
========================================================== */

.jbd-curriculum-wrapper .curriculum-description-title{
	margin:12px 0 5px 24px;
	color:#102A72;
	font-size:13px;
	font-weight:700;
	line-height:1.4;
}


/* ==========================================================
   DESCRIPCIONES
========================================================== */

.jbd-curriculum-wrapper .curriculum-description{
	position:relative;
	margin:3px 0 0 24px;
	padding-left:12px;
	color:#5B6677;
	font-size:13.5px;
	font-weight:500;
	line-height:1.45;
}

.jbd-curriculum-wrapper .curriculum-description::before{
	content:"•";
	position:absolute;
	left:0;
	top:0;
	color:#F4C430;
	font-weight:700;
}


/* ==========================================================
   ACORDEÓN GENERAL
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-details{
	width:100%;
	margin-top:12px;
	border:0;
	border-radius:4px;
	background:#FFFFFF;
	overflow:hidden;
	box-sizing:border-box;
}


/* ==========================================================
   ENCABEZADO DEL ACORDEÓN
   VERDE
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-summary{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:11px 42px 11px 14px;
	background:#3FC1AA;
	color:#FFFFFF;
	font-family:inherit;
	font-size:15px;
	font-weight:600;
	line-height:1.4;
	text-align:left;
	cursor:pointer;
	list-style:none;
	box-sizing:border-box;
	border-radius:4px;
	transition:background .2s ease;
}


/* ==========================================================
   ELIMINAR MARCADOR NATIVO
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-summary::marker{
	display:none;
	content:"";
}

.jbd-curriculum-wrapper .curriculum-more-summary::-webkit-details-marker{
	display:none;
}


/* ==========================================================
   TEXTO DEL ACORDEÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-summary-text{
	display:block;
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-family:inherit;
	font-size:15px;
	font-weight:600;
	line-height:1.4;
	text-align:left;
}


/* ==========================================================
   SIGNO +
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-summary::after{
	content:"+";
	position:absolute;
	right:14px;
	top:50%;
	transform:translateY(-50%);
	color:#FFFFFF;
	font-size:22px;
	font-weight:700;
	line-height:1;
}


/* ==========================================================
   SIGNO − CUANDO ESTÁ ABIERTO
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-details[open] .curriculum-more-summary::after{
	content:"−";
}


/* ==========================================================
   HOVER DEL ENCABEZADO
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-summary:hover{
	background:#0762F7;
}


/* ==========================================================
   CONTENIDO DEL ACORDEÓN
   BLANCO
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-content{
	padding:14px;
	background:#FFFFFF;
	border:1px solid #D8D8D8;
	border-top:0;
	box-sizing:border-box;
}


/* ==========================================================
   BLOQUE DE MEMBRESÍAS DENTRO DEL ACORDEÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-content .curriculum-block{
	margin:0;
	box-shadow:none;
	border:1px solid #E3E3E3;
	border-radius:4px;
}


/* ==========================================================
   EVITAR HOVER FUERTE DENTRO DEL ACORDEÓN
========================================================== */

.jbd-curriculum-wrapper .curriculum-more-content .curriculum-block:hover{
	box-shadow:none;
}


/* ==========================================================
   MÓVIL
========================================================== */

@media(max-width:600px){

	.jbd-curriculum-wrapper .perfil-curriculum{
		padding:10px;
	}

	.jbd-curriculum-wrapper .curriculum-block{
		padding:12px;
		margin-bottom:12px;
		border-radius:10px;
	}

	.jbd-curriculum-wrapper .curriculum-header{
		gap:10px;
		padding:10px 12px;
		margin:-12px -12px 12px -12px;
		border-radius:10px 10px 0 0;
	}

	.jbd-curriculum-wrapper .curriculum-header h3{
		font-size:16px !important;
	}

	.jbd-curriculum-wrapper .curriculum-icon{
		width:38px;
		height:38px;
	}

	.jbd-curriculum-wrapper .curriculum-icon img{
		width:27px;
		height:27px;
	}

	.jbd-curriculum-wrapper ul.curriculum-list li{
		padding-left:17px;
		margin-bottom:14px;
		font-size:14px;
		line-height:1.5;
	}

	.jbd-curriculum-wrapper .curriculum-list li strong{
		font-size:14px;
		line-height:1.45;
	}

	.jbd-curriculum-wrapper .curriculum-institution{
		margin-top:6px;
		margin-left:22px;
		font-size:13.5px;
		line-height:1.45;
	}

	.jbd-curriculum-wrapper .curriculum-period{
		margin-top:7px;
		margin-left:22px;
	}

	.jbd-curriculum-wrapper .curriculum-year{
		flex:0 0 68px;
		width:68px;
		margin-right:8px;
		font-size:11.5px;
	}

	.jbd-curriculum-wrapper .curriculum-role{
		font-size:13px;
		line-height:1.45;
	}

	.jbd-curriculum-wrapper .curriculum-description-title{
		margin-left:22px;
		font-size:12.5px;
	}

	.jbd-curriculum-wrapper .curriculum-description{
		margin-left:22px;
		font-size:13px;
		line-height:1.45;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary{
		padding:10px 38px 10px 12px;
		font-size:14px;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary-text{
		font-size:14px;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary::after{
		right:12px;
		font-size:21px;
	}

	.jbd-curriculum-wrapper .curriculum-more-content{
		padding:10px;
	}

	.jbd-curriculum-wrapper .curriculum-more-content .curriculum-block{
		margin:0;
	}
}


/* ==========================================================
   MÓVILES MUY PEQUEÑOS
========================================================== */

@media(max-width:400px){

	.jbd-curriculum-wrapper .curriculum-header h3{
		font-size:15px !important;
	}

	.jbd-curriculum-wrapper .curriculum-icon{
		width:36px;
		height:36px;
	}

	.jbd-curriculum-wrapper .curriculum-icon img{
		width:25px;
		height:25px;
	}

	.jbd-curriculum-wrapper .curriculum-period{
		display:block;
		margin-left:22px;
	}

	.jbd-curriculum-wrapper .curriculum-year{
		display:block;
		width:auto;
		margin:0 0 2px 0;
	}

	.jbd-curriculum-wrapper .curriculum-role{
		display:block;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary{
		padding:9px 36px 9px 12px;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary-text{
		font-size:13.5px;
	}

	.jbd-curriculum-wrapper .curriculum-more-summary::after{
		right:11px;
		font-size:20px;
	}
}