/* Preserved ICC WPCode custom design, local to Aula Virtual ICC. */
/* =========================================================
   ICC – TUTOR LMS
   AJUSTES FINALES V5
   ========================================================= */


/* =========================================================
   BENEFICIOS NATIVOS
   ========================================================= */

.icc-academic-course
.tutor-course-details-widget-col-2{
	display:none !important;
}


/* =========================================================
   ¿QUÉ APRENDERÁS?
   ========================================================= */

.icc-learning-outcomes{
	margin:38px 0 30px;
	padding:28px 30px;

	border:1px solid #e1e7ef;
	border-radius:16px;

	background:#f8fafc;

	box-shadow:
		0 5px 20px rgba(13,27,51,.035);
}


.icc-section-heading{
	max-width:760px;
	margin-bottom:22px;
}


.icc-section-heading > span{
	display:block;

	margin-bottom:7px;

	color:#b71924;

	font-size:9px;
	line-height:1;

	font-weight:850;

	letter-spacing:.10em;

	text-transform:uppercase;
}


.icc-section-heading h2{
	margin:0 0 7px !important;

	color:#0d1b33 !important;

	font-size:25px !important;
	line-height:1.2 !important;

	font-weight:800 !important;

	letter-spacing:-.018em;
}


.icc-section-heading p{
	margin:0 !important;

	color:#667085;

	font-size:13.5px;
	line-height:1.6;
}


.icc-learning-grid{
	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:10px 12px;
}


.icc-learning-item{
	display:flex;

	align-items:flex-start;

	gap:10px;

	min-width:0;

	padding:12px 13px;

	border:1px solid #e6eaf0;
	border-radius:10px;

	background:#fff;
}


.icc-learning-check{
	flex:0 0 20px;

	display:flex;

	align-items:center;
	justify-content:center;

	width:20px;
	height:20px;

	margin-top:1px;

	border-radius:50%;

	background:#10213f;

	color:#fff;

	font-size:9px;
	line-height:1;

	font-weight:900;
}


.icc-learning-item p{
	margin:0 !important;

	color:#344054;

	font-size:12.5px !important;
	line-height:1.48 !important;

	font-weight:550;
}


/* =========================================================
   MATERIALES / DIRIGIDO / REQUISITOS
   ========================================================= */

.icc-v5-support-grid{
	display:grid;

	grid-template-columns:
		repeat(2,minmax(0,1fr));

	gap:18px;

	margin:0 0 38px;
}


.icc-v5-info-card{
	align-self:start;

	padding:24px;

	border:1px solid #e2e7ee;
	border-radius:15px;

	background:#fff;

	box-shadow:
		0 5px 20px rgba(13,27,51,.035);
}


.icc-v5-eyebrow{
	margin-bottom:7px;

	color:#b71924;

	font-size:9px;
	line-height:1;

	font-weight:850;

	letter-spacing:.1em;

	text-transform:uppercase;
}


.icc-v5-info-card h3{
	margin:0 0 15px;

	color:#0d1b33;

	font-size:19px;
	line-height:1.25;

	font-weight:800;
}


.icc-v5-info-card
.icc-v5-subtitle{
	margin-top:22px;
	padding-top:19px;

	border-top:1px solid #edf0f4;
}


.icc-v5-info-card ul{
	margin:0;
	padding:0;

	list-style:none;
}


.icc-v5-info-card li{
	position:relative;

	margin:0 0 9px;

	padding-left:17px;

	color:#344054;

	font-size:12.5px;
	line-height:1.58;
}


.icc-v5-info-card li:last-child{
	margin-bottom:0;
}


.icc-v5-info-card li::before{
	content:"";

	position:absolute;

	left:0;
	top:.68em;

	width:5px;
	height:5px;

	border-radius:50%;

	background:#b71924;
}


/* =========================================================
   DOCENTE
   ========================================================= */

.icc-v5-teacher{
	grid-column:1/-1;

	display:flex;

	align-items:center;

	gap:22px;

	padding:22px 24px;

	border:1px solid #e2e7ee;
	border-radius:15px;

	background:
		linear-gradient(
			135deg,
			#fff 0%,
			#f8fafc 100%
		);

	box-shadow:
		0 5px 20px rgba(13,27,51,.035);
}


.icc-v5-teacher-photo{
	flex:0 0 88px;
}


.icc-v5-teacher-photo img{
	display:block;

	width:88px;
	height:88px;

	object-fit:cover;
	object-position:center;

	border:4px solid #fff;

	border-radius:50%;

	box-shadow:
		0 6px 18px rgba(13,27,51,.16);
}


