/*

|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------

*/

/**

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

*/

main .hero-banner-internal {
	margin: 0;
}

main .first-section-internal .content-media__item,
article .first-section-internal .content-media__item {
	padding-left: 60px;

	padding-right: 60px;
}

.internal .content-media__item {
	padding-left: 48px;

	padding-right: 48px;
}

.internal ul li {
	color: var(--color-text);
	font-weight: var(--heading-weight-light);
}

.internal ul.cat {
	list-style: none;

	padding: 0;
}

.banner-interna {
	position: relative;

	width: 100%;

	height: 360px;
}

.caption-interna {
	position: absolute;

	top: 65%;

	left: 50%;

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

.banner-interna__media {
	position: absolute;

	inset: 0;

	z-index: 0;

	padding-top: var(--header-height);
}

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

.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

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

*/

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

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

	font-weight: var(--heading-weight-normal);

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

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

	padding-right: 60px;
}

/**

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

 * Sobre

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

 */

.about .section-header__subtitle {
	width: 90%;
	font-size: var(--font-size-md);
}

.about .content-media h3 {
	font-family: var(--font-title);
	font-size: var(--h3-size);
	font-weight: var(--heading-weight-normal);

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

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

/**

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

 * A clínica

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

 */

.internal.the-clinic .cards__items {
	padding: 0 90px;
}

.internal.the-clinic .cards__items.slick-2 .slick-slide,
.internal.the-clinic .cards__items.slick-3 .slick-slide,
.internal.the-clinic .cards__items.slick-4 .slick-slide {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.internal.the-clinic .cards__items.slick-2 .slick-list,
.internal.the-clinic .cards__items.slick-3 .slick-list,
.internal.the-clinic .cards__items.slick-4 .slick-list {
	padding: 10px 0 !important;
}

.internal.the-clinic .cards__items.slick-2,
.internal.the-clinic .cards__items.slick-3,
.internal.the-clinic .cards__items.slick-4 {
	margin-left: -60px !important;
	margin-right: -60px !important;
}

.internal.the-clinic .cards__description {
	font-weight: bold;

	color: var(--color-white);
	height: auto;
}

/**

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

 * Artigos

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

 */

.article-table {
	font-size: 14px;
}

.article-table th,
.article-table td {
	vertical-align: middle;
}

.article-table th:nth-child(1),
.article-table th:nth-child(4),
.article-table th:nth-child(5),
.article-table th:nth-child(6),
.article-table th:nth-child(7),
.article-table td:nth-child(1),
.article-table td:nth-child(4),
.article-table td:nth-child(5),
.article-table td:nth-child(6),
.article-table td:nth-child(7) {
	text-align: center;
}

.article-icon {
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.article-icon:hover {
	opacity: 0.7;
}

/**

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

 * Blog

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

 */

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

.about-box {
	background-color: #ccc;
	padding: 20px;
	border-radius: 3px;
}

.about-box small {
	display: block;
	line-height: 18px;
}

.link-name {
	color: var(--color-secondary);
	font-weight: bold;
	transition: 0.15s ease-in-out;
}

.link-name:hover {
	color: var(--color-primary);
}

.internal .sidebar a {
	color: var(--color-secondary);
	transition: 0.15s ease-in-out;
}

.internal .sidebar a:hover {
	color: var(--color-primary);
}

/**

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

 * 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: 240px;

		margin-top: 0;
	}

	.banner-interna__media {
		padding-top: var(--header-height-sm);
	}

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

	/**

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

	* A clínica

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

	*/

	.internal.the-clinic .cards__items {
		padding: 0;
	}

	.internal.the-clinic .cards__items.slick-2,
	.internal.the-clinic .cards__items.slick-3,
	.internal.the-clinic .cards__items.slick-4 {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}