/* Start:/bitrix/templates/aspro-priority/components/bitrix/news.detail/news/style.css?17803054406650*/
/* =========================================================================
   HERO-БЛОК ДЕТАЛЬНОЙ СТРАНИЦЫ (С НАЛОЖЕНИЕМ ТЕКСТА)
========================================================================= */

.art-promo-detail-hero {
	position: relative;
	width: 100%;
	min-height: 330px;
	border-radius: 24px;
	overflow: hidden;
	margin-bottom: 40px;
	background: #f8fafc;
	display: flex;
	align-items: flex-end; /* Прижимаем контент к низу */
}

/* Фоновая картинка */
/* Фоновая картинка (защита от глобальных стилей Битрикса) */
.art-promo-detail-hero__bg {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important; /* Принудительно растягиваем на всю высоту контейнера */
	min-height: 100% !important;
	max-height: none !important; /* Отключаем ограничения темы */
	object-fit: cover !important;
	object-position: center !important;
	z-index: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Градиентная подложка (от темно-синего к прозрачному) */
.art-promo-detail-hero__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(3, 23, 91, 0.95) 0%, rgba(3, 23, 91, 0.6) 45%, rgba(0, 0, 0, 0) 100%);
	z-index: 2;
}

/* Контейнер с текстом поверх картинки */
.art-promo-detail-hero__content {
	position: relative;
	z-index: 3;
	padding: 60px 40px;
	width: 100%;
	max-width: 700px; /* Чтобы текст не уезжал слишком далеко на прозрачную часть */
}

/* Стили для случая, если картинки нет */
.art-promo-detail-hero__content.no-bg {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 24px;
	padding: 40px;
}
.art-promo-detail-hero__content.has-bg {
	color: #ffffff;
}

/* Название раздела */
.art-promo-detail-hero__section {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-bottom: 16px;
	color: rgba(255, 255, 255, 0.8);
}
.no-bg .art-promo-detail-hero__section { color: #2563eb; }

/* Главный заголовок */
.art-promo-detail-hero__title {
	font-size: 42px !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	margin: 0 0 24px 0 !important;
	color: inherit !important;
	border: none !important;
}

/* Текст анонса (Preview text) */
.art-promo-detail-hero__intro {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 30px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.9);
}
.no-bg .art-promo-detail-hero__intro { color: #475569; }

/* Дата */
.art-promo-detail-hero__date {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(4px);
	border-radius: 100px;
}
.no-bg .art-promo-detail-hero__date { 
	background: #f1f5f9; 
	color: #475569;
}

/* Основной текстовый блок (Detail Text) */
.art-promo-detail-content {
	font-size: 16px;
	line-height: 1.8;
	color: #1e293b;
	margin-bottom: 40px;
}

/* Адаптив */
@media (max-width: 768px) {
	.art-promo-detail-hero {
		min-height: auto;
	}
	/* На мобильных меняем градиент снизу вверх, так как картинка узкая */
	.art-promo-detail-hero__overlay {
		background: linear-gradient(0deg, rgba(3, 23, 91, 0.95) 0%, rgba(3, 23, 91, 0.4) 100%);
	}
	.art-promo-detail-hero__content {
		padding: 40px 20px;
	}
	.art-promo-detail-hero__title {
		font-size: 28px !important;
	}
	.art-promo-detail-hero__intro {
		font-size: 16px;
	}
}
/* =========================================================================
   ФИКС КНОПКИ ПОДПИСКИ: ВСЕГДА ВИДИМАЯ СИНИЯ КНОПКА
========================================================================= */

/* Жестко задаем синий фон для нижнего контейнера и скругляем ему нижние углы карточки */
.ask_a_question.subscribe .outer {
	background: #2563eb !important;
	background-color: #2563eb !important;
	padding: 0 !important;
	border-radius: 0 0 24px 24px !important; /* Идеально ложится в контур карточки */
	overflow: hidden !important;
	display: block !important;
}

/* Стили самой ссылки-кнопки (состояние ПО УМОЛЧАНИЮ) */
.ask_a_question.subscribe .outer a {
	display: block !important;
	width: 100% !important;
	padding: 16px 20px !important;   /* Кнопка будет высокой и крупной */
	background: #2563eb !important;  /* Яркий синий фон по умолчанию */
	color: #ffffff !important;       /* Белый читаемый текст всегда */
	font-weight: 700 !important;
	text-align: center !important;
	text-decoration: none !important;
	letter-spacing: 0.05em !important;
	line-height: 1.4 !important;
	transition: background-color 0.2s ease !important; /* Плавный переход цвета */
}

/* Состояние ПРИ НАВЕДЕНИИ (акцентный темно-синий) */
.ask_a_question.subscribe .outer a:hover {
	background: #1d4ed8 !important;  /* При наведении кнопка красиво темнеет */
	color: #ffffff !important;
	text-decoration: none !important;
}

/* =========================================================================
   АДАПТИВНОСТЬ
========================================================================= */
@media (max-width: 768px) {
	.art-promo-detail-hero {
		min-height: 240px !important; /* Возвращаем блоку нормальную высоту на телефоне */
	}
	
	.art-promo-detail-hero__bg {
		object-fit: cover !important;
		object-position: center !important; /* Центрируем, чтобы важная часть фото не обрезалась */
	}

	/* На мобильных меняем градиент снизу вверх */
	.art-promo-detail-hero__overlay {
		background: linear-gradient(0deg, rgba(3, 23, 91, 0.8) 0%, rgba(3, 23, 91, 0.2) 100%);
	}
	
	.art-promo-detail-hero__content {
		padding: 30px 20px;
	}
	
	.art-promo-detail-hero__title {
		font-size: 28px !important;
	}
	
	.art-promo-detail-hero__intro {
		font-size: 16px;
	}
}

.page-top-wrapper.grey{margin-bottom: 23px !important;}
/* End */
/* /bitrix/templates/aspro-priority/components/bitrix/news.detail/news/style.css?17803054406650 */