/**
 * EletroProj — identidade visual e experiência editorial.
 * Complementa o Voltcore sem modificar o tema principal.
 */

:root {
	--eproj-blue: #0866ff;
	--eproj-blue-dark: #0649b7;
	--eproj-cyan: #00a8e8;
	--eproj-navy: #071b35;
	--eproj-navy-soft: #102f52;
	--eproj-yellow: #ffc928;
	--eproj-surface: #ffffff;
	--eproj-surface-soft: #f4f8fc;
	--eproj-border: #dce6f0;
	--eproj-muted: #51667d;
	--eproj-shadow: 0 18px 50px rgba(7, 27, 53, 0.10);
	--eproj-shadow-soft: 0 10px 28px rgba(7, 27, 53, 0.07);
	--eproj-radius-sm: 12px;
	--eproj-radius: 18px;
	--eproj-radius-lg: 26px;

	/* A home do tema pai passa a seguir a marca azul do EletroProj. */
	--hd-accent: var(--eproj-blue);
	--hd-accent2: var(--eproj-blue-dark);
	--hd-tag-bg: rgba(8, 102, 255, 0.09);
	--hd-tag-text: #0649b7;
}

body {
	background:
		linear-gradient(180deg, rgba(232, 242, 252, 0.34), transparent 380px),
		var(--vc-color-bg);
}

a,
button {
	-webkit-tap-highlight-color: transparent;
}

/* =========================================================
 * Cabeçalho
 * ========================================================= */
.site-header {
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 1px 0 rgba(7, 27, 53, 0.05);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.site-header__inner {
	min-height: 72px;
}

.site-branding .custom-logo,
.site-branding .custom-logo-link img {
	max-height: 48px;
	object-fit: contain;
}

.menu--primary {
	gap: clamp(18px, 2vw, 30px);
	font-weight: 620;
}

.menu--primary > li > a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--eproj-blue), var(--eproj-cyan));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 180ms ease;
}

.menu--primary > li > a:hover::after,
.menu--primary > .current-menu-item > a::after {
	transform: scaleX(1);
}

.theme-toggle,
.search-toggle {
	border: 1px solid var(--eproj-border);
	background: rgba(255, 255, 255, 0.72);
}

.theme-toggle,
.search-toggle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

/* =========================================================
 * Home: apresentação institucional
 * ========================================================= */
.eproj-home-hero {
	position: relative;
	padding: clamp(32px, 5vw, 72px) 0 34px;
	overflow: hidden;
	background:
		radial-gradient(circle at 88% 10%, rgba(0, 168, 232, 0.13), transparent 30%),
		radial-gradient(circle at 8% 8%, rgba(8, 102, 255, 0.08), transparent 29%),
		linear-gradient(180deg, #f7fbff 0%, #ffffff 78%);
	border-bottom: 1px solid var(--eproj-border);
}

.eproj-home-hero::before {
	content: "";
	position: absolute;
	top: -220px;
	right: -180px;
	width: 520px;
	height: 520px;
	border: 84px solid rgba(8, 102, 255, 0.035);
	border-radius: 50%;
	pointer-events: none;
}

.eproj-home-hero__grid {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(420px, 1.08fr);
	gap: clamp(34px, 5vw, 76px);
	align-items: center;
}

.eproj-home-hero__intro {
	max-width: 610px;
}

.eproj-home-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 18px;
	padding: 8px 12px;
	border: 1px solid rgba(8, 102, 255, 0.18);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.76);
	color: var(--eproj-blue-dark);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 0.08em;
	line-height: 1.2;
	text-transform: uppercase;
}

.eproj-home-hero__eyebrow span {
	color: #d99100;
}

.eproj-home-hero__title {
	max-width: 650px;
	margin: 0;
	color: var(--eproj-navy);
	font-size: clamp(38px, 5vw, 64px);
	font-weight: 820;
	letter-spacing: -0.052em;
	line-height: 0.99;
	text-wrap: balance;
}

.eproj-home-hero__title::after {
	content: "";
	display: block;
	width: 82px;
	height: 5px;
	margin-top: 20px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--eproj-blue), var(--eproj-cyan));
}