.icc-v5-teacher-content{
	flex:1 1 auto;
	min-width:0;
}


.icc-v5-teacher-content h3{
	margin:2px 0 3px;

	color:#0d1b33;

	font-size:20px;
	line-height:1.25;

	font-weight:800;
}


.icc-v5-teacher-role{
	margin-bottom:9px;

	color:#b71924;

	font-size:11.5px;
	line-height:1.4;

	font-weight:750;
}


.icc-v5-teacher-description{
	max-width:820px;

	color:#475467;

	font-size:12.5px;
	line-height:1.62;
}


.icc-v5-teacher-description p{
	margin:0 !important;
}


/* =========================================================
   QUITAR CUADRO NATIVO DE COMPRA/MATRÍCULA
   PARA NO MATRICULADOS
   ========================================================= */

.icc-academic-unenrolled
.tutor-single-course-sidebar >
.tutor-card{
	display:none !important;
}


/* =========================================================
   TARJETA DE ADMISIÓN
   ========================================================= */

.icc-v5-admission-box{
	overflow:hidden;

	border:1px solid #dde4ec;
	border-radius:16px;

	background:#fff;

	box-shadow:
		0 11px 34px rgba(13,27,51,.09);
}


.icc-v5-admission-main{
	padding:23px;
}


.icc-v5-admission-kicker{
	margin-bottom:8px;

	color:#b71924;

	font-size:9px;
	line-height:1;

	font-weight:850;

	letter-spacing:.10em;

	text-transform:uppercase;
}


.icc-v5-admission-main h3{
	margin:0 0 9px;

	color:#0d1b33;

	font-size:19px;
	line-height:1.27;

	font-weight:800;

	letter-spacing:-.01em;
}


.icc-v5-admission-main p{
	margin:0 0 18px;

	color:#667085;

	font-size:12.5px;
	line-height:1.6;
}


/* =========================================================
   BOTÓN SOLICITA ADMISIÓN
   ========================================================= */

.icc-v5-admission-btn{
	display:flex;

	align-items:center;
	justify-content:center;

	gap:9px;

	width:100%;

	min-height:54px;

	padding:13px 16px;

	border:1px solid #0d1b33;
	border-radius:10px;

	background:#0d1b33;

	color:#fff !important;

	font-size:15px;
	line-height:1.25;

	font-weight:850;

	text-align:center;
	text-decoration:none !important;

	transition:
		background .18s ease,
		border-color .18s ease,
		transform .18s ease;
}


.icc-v5-admission-btn span{
	font-size:17px;
}


.icc-v5-admission-btn:hover{
	background:#b71924;

	border-color:#b71924;

	color:#fff !important;

	transform:translateY(-1px);
}


/* =========================================================
   SECCIÓN WHATSAPP
   ========================================================= */

.icc-v5-whatsapp-section{
	display:block !important;
	visibility:visible !important;
	opacity:1 !important;
	height:auto !important;
	max-height:none !important;
	padding:21px 23px 23px;

	border-top:1px solid #e5eaf0;

	background:
		linear-gradient(
			180deg,
			#fbfffc 0%,
			#f5fbf7 100%
		);
}


.icc-v5-whatsapp-heading{
	display:flex;

	align-items:center;

	gap:10px;

	margin-bottom:11px;
}


.icc-v5-whatsapp-logo{
	flex:0 0 34px;

	display:flex;

	align-items:center;
	justify-content:center;

	width:34px;
	height:34px;

	border-radius:50%;

	background:#128c4e;

	color:#fff;

	font-size:14px;
	font-weight:900;
}


.icc-v5-whatsapp-kicker{
	margin-bottom:3px;

	color:#128c4e;

	font-size:8px;
	line-height:1;

	font-weight:850;

	letter-spacing:.09em;

	text-transform:uppercase;
}


.icc-v5-whatsapp-section h4{
	margin:0;

	color:#0d1b33;

	font-size:15px;
	line-height:1.3;

	font-weight:800;
}


.icc-v5-whatsapp-section > p{
	margin:0 0 16px;

	color:#52606d;

	font-size:12px;
	line-height:1.58;
}


/* =========================================================
   BOTÓN WHATSAPP
   ========================================================= */

.icc-v5-whatsapp-btn{
	display:flex !important;
	visibility:visible !important;
	opacity:1 !important;

	align-items:center;
	justify-content:center;

	gap:8px;

	width:100%;

	min-height:46px;

	padding:11px 14px;

	border:1px solid #128c4e;
	border-radius:9px;

	background:#fff;

	color:#0b7d43 !important;

	font-size:12.5px;
	line-height:1.3;

	font-weight:800;

	text-align:center;
	text-decoration:none !important;

	transition:
		background .18s ease,
		color .18s ease,
		transform .18s ease;
}


.icc-v5-whatsapp-btn:hover{
	background:#128c4e;

	color:#fff !important;

	transform:translateY(-1px);
}


/* =========================================================
   PEQUEÑO PULIDO DE TARJETA DEL CATÁLOGO
   ========================================================= */

.icc-course-title{
	letter-spacing:-.018em !important;
}


.icc-course-program{
	margin-top:2px;
}


.icc-course-dates{
	border-color:#edf0f4 !important;
}


.icc-course-dates > div:first-child{
	border-right-color:#e7ebf0 !important;
}


.icc-course-schedule{
	color:#475467 !important;

	font-weight:500;
}


.icc-course-teacher{
	margin-top:0 !important;
	padding-top:10px !important;
}


.icc-course-more{
	min-height:47px !important;
}


/* =========================================================
   PROGRAMA ACADÉMICO
   ========================================================= */

.icc-academic-course
.tutor-course-content-title{
	margin-top:42px !important;
}


.icc-academic-course
.tutor-accordion-item{
	margin-bottom:9px !important;

	border-color:#e4e9ef !important;

	border-radius:10px !important;

	box-shadow:
		0 2px 8px rgba(13,27,51,.025);
}


.icc-academic-course
.tutor-accordion-item-header{
	padding:15px 17px !important;

	font-size:12.5px !important;
	line-height:1.45 !important;

	font-weight:750 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1199px){

	/* Oculta únicamente la tarjeta nativa de inscripción de Tutor LMS. */
	.icc-academic-unenrolled
	.tutor-sidebar-card{
		display:none !important;
	}


	.icc-v5-admission-box{
		margin-top:20px;
	}


	.icc-learning-grid{
		grid-template-columns:
			repeat(2,minmax(0,1fr));
	}
}


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

@media(max-width:767px){

	.icc-academic-course .tutor-single-course-sidebar,
	.icc-academic-course .icc-v5-admission-box{
		height:auto !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.icc-v5-whatsapp-section{
		display:block !important;
		visibility:visible !important;
		opacity:1 !important;
		height:auto !important;
		max-height:none !important;
		overflow:visible !important;
	}

	.icc-v5-whatsapp-btn{
		display:flex !important;
		visibility:visible !important;
		opacity:1 !important;
		width:100% !important;
	}

	.icc-learning-outcomes{
		margin:28px 0 24px;
		padding:21px 18px;
	}


	.icc-section-heading{
		margin-bottom:18px;
	}


	.icc-section-heading h2{
		font-size:22px !important;
	}


	.icc-learning-grid{
		grid-template-columns:1fr;
		gap:9px;
	}


	.icc-learning-item{
		padding:11px 12px;
	}


	.icc-v5-support-grid{
		grid-template-columns:1fr;
		gap:14px;
	}


	.icc-v5-teacher{
		grid-column:auto;

		align-items:flex-start;

		gap:15px;

		padding:19px;
	}


	.icc-v5-teacher-photo{
		flex:0 0 70px;
	}


	.icc-v5-teacher-photo img{
		width:70px;
		height:70px;
	}


	.icc-v5-teacher-content h3{
		font-size:17px;
	}


	.icc-v5-admission-main{
		padding:20px;
	}


	.icc-v5-whatsapp-section{
		padding:19px 20px 20px;
	}


	.icc-v5-admission-btn{
		min-height:52px;

		font-size:14px;
	}


	.icc-course-title{
		font-size:18px !important;
		line-height:1.27 !important;
	}


	.icc-course-chips{
		row-gap:7px !important;
	}


	.icc-course-chips span{
		margin-bottom:2px;
	}
}


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

@media(max-width:359px){

	.icc-course-chips{
		display:grid !important;

		grid-template-columns:
			repeat(2,minmax(0,1fr));

		gap:7px 0 !important;
	}


	.icc-course-chips span{
		padding:0 7px !important;
	}


	.icc-course-chips span:first-child{
		padding-left:0 !important;
	}


	.icc-course-title{
		font-size:17px !important;
	}


	.icc-v5-teacher{
		display:block;
	}


	.icc-v5-teacher-photo{
		margin-bottom:14px;
	}


	.icc-v5-admission-main h3{
		font-size:18px;
	}
}