/*

|--------------------------------------------------------------------------

| Layout

|--------------------------------------------------------------------------

*/

/**

* --------------------------------------------------

* Hero banner internas

* --------------------------------------------------

*/

.banner-interna {
	position: relative;

	width: 100%;

	height: 300px;
}

.caption-interna {
	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 80%;
}

.banner-interna__media {
	position: absolute;

	inset: 0;

	z-index: 0;
}

.banner-interna__media img {
	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;
}

.banner-interna__title {
	font-family: var(--font-title);

	font-size: var(--hero-title-size);

	color: var(--color-text);
}

.banner-interna__title strong {
	color: var(--color-primary);
}

.banner-interna__description {
	font-family: var(--font-primary);

	font-size: var(--font-size-md);

	color: var(--color-primary-dark);
}

.banner-interna .banner-interna__title span {
	display: block;

	font-family: var(--font-primary);

	font-size: var(--font-size-2xl);

	font-weight: 400;

	margin-top: 5px;
}

/**

* --------------------------------------------------

* Gerais internas

* --------------------------------------------------

*/

.about .content-media h2,
.internal .content-media h2 {
	font-family: var(--font-title);
	font-weight: var(--heading-weight-semibold);
	font-size: var(--h2-size);

	color: var(--color-text);
}

.about .content-media h2 strong,
.internal .content-media h2 strong {
	color: var(--color-primary);
}

.about .content-media h3,
.internal .content-media h3 {
	font-family: var(--font-title);

	font-size: var(--h3-size);

	color: var(--color-primary);
}

.blog h2 {
	font-family: var(--font-title);

	font-size: var(--h2-size);

	color: var(--color-primary);

	margin-bottom: 15px;
}

.blog h3 {
	font-family: var(--font-primary);

	font-size: var(--h3-size-sm);

	font-weight: 500;

	color: var(--color-primary);
}

.internal .section.section-bg-primary .content-media__title,
.internal .section:has(.section-bg-primary) .content-media__title {
	color: var(--color-white);
}

.internal .content-media {
	padding: 0;
}

.about .content-media__item,
.internal .content-media__item {
	padding-left: 60px;

	padding-right: 60px;
}

/**

 * --------------------------------------------------

 * Áreas de atuação

 * --------------------------------------------------

 */

.intermediate-page .content-media__item {
	padding-left: 60px;

	padding-right: 60px;
}

.intermediate-page .cpt-list:nth-child(even) {
	flex-direction: row-reverse;
}

.intermediate-page .cpt-list .content-media__content {
	flex: 1.5;
}

.intermediate-page .cpt-list .content-media__title {
	color: var(--color-secondary);
}

/**

 * --------------------------------------------------

 * Responsive

 * --------------------------------------------------

 */

@media (max-width: 991px) {
	.about .content-media__item,
	.internal .content-media__item {
		padding-left: 15px;

		padding-right: 15px;
	}
}

@media (max-width: 767px) {
	/**

	* --------------------------------------------------

	* Hero banner internas

	* --------------------------------------------------

	*/

	.banner-interna {
		height: 160px;

		margin-top: 0;
	}

	.banner-interna__title {
		font-size: var(--hero-title-size-sm);
	}

	.banner-interna__subtitle {
		font-size: var(--hero-subtitle-size-sm);
	}

	.banner-interna__description {
		font-size: var(--hero-description-size-sm);
	}

	.banner-interna .banner-interna__title span {
		font-size: var(--hero-description-size-sm);
	}

	/**

	* --------------------------------------------------

	* Gerais internas

	* --------------------------------------------------

	*/

	.about h2,
	.internal h2 {
		font-size: var(--h2-size-sm);
	}

	.about .content-media h2,
	.internal .content-media h2 {
		font-family: var(--font-title);

		font-size: var(--h2-size-sm);
	}

	.about h3,
	.internal h3 {
		font-size: var(--h3-size-sm);
	}

	.about .content-media h3,
	.internal .content-media h3 {
		font-family: var(--font-title);

		font-size: var(--h3-size-sm);

		color: var(--color-primary);
	}

	/**

	* --------------------------------------------------

	* Áreas de atuação

	* --------------------------------------------------

	*/

	.intermediate-page .content-media__item {
		padding-left: 15px;

		padding-right: 15px;

		flex-direction: column-reverse;
	}

	.intermediate-page .content-media__item.cpt-list .content-media__description {
		max-height: 170px;

		overflow: hidden;
	}

	/**

	* --------------------------------------------------

	* Para médicos

	* --------------------------------------------------

	*/

	.internal .first-section-bottom {
		margin-bottom: 0;

		z-index: 1;
	}

	.internal .professional-contact .cards__items {
		grid-template-columns: repeat(1, minmax(0, 1fr));

		padding: 0;
	}
}