.eproj-home-hero__lead {
	max-width: 600px;
	margin: 22px 0 0;
	color: var(--eproj-muted);
	font-size: clamp(16px, 1.5vw, 19px);
	line-height: 1.68;
}

.eproj-home-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 28px;
}

.eproj-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 50px;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 780;
	line-height: 1.2;
	transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.eproj-button svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.eproj-button--primary {
	background: linear-gradient(135deg, var(--eproj-blue), #0054d7);
	color: #ffffff;
	box-shadow: 0 10px 24px rgba(8, 102, 255, 0.22);
}

.eproj-button--primary:hover {
	background: linear-gradient(135deg, #075be0, #003f9f);
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(8, 102, 255, 0.28);
}

.eproj-button--secondary {
	border-color: var(--eproj-border);
	background: rgba(255, 255, 255, 0.84);
	color: var(--eproj-navy);
}

.eproj-button--secondary:hover {
	border-color: rgba(8, 102, 255, 0.35);
	background: #ffffff;
	color: var(--eproj-blue-dark);
	transform: translateY(-2px);
}

.eproj-home-hero__proof {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	margin-top: 24px;
	color: var(--eproj-muted);
	font-size: 12px;
	font-weight: 700;
}

.eproj-home-hero__proof li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

.eproj-home-hero__proof span {
	display: inline-grid;
	width: 19px;
	height: 19px;
	place-items: center;
	border-radius: 50%;
	background: rgba(8, 102, 255, 0.09);
	color: var(--eproj-blue);
	font-size: 11px;
}

/* Destaque editorial dentro do hero. */
.eproj-home-featured {
	min-width: 0;
}

.eproj-home-featured__article,
.eproj-home-featured__custom {
	overflow: hidden;
	border: 1px solid rgba(7, 27, 53, 0.11);
	border-radius: var(--eproj-radius-lg);
	background: rgba(255, 255, 255, 0.94);
	box-shadow: var(--eproj-shadow);
}

.eproj-home-featured__image {
	display: block;
	overflow: hidden;
	background: #dfeaf5;
}

.eproj-home-featured__image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 8.6;
	object-fit: cover;
	transition: transform 420ms ease;
}

.eproj-home-featured__article:hover .eproj-home-featured__image img {
	transform: scale(1.025);
}

.eproj-home-featured__body {
	padding: clamp(20px, 3vw, 30px);
}

.eproj-home-featured__labels {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px 12px;
	margin-bottom: 12px;
	color: var(--eproj-blue-dark);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.eproj-home-featured__badge {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 9px;
	border-radius: 999px;
	background: var(--eproj-yellow);
	color: #2d2100;
}

.eproj-home-featured__title {
	margin: 0;
	color: var(--eproj-navy);
	font-size: clamp(25px, 2.7vw, 38px);
	font-weight: 800;
	letter-spacing: -0.038em;
	line-height: 1.08;
	text-wrap: balance;
}

.eproj-home-featured__title a:hover {
	color: var(--eproj-blue);
}

.eproj-home-featured__excerpt {
	margin: 14px 0 0;
	color: var(--eproj-muted);
	font-size: 14px;
	line-height: 1.65;
}

.eproj-home-featured__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 16px;
	color: #6d7e91;
	font-size: 11px;
	font-weight: 650;
}

.eproj-home-featured__custom {
	padding: clamp(20px, 3vw, 34px);
}

/* Acessos rápidos. */
.eproj-home-paths {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: clamp(28px, 4vw, 46px);
}

.eproj-home-path {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 13px;
	align-items: center;
	min-height: 84px;
	padding: 15px 17px;
	border: 1px solid var(--eproj-border);
	border-radius: var(--eproj-radius);
	background: rgba(255, 255, 255, 0.91);
	color: var(--eproj-navy);
	box-shadow: 0 8px 24px rgba(7, 27, 53, 0.045);
	transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.eproj-home-path:hover {
	border-color: rgba(8, 102, 255, 0.36);
	color: var(--eproj-navy);
	transform: translateY(-3px);
	box-shadow: var(--eproj-shadow-soft);
}

.eproj-home-path__icon {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(8, 102, 255, 0.12), rgba(0, 168, 232, 0.10));
	color: var(--eproj-blue);
	font-size: 22px;
	font-weight: 850;
}

.eproj-home-path strong,
.eproj-home-path small {
	display: block;
}

.eproj-home-path strong {
	font-size: 14px;
	line-height: 1.25;
}

.eproj-home-path small {
	margin-top: 4px;
	color: var(--eproj-muted);
	font-size: 11px;
	line-height: 1.35;
}

.eproj-home-path__arrow {
	color: var(--eproj-blue);
	font-size: 20px;
	transition: transform 180ms ease;
}

.eproj-home-path:hover .eproj-home-path__arrow {
	transform: translateX(3px);
}

/* =========================================================
 * Home: blocos herdados do Voltcore
 * ========================================================= */
.hd-catbar {
	border-bottom-color: var(--eproj-border);
}

.hd-section-head {
	margin-bottom: 24px;
	padding-bottom: 13px;
	border-bottom-color: var(--eproj-border);
}

.hd-section-head h2 {
	color: var(--eproj-navy);
	font-size: clamp(25px, 2.7vw, 34px);
	letter-spacing: -0.035em;
}

.hd-grid-section,
.hd-featured-section {
	padding-top: clamp(48px, 6vw, 72px);
	padding-bottom: clamp(48px, 6vw, 72px);
}

.hd-list-section {
	padding-bottom: clamp(48px, 6vw, 72px);
}

.hd-card,
.hd-card-large,
.hd-card-mini {
	border-color: var(--eproj-border);
	border-radius: var(--eproj-radius);
	background: var(--eproj-surface);
	box-shadow: 0 7px 22px rgba(7, 27, 53, 0.045);
}

.hd-card:hover,
.hd-card-large:hover,
.hd-card-mini:hover {
	border-color: rgba(8, 102, 255, 0.27);
	box-shadow: var(--eproj-shadow-soft);
}

.hd-card__thumb {
	background: #dfe9f3;
}

.hd-card__title,
.hd-list-title {
	color: var(--eproj-navy);
	overflow-wrap: break-word;
	text-wrap: pretty;
}

/* Títulos dos cartões principais: maiores, mas com quebra segura. */
.hd-posts-grid > .hd-card .hd-card__title {
	font-size: clamp(19px, 1.6vw, 21px);
	line-height: 1.28;
}

.hd-card:hover .hd-card__title,
.hd-list-item:hover .hd-list-title {
	color: var(--eproj-blue);
}

.hd-tag {
	color: var(--eproj-blue-dark);
}

.hd-read-link,
.hd-see-all {
	color: var(--eproj-blue-dark);
}

.hd-newsletter-section {
	padding-block: clamp(12px, 3vw, 30px) clamp(52px, 6vw, 76px);
}

.hd-newsletter {
	border: 1px solid rgba(8, 102, 255, 0.15);
	border-radius: var(--eproj-radius-lg);
	background:
		radial-gradient(circle at 12% 10%, rgba(0, 168, 232, 0.09), transparent 31%),
		linear-gradient(135deg, #f8fbff, #ffffff);
	box-shadow: var(--eproj-shadow-soft);
}

.hd-newsletter__title {
	color: var(--eproj-navy);
}

.hd-newsletter__native-form input,
.hd-newsletter__form input {
	border-radius: 10px;
	background: #ffffff;
}

.hd-newsletter__native-form button,
.hd-newsletter__form button {
	min-height: 44px;
	border-radius: 10px;
	background: var(--eproj-blue);
	color: #ffffff;
}

.hd-newsletter__native-form button:hover,
.hd-newsletter__form button:hover {
	background: var(--eproj-blue-dark);
}

.hd-list-item {
	grid-template-columns: clamp(190px, 20vw, 210px) minmax(0, 1fr);
	gap: 26px;
	align-items: center;
	padding-block: 26px;
	border-bottom-color: var(--eproj-border);
}

.hd-list-thumb {
	width: 100%;
	aspect-ratio: 10 / 7;
	border-radius: 10px;
}

.hd-list-thumb > a {
	display: block;
	width: 100%;
	height: 100%;
}

.hd-list-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
}

.hd-list-title {
	font-size: 20px;
	line-height: 1.3;
}

.hd-list-excerpt {
	font-size: 15px;
	line-height: 1.65;
}

.hd-list-item .hd-tag {
	align-self: flex-start;
	width: auto;
	max-width: 100%;
	font-size: 12px;
}

.hd-list-item .hd-meta {
	font-size: 12px;
}

/*
 * Datas ficam no banco de dados e nos metadados para buscadores, mas não são
 * exibidas visualmente em posts, cartões, listas, widgets ou blocos nativos.
 */
.entry-meta .meta-date,
.card__meta time,
.hd-meta time,
.hd-meta time + .hd-meta__sep,
.eproj-home-featured__meta time,
.eproj-home-featured__meta time + [aria-hidden="true"],
.widget .post-date,
.wp-block-latest-posts__post-date,
.posted-on,
time.entry-date,
time.post-date {
	display: none !important;
}

/* =========================================================
 * Artigos
 * ========================================================= */
.single-post .layout {
	padding-top: clamp(26px, 4vw, 48px);
}

.single-post .entry--single {
	width: 100%;
}

.single-post .entry-header {
	padding-bottom: 22px;
	border-bottom: 1px solid var(--eproj-border);
}

.single-post .entry-title {
	max-width: 900px;
	color: var(--eproj-navy);
	font-size: clamp(34px, 5vw, 58px);
	letter-spacing: -0.048em;
	line-height: 1.04;
	text-wrap: balance;
}

.single-post .entry-thumb {
	border-radius: var(--eproj-radius);
	box-shadow: var(--eproj-shadow-soft);
}

.single-post .entry-content {
	color: #22364a;
}

.single-post .entry-content h2,
.single-post .entry-content h3 {
	scroll-margin-top: 110px;
	color: var(--eproj-navy);
	text-wrap: balance;
}

.single-post .entry-content h2 {
	margin-top: 1.8em;
	padding-top: 0.15em;
}

.single-post .entry-content h2::after {
	content: "";
	display: block;
	width: 54px;
	height: 3px;
	margin-top: 11px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--eproj-blue), var(--eproj-cyan));
}

.single-post .entry-content > p:first-of-type {
	color: #344b62;
	font-size: 1.06em;
}

.single-post .entry-content a:not(.eproj-button):not(.eproj-full-link) {
	text-decoration-color: rgba(8, 102, 255, 0.35);
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
}

.single-post .entry-content .entry-table-scroll,
.single-post .entry-content .wp-block-table {
	border-color: var(--eproj-border);
	border-radius: var(--eproj-radius-sm);
	box-shadow: 0 6px 22px rgba(7, 27, 53, 0.045);
}

.entry-tags a {
	border-radius: 999px;
}

/* =========================================================
 * Fontes Preferidas do Google
 * ========================================================= */
.eletroproj-preferred-source {
	--eps-primary: var(--eproj-navy);
	--eps-primary-hover: #031326;
	--eps-accent: var(--eproj-yellow);
	--eps-background: #f5f9fd;
	--eps-border: var(--eproj-border);
	--eps-text: #243b53;
	--eps-muted: #52677c;

	position: relative;
	display: block;
	clear: both;
	isolation: isolate;
	width: 100%;
	margin: 0 0 30px;
	padding: 21px;
	overflow: hidden;
	border: 1px solid var(--eps-border);
	border-left: 5px solid var(--eps-accent);
	border-radius: 15px;
	background: linear-gradient(135deg, var(--eps-background), #ffffff);
	color: var(--eps-text);
	box-shadow: 0 8px 24px rgba(7, 27, 53, 0.07);
}

.eletroproj-preferred-source::after {
	content: "";
	position: absolute;
	top: -52px;
	right: -52px;
	width: 145px;
	height: 145px;
	border-radius: 50%;
	background: rgba(255, 201, 40, 0.10);
	pointer-events: none;
}

.eletroproj-preferred-source__layout {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
}

.eletroproj-preferred-source__content {
	flex: 1 1 420px;
	min-width: 0;
}

.eletroproj-preferred-source__eyebrow {
	margin: 0 0 5px;
	color: #826100;
	font-size: 11px;
	font-weight: 850;
	letter-spacing: 0.09em;
	line-height: 1.4;
	text-transform: uppercase;
}

.eletroproj-preferred-source__title {
	display: block;
	margin: 0 0 7px;
	color: var(--eps-primary);
	font-size: clamp(18px, 2vw, 22px);
	font-weight: 820;
	line-height: 1.25;
}

.eletroproj-preferred-source__description {
	max-width: 650px;
	margin: 0;
	color: var(--eps-muted);
	font-size: 14px;
	line-height: 1.55;
}

.eletroproj-preferred-source__action {
	flex: 0 0 auto;
	text-align: center;
}

.eletroproj-preferred-source__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 46px;
	padding: 11px 17px;
	border: 0;
	border-radius: 11px;
	background: var(--eps-primary);
	color: #ffffff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 780;
	line-height: 1.25;
	text-align: center;
	cursor: pointer;
	box-shadow: 0 5px 14px rgba(7, 27, 53, 0.18);
	transition: background-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.eletroproj-preferred-source__button:hover {
	background: var(--eps-primary-hover);
	color: #ffffff;
	transform: translateY(-1px);
	box-shadow: 0 7px 18px rgba(7, 27, 53, 0.24);
}

.eletroproj-preferred-source__button svg {
	flex: 0 0 auto;
	width: 18px;
	height: 18px;
	fill: var(--eps-accent);
}

.eletroproj-preferred-source__note {
	display: block;
	margin-top: 7px;
	color: var(--eps-muted);
	font-size: 10.5px;
	line-height: 1.4;
}

/* =========================================================
 * Rodapé e modo escuro
 * ========================================================= */
.site-footer {
	margin-top: clamp(58px, 7vw, 90px);
	background:
		radial-gradient(circle at 85% 10%, rgba(0, 168, 232, 0.14), transparent 30%),
		var(--eproj-navy);
}

html[data-theme="dark"] {
	--eproj-surface: #101824;
	--eproj-surface-soft: #0c1420;
	--eproj-border: rgba(255, 255, 255, 0.10);
	--eproj-muted: #9babbd;
	--hd-accent: #4aa3ff;
	--hd-accent2: #78c5ff;
	--hd-tag-bg: rgba(74, 163, 255, 0.12);
	--hd-tag-text: #78c5ff;
}

html[data-theme="dark"] .site-header {
	background: rgba(8, 14, 23, 0.94);
}

html[data-theme="dark"] .theme-toggle,
html[data-theme="dark"] .search-toggle {
	background: rgba(255, 255, 255, 0.035);
}

html[data-theme="dark"] .eproj-home-hero {
	background:
		radial-gradient(circle at 88% 10%, rgba(0, 168, 232, 0.13), transparent 30%),
		radial-gradient(circle at 8% 8%, rgba(8, 102, 255, 0.12), transparent 29%),
		linear-gradient(180deg, #0b121d 0%, #0b0e14 78%);
}

html[data-theme="dark"] .eproj-home-hero__eyebrow,
html[data-theme="dark"] .eproj-button--secondary,
html[data-theme="dark"] .eproj-home-path,
html[data-theme="dark"] .eproj-home-featured__article,
html[data-theme="dark"] .eproj-home-featured__custom {
	background: rgba(16, 24, 36, 0.88);
	border-color: rgba(255, 255, 255, 0.10);
}

html[data-theme="dark"] .eproj-home-hero__title,
html[data-theme="dark"] .eproj-home-featured__title,
html[data-theme="dark"] .eproj-home-path,
html[data-theme="dark"] .hd-section-head h2,
html[data-theme="dark"] .hd-card__title,
html[data-theme="dark"] .hd-list-title,
html[data-theme="dark"] .hd-newsletter__title,
html[data-theme="dark"] .single-post .entry-title,
html[data-theme="dark"] .single-post .entry-content h2,
html[data-theme="dark"] .single-post .entry-content h3 {
	color: #edf5ff;
}

html[data-theme="dark"] .eproj-home-hero__lead,
html[data-theme="dark"] .eproj-home-featured__excerpt,
html[data-theme="dark"] .eproj-home-featured__meta,
html[data-theme="dark"] .eproj-home-path small {
	color: #9babbd;
}

html[data-theme="dark"] .hd-newsletter {
	background:
		radial-gradient(circle at 12% 10%, rgba(0, 168, 232, 0.10), transparent 31%),
		linear-gradient(135deg, #101824, #0d1520);
}

html[data-theme="dark"] .single-post .entry-content,
html[data-theme="dark"] .single-post .entry-content > p:first-of-type {
	color: #cdd8e4;
}

html[data-theme="dark"] .eletroproj-preferred-source {
	--eps-primary: #eaf3fc;
	--eps-primary-hover: #ffffff;
	--eps-background: #101824;
	--eps-text: #dbe7f3;
	--eps-muted: #9babbd;
	background: linear-gradient(135deg, #101824, #0d1520);
}

html[data-theme="dark"] .eletroproj-preferred-source__button {
	background: #eaf3fc;
	color: #071b35;
}

html[data-theme="dark"] .eletroproj-preferred-source__button:hover {
	background: #ffffff;
	color: #071b35;
}

/* =========================================================
 * Responsividade
 * ========================================================= */
@media (max-width: 1080px) {
	.eproj-home-hero__grid {
		grid-template-columns: minmax(0, 0.9fr) minmax(390px, 1.1fr);
		gap: 36px;
	}

	.eproj-home-hero__title {
		font-size: clamp(37px, 5vw, 52px);
	}

	.eproj-home-paths {
		grid-template-columns: 1fr;
	}

	.eproj-home-path {
		min-height: 74px;
	}
}

@media (max-width: 900px) {
	.site-header__inner {
		min-height: 66px;
	}

	.site-header__actions {
		gap: 7px;
	}

	.eproj-home-hero__grid {
		grid-template-columns: 1fr;
	}

	.eproj-home-hero__intro {
		max-width: 760px;
	}

	.eproj-home-featured {
		max-width: 760px;
	}
}

@media (max-width: 720px) {
	.eproj-home-hero {
		padding-top: 28px;
	}

	.eproj-home-hero__title {
		font-size: clamp(34px, 10vw, 46px);
	}

	.eproj-home-hero__lead {
		font-size: 16px;
	}

	.eproj-home-hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.eproj-button {
		width: 100%;
	}

	.eproj-home-featured__title {
		font-size: clamp(24px, 7vw, 32px);
	}

	.hd-posts-grid > .hd-card .hd-card__title {
		font-size: 19px;
	}

	.hd-list-item {
		grid-template-columns: 150px minmax(0, 1fr);
		gap: 16px;
		padding-block: 20px;
	}

	.hd-list-title {
		font-size: 18.5px;
	}

	.hd-list-excerpt {
		font-size: 14px;
	}

	.eletroproj-preferred-source {
		padding: 18px;
	}

	.eletroproj-preferred-source__layout {
		align-items: stretch;
		flex-direction: column;
		gap: 16px;
	}

	.eletroproj-preferred-source__action,
	.eletroproj-preferred-source__button {
		width: 100%;
	}

	.single-post .entry-title {
		font-size: clamp(31px, 9vw, 43px);
	}
}

@media (max-width: 480px) {
	.site-branding .custom-logo,
	.site-branding .custom-logo-link img {
		max-width: 142px;
		max-height: 40px;
	}

	.theme-toggle,
	.search-toggle {
		width: 36px;
		height: 36px;
	}

	.eproj-home-hero__proof {
		align-items: flex-start;
		flex-direction: column;
	}

	.eproj-home-featured__body {
		padding: 19px;
	}

	.hd-list-item {
		grid-template-columns: 112px minmax(0, 1fr);
		gap: 12px;
	}

	.hd-list-title {
		font-size: 17px;
	}

	.hd-list-excerpt {
		-webkit-line-clamp: 3;
		font-size: 13px;
	}

	.eproj-home-path {
		grid-template-columns: auto minmax(0, 1fr);
		padding: 14px;
	}

	.eproj-home-path__arrow {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.eproj-button,
	.eproj-home-path,
	.eproj-home-path__arrow,
	.eproj-home-featured__image img,
	.menu--primary > li > a::after,
	.eletroproj-preferred-source__button {
		transition: none !important;
	}

	.eproj-button:hover,
	.eproj-home-path:hover,
	.eletroproj-preferred-source__button:hover {
		transform: none;
	}
}

@media print {
	.eproj-home-paths,
	.eletroproj-preferred-source {
		display: none !important;
	}
}