/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/

/**
* --------------------------------------------------
* Hero banner internas
* --------------------------------------------------
*/

.banner-interna {
	position: relative;
	width: 100%;
	height: 300px;
}

.caption-interna {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.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);
	font-weight: var(--heading-weight-bold);

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

.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 h3,
.internal .content-media h3 {
	font-family: var(--font-title);
	font-size: var(--h3-size);
	color: var(--color-secondary);
}

.blog h2 {
	font-family: var(--font-title);
	font-size: var(--h2-size);
	color: var(--color-secondary);
	margin-bottom: 15px;
}

.blog h3 {
	font-family: var(--font-primary);
	font-size: var(--h3-size-sm);
	font-weight: 500;
	color: var(--color-secondary);
}

.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);
}

/**
 * --------------------------------------------------
 * Para médicos
 * --------------------------------------------------
 */

.internal .first-section-bottom {
	margin-bottom: -100px;
	z-index: 2;
}

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

	padding: 0 var(--section-padding);
}

.internal .professional-contact .cards__item {
	background-color: var(--color-background-default);
	border-radius: var(--border-radius-xl);
	padding: var(--element-padding-md);
}

.internal .professional-contact .cards__item:last-of-type {
	background-color: var(--color-primary);
}

.internal .professional-contact .cards__item:last-of-type .cards__title,
.internal .professional-contact .cards__item:last-of-type .cards__description {
	color: var(--color-white);
}

/**
 * --------------------------------------------------
 * 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 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-secondary);
	}

	/**
	* --------------------------------------------------
	* Á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;
	}
}