/**
 * Identidad oficial de Quorum Media.
 * Los tokens base se cargan desde brand-tokens.css.
 */

body {
	background: var(--qm-bg);
	color: var(--qm-text);
	font-family: var(--qm-font-editorial);
}

/* Correcciones estructurales 0.2.2. */

body.wp-child-theme-quorum-media-child {
	font-family: var(--qm-font-editorial);
}

body.wp-child-theme-quorum-media-child .elementor h1,
body.wp-child-theme-quorum-media-child .elementor h2,
body.wp-child-theme-quorum-media-child .elementor h3,
body.wp-child-theme-quorum-media-child .elementor h4,
body.wp-child-theme-quorum-media-child .elementor h5,
body.wp-child-theme-quorum-media-child .elementor h6,
body.wp-child-theme-quorum-media-child .elementor .elementor-heading-title,
body.wp-child-theme-quorum-media-child .elementor-widget .bytf_post_title,
body.wp-child-theme-quorum-media-child .elementor-widget .bytf_post_title a,
body.wp-child-theme-quorum-media-child .elementor-widget .section-title,
body.wp-child-theme-quorum-media-child .elementor-widget .widget-title,
body.wp-child-theme-quorum-media-child .byteflows_menu-nav,
body.wp-child-theme-quorum-media-child button,
body.wp-child-theme-quorum-media-child .button,
body.wp-child-theme-quorum-media-child .elementor-button {
	font-family: var(--qm-font-display);
}

body.wp-child-theme-quorum-media-child .entry-content,
body.wp-child-theme-quorum-media-child .post-content,
body.wp-child-theme-quorum-media-child .bytf__excerpt,
body.wp-child-theme-quorum-media-child .bytf__post-excerpt,
body.wp-child-theme-quorum-media-child .elementor-widget-text-editor {
	font-family: var(--qm-font-editorial);
}

body.wp-child-theme-quorum-media-child .post-meta,
body.wp-child-theme-quorum-media-child .entry-meta,
body.wp-child-theme-quorum-media-child .bytf__post-meta,
body.wp-child-theme-quorum-media-child .bytf__postmeta,
body.wp-child-theme-quorum-media-child .bytf__postmeta-info-wrapper,
body.wp-child-theme-quorum-media-child .elementor-common-cate,
body.wp-child-theme-quorum-media-child input,
body.wp-child-theme-quorum-media-child select,
body.wp-child-theme-quorum-media-child textarea,
body.wp-child-theme-quorum-media-child label {
	font-family: var(--qm-font-ui);
}

/*
 * Forcast anida filas Bootstrap (-12px) en wrappers Elementor con 10px de
 * relleno. La diferencia es la causa medible del desbordamiento horizontal.
 */
.elementor-widget .bytf__post-wrapper > .row {
	margin-left: 0;
	margin-right: 0;
}

.byteflows_logo {
	min-width: 0;
}

.byteflows_logo a,
.byteflows_logo img {
	height: auto;
	max-width: 100%;
}

.byteflows_logo .dark-logo img,
.byteflows_logo .light-logo img {
	object-fit: contain;
}

.main-header .byteflows_menu-nav {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	white-space: nowrap;
}

.main-header .byteflows_menu-nav > li {
	padding-right: clamp(0.4rem, 0.7vw, 0.65rem);
}

.main-header .byteflows_menu-nav > li:last-child {
	padding-right: 0;
}

.main-header .byteflows_menu-nav > li > a {
	font-size: clamp(0.72rem, 0.82vw, 0.81rem);
	padding-inline: 0;
}

@media (min-width: 1280px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		width: clamp(250px, 22vw, 360px);
	}

	.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		width: clamp(220px, 28vw, 320px);
	}

	.header__menu-wrapper .byteflows_menu {
		display: none;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu {
		display: block;
	}
}

@media (max-width: 767.98px) {
	.byteflows_logo a,
	.byteflows_logo img {
		height: auto;
		max-height: 56px;
		width: clamp(44px, 13vw, 56px);
	}
}

/*
 * Navegacion 0.2.2.
 *
 * Los once elementos editoriales no caben de forma legible en 1280/1440 px.
 * Se mantiene una sola navegacion lateral hasta 1499 px y el menu completo
 * aparece desde 1500 px. Los !important son necesarios para neutralizar las
 * reglas responsive del widget Header 2 y el padding de 50 px del tema padre,
 * cargadas con selectores equivalentes.
 */
.main-header .byteflows_menu-nav > li {
	flex: 0 0 auto;
	margin-inline: 0;
	padding-inline: 0.45rem !important;
}

.main-header .byteflows_menu-nav > li:first-child {
	padding-left: 0 !important;
}

.main-header .byteflows_menu-nav > li:last-child {
	padding-right: 0 !important;
}

.main-header .byteflows_menu-nav {
	gap: 0;
	justify-content: flex-end;
	max-width: 100%;
	width: auto;
}

.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
	display: none !important;
}

@media (max-width: 1499.98px) {
	.header__menu-wrapper .byteflows_menu {
		display: none !important;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu {
		display: flex !important;
		flex: 0 0 auto;
	}
}

@media (min-width: 1500px) {
	.header__menu-wrapper .byteflows_menu {
		display: block !important;
		flex: 1 1 auto;
		min-width: 0;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu,
	.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
		display: none !important;
	}
}

/*
 * Elementor y Forcast aplican Alegreya mediante selectores de widget con
 * especificidad alta. El !important se limita a titulares para garantizar la
 * tipografia institucional sin alterar cuerpo editorial ni metadatos.
 */
body.wp-child-theme-quorum-media-child h1,
body.wp-child-theme-quorum-media-child h2,
body.wp-child-theme-quorum-media-child h3,
body.wp-child-theme-quorum-media-child h4,
body.wp-child-theme-quorum-media-child h5,
body.wp-child-theme-quorum-media-child h6,
body.wp-child-theme-quorum-media-child .bytf_post_title,
body.wp-child-theme-quorum-media-child .bytf_post_title a,
body.wp-child-theme-quorum-media-child .bytf__post-title,
body.wp-child-theme-quorum-media-child .bytf__post-title a,
body.wp-child-theme-quorum-media-child .post-title,
body.wp-child-theme-quorum-media-child .post-title a,
body.wp-child-theme-quorum-media-child .entry-title,
body.wp-child-theme-quorum-media-child .entry-title a,
body.wp-child-theme-quorum-media-child .elementor-heading-title,
body.wp-child-theme-quorum-media-child .section-title,
body.wp-child-theme-quorum-media-child .widget-title {
	font-family: var(--qm-font-display) !important;
}

h1, h2, h3, h4, h5, h6,
.byteflows_menu-nav, button, .button, .elementor-button {
	font-family: var(--qm-font-display);
}

.post-meta, .entry-meta, .bytf__post-meta,
input, select, textarea, label {
	font-family: var(--qm-font-ui);
}

a {
	transition: color var(--qm-transition), background-color var(--qm-transition), border-color var(--qm-transition);
}

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
	outline: 3px solid var(--qm-focus);
	outline-offset: 3px;
}

.main-header, .header__menu-wrapper {
	background: var(--qm-white);
	color: var(--qm-ink);
}

.header__top-wraper {
	display: none !important;
}

.header__top-main-wrap-inner {
	min-height: 132px;
}

.byteflows_logo {
	display: flex;
	align-items: center;
	min-width: 280px;
}

.byteflows_logo a,
.byteflows_logo img {
	display: block;
	height: auto;
	width: clamp(280px, 30vw, 400px);
}

.byteflows_logo .light-logo {
	display: none;
}

.header__menu-wrapper .container {
	max-width: 1480px;
}

.header__maenu {
	gap: var(--qm-space-4);
}

.byteflows_menu-nav {
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(0.55rem, 1vw, 1.15rem);
	white-space: nowrap;
}

.byteflows_menu-nav > li > a {
	color: var(--qm-ink);
	font-size: clamp(0.76rem, 0.9vw, 0.9rem);
	font-weight: 700;
	letter-spacing: 0.01em;
	padding-inline: 0;
}

.byteflows_menu-nav > li.current-menu-item > a,
.byteflows_menu-nav > li > a:hover {
	color: var(--qm-red);
}

.header__control button, .header__control a, .search-toggle {
	color: var(--qm-ink);
}

.header__control button:hover, .header__control a:hover, .search-toggle:hover {
	color: var(--qm-red);
}

.nav-logo img, .empath_logo img {
	display: block;
	height: 52px;
	object-fit: contain;
	width: 52px;
}

.elementor-855 .elementor-element-aadf8d4 {
	background: var(--qm-ink);
	color: var(--qm-white);
	padding-block: var(--qm-space-8);
}

.elementor-855 .elementor-element-aadf8d4 .elementor-container {
	align-items: center;
	display: flex;
	gap: var(--qm-space-8);
	justify-content: space-between;
}

.elementor-855 .elementor-element-b133fcb p {
	font-family: var(--qm-font-ui);
	font-size: var(--qm-text-sm);
	line-height: 1.5;
	margin: 0;
}

.qm-footer-logo {
	display: block;
	height: auto;
	max-width: 340px;
	width: min(34vw, 340px);
}

.elementor-button, button[type="submit"], input[type="submit"] {
	background: var(--qm-red);
	border-color: var(--qm-red);
	color: var(--qm-white);
}

.elementor-button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
	background: var(--qm-link-hover);
	border-color: var(--qm-link-hover);
	color: var(--qm-white);
}

@media (max-width: 1199px) {
	.byteflows_menu-nav { gap: 0.55rem; }
	.byteflows_menu-nav > li > a { font-size: 0.75rem; }
}

@media (max-width: 767px) {
	.header__top-main-wrap-inner { min-height: auto; }
	.byteflows_logo { min-width: 0; }
	.byteflows_logo a, .byteflows_logo img {
		height: 52px;
		width: 52px;
	}
	.elementor-855 .elementor-element-aadf8d4 .elementor-container {
		align-items: flex-start;
		flex-direction: column;
	}
	.qm-footer-logo {
		max-width: 280px;
		width: min(78vw, 280px);
	}
}

/* Estas reglas deben quedar despues de los estilos heredados del paquete. */
.byteflows_logo {
	min-width: 0;
}

@media (min-width: 1280px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-width: 100%;
		width: clamp(250px, 22vw, 360px);
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-width: 100%;
		width: clamp(220px, 28vw, 320px);
	}
}

@media (max-width: 767.98px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-height: 56px;
		width: clamp(44px, 13vw, 56px);
	}
}

/*
 * Correcciones estructurales 0.2.3.
 *
 * A 1024 px el widget de pestañas 899c45a combina `flex: 111` en el
 * contenido con una miniatura fija de 75px y 15px de margen. El min-width
 * automático del contenido impide que se contraiga y desplaza la miniatura
 * fuera de la columna. El widget AJAX 0728718 se limita también a su columna
 * para que las cargas posteriores conserven la misma geometría.
 */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.elementor-element-899c45a,
	.elementor-element-899c45a .bytf__post-tab-wrapper,
	.elementor-element-899c45a .tab-content,
	.elementor-element-899c45a .tab-pane,
	.elementor-element-899c45a .bytf__post-tab-item,
	.elementor-element-0728718,
	.elementor-element-0728718 .bytf__post-list-wrapper,
	.elementor-element-0728718 .grid-loadmore-content-two,
	.elementor-element-0728718 .bytf__post-list-item-two {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__content {
		flex: 1 1 0;
		min-width: 0;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__feature-image {
		flex: 0 0 75px;
		max-width: 75px;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__feature-image img,
	.elementor-element-0728718 .bytf__feature-image img {
		height: auto;
		max-width: 100%;
	}

	.elementor-element-0728718 .bytf__feature-image {
		max-width: 100%;
		min-width: 0;
	}
}

/* La fecha es información editorial, no cuerpo de la noticia. */
body.wp-child-theme-quorum-media-child .single__post-article .date,
body.wp-child-theme-quorum-media-child .bytf__single-post-wrapper .date,
body.wp-child-theme-quorum-media-child .bytf__postmeta .date,
body.wp-child-theme-quorum-media-child .entry-meta .date,
body.wp-child-theme-quorum-media-child .post-meta .date {
	font-family: var(--qm-font-ui);
}

/*
 * Correcciones finales de navegacion y single post (2026-08-24).
 *
 * El tema padre limita el .container a 1140px y deja que los controles del
 * extremo derecho resten ancho al menu. Al ser mas ancha que su wrapper, la
 * lista con justify-content:flex-end desborda hacia la izquierda. En
 * escritorio ampliamos el contenedor, centramos el menu con independencia de
 * los controles y cambiamos a la navegacion movil antes de que pueda solaparse.
 */
@media (min-width: 1340px) {
	body.wp-child-theme-quorum-media-child .header__menu-wrapper .container {
		box-sizing: border-box;
		margin-inline: auto !important;
		max-width: none !important;
		padding-inline: 24px;
		width: 100% !important;
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .header__maenu {
		display: flex !important;
		justify-content: center !important;
		padding-inline: 116px;
		position: relative;
		width: 100%;
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .byteflows_menu {
		display: block !important;
		flex: 0 0 auto !important;
		min-width: 0;
		width: auto !important;
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .byteflows_menu-nav {
		gap: 0;
		justify-content: center;
		max-width: none;
		width: max-content;
	}

	body.wp-child-theme-quorum-media-child .main-header .byteflows_menu-nav > li {
		padding-inline: 0.25rem !important;
	}

	body.wp-child-theme-quorum-media-child .main-header .byteflows_menu-nav > li:first-child {
		padding-left: 0 !important;
	}

	body.wp-child-theme-quorum-media-child .main-header .byteflows_menu-nav > li:last-child {
		padding-right: 0 !important;
	}

	body.wp-child-theme-quorum-media-child .main-header .byteflows_menu-nav > li > a {
		font-size: 0.78rem;
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .header__control {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .hamburger_menu.bytf__mobile-menu,
	body.wp-child-theme-quorum-media-child .header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
		display: none !important;
	}
}

@media (max-width: 1339.98px) {
	body.wp-child-theme-quorum-media-child .header__menu-wrapper .byteflows_menu {
		display: none !important;
	}

	body.wp-child-theme-quorum-media-child .header__menu-wrapper .hamburger_menu.bytf__mobile-menu {
		display: flex !important;
		flex: 0 0 auto;
	}
}

/* Las etiquetas se conservan en WordPress, pero no se muestran en las notas. */
body.single-post.wp-child-theme-quorum-media-child .post_tags {
	display: none !important;
}

/* Titulos que viven sobre imagen oscura: blancos en todos los estados. */
body.wp-child-theme-quorum-media-child .bytf__post-overlay-item .bytf_post_title a,
body.wp-child-theme-quorum-media-child .bytf__post-overlay-item .bytf_post_title a:visited,
body.wp-child-theme-quorum-media-child .bytf__post-overlay-item .bytf_post_title a:hover,
body.wp-child-theme-quorum-media-child .bytf__post-overlay-item .bytf_post_title a:focus,
body.wp-child-theme-quorum-media-child .bytf__post-overlay-item .bytf_post_title a:active {
	color: #fff !important;
	text-decoration-color: #8d261f !important;
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 0.18em;
}

}

body.wp-child-theme-quorum-media-child .entry-content,
body.wp-child-theme-quorum-media-child .post-content,
body.wp-child-theme-quorum-media-child .bytf__excerpt,
body.wp-child-theme-quorum-media-child .bytf__post-excerpt,
body.wp-child-theme-quorum-media-child .elementor-widget-text-editor {
	font-family: var(--qm-font-editorial);
}

body.wp-child-theme-quorum-media-child .post-meta,
body.wp-child-theme-quorum-media-child .entry-meta,
body.wp-child-theme-quorum-media-child .bytf__post-meta,
body.wp-child-theme-quorum-media-child .bytf__postmeta,
body.wp-child-theme-quorum-media-child .bytf__postmeta-info-wrapper,
body.wp-child-theme-quorum-media-child .elementor-common-cate,
body.wp-child-theme-quorum-media-child input,
body.wp-child-theme-quorum-media-child select,
body.wp-child-theme-quorum-media-child textarea,
body.wp-child-theme-quorum-media-child label {
	font-family: var(--qm-font-ui);
}

/*
 * Forcast anida filas Bootstrap (-12px) en wrappers Elementor con 10px de
 * relleno. La diferencia es la causa medible del desbordamiento horizontal.
 */
.elementor-widget .bytf__post-wrapper > .row {
	margin-left: 0;
	margin-right: 0;
}

.byteflows_logo {
	min-width: 0;
}

.byteflows_logo a,
.byteflows_logo img {
	height: auto;
	max-width: 100%;
}

.byteflows_logo .dark-logo img,
.byteflows_logo .light-logo img {
	object-fit: contain;
}

.main-header .byteflows_menu-nav {
	display: flex;
	flex-wrap: nowrap;
	gap: 0;
	white-space: nowrap;
}

.main-header .byteflows_menu-nav > li {
	padding-right: clamp(0.4rem, 0.7vw, 0.65rem);
}

.main-header .byteflows_menu-nav > li:last-child {
	padding-right: 0;
}

.main-header .byteflows_menu-nav > li > a {
	font-size: clamp(0.72rem, 0.82vw, 0.81rem);
	padding-inline: 0;
}

@media (min-width: 1280px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		width: clamp(250px, 22vw, 360px);
	}

	.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
		display: none;
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		width: clamp(220px, 28vw, 320px);
	}

	.header__menu-wrapper .byteflows_menu {
		display: none;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu {
		display: block;
	}
}

@media (max-width: 767.98px) {
	.byteflows_logo a,
	.byteflows_logo img {
		height: auto;
		max-height: 56px;
		width: clamp(44px, 13vw, 56px);
	}
}

/*
 * Navegacion 0.2.2.
 *
 * Los once elementos editoriales no caben de forma legible en 1280/1440 px.
 * Se mantiene una sola navegacion lateral hasta 1499 px y el menu completo
 * aparece desde 1500 px. Los !important son necesarios para neutralizar las
 * reglas responsive del widget Header 2 y el padding de 50 px del tema padre,
 * cargadas con selectores equivalentes.
 */
.main-header .byteflows_menu-nav > li {
	flex: 0 0 auto;
	margin-inline: 0;
	padding-inline: 0.45rem !important;
}

.main-header .byteflows_menu-nav > li:first-child {
	padding-left: 0 !important;
}

.main-header .byteflows_menu-nav > li:last-child {
	padding-right: 0 !important;
}

.main-header .byteflows_menu-nav {
	gap: 0;
	justify-content: flex-end;
	max-width: 100%;
	width: auto;
}

.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
	display: none !important;
}

@media (max-width: 1499.98px) {
	.header__menu-wrapper .byteflows_menu {
		display: none !important;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu {
		display: flex !important;
		flex: 0 0 auto;
	}
}

@media (min-width: 1500px) {
	.header__menu-wrapper .byteflows_menu {
		display: block !important;
		flex: 1 1 auto;
		min-width: 0;
	}

	.header__menu-wrapper .hamburger_menu.bytf__mobile-menu,
	.header__menu-wrapper .hamburger__menu.toggle-hidden-bar {
		display: none !important;
	}
}

/*
 * Elementor y Forcast aplican Alegreya mediante selectores de widget con
 * especificidad alta. El !important se limita a titulares para garantizar la
 * tipografia institucional sin alterar cuerpo editorial ni metadatos.
 */
body.wp-child-theme-quorum-media-child h1,
body.wp-child-theme-quorum-media-child h2,
body.wp-child-theme-quorum-media-child h3,
body.wp-child-theme-quorum-media-child h4,
body.wp-child-theme-quorum-media-child h5,
body.wp-child-theme-quorum-media-child h6,
body.wp-child-theme-quorum-media-child .bytf_post_title,
body.wp-child-theme-quorum-media-child .bytf_post_title a,
body.wp-child-theme-quorum-media-child .bytf__post-title,
body.wp-child-theme-quorum-media-child .bytf__post-title a,
body.wp-child-theme-quorum-media-child .post-title,
body.wp-child-theme-quorum-media-child .post-title a,
body.wp-child-theme-quorum-media-child .entry-title,
body.wp-child-theme-quorum-media-child .entry-title a,
body.wp-child-theme-quorum-media-child .elementor-heading-title,
body.wp-child-theme-quorum-media-child .section-title,
body.wp-child-theme-quorum-media-child .widget-title {
	font-family: var(--qm-font-display) !important;
}

h1, h2, h3, h4, h5, h6,
.byteflows_menu-nav, button, .button, .elementor-button {
	font-family: var(--qm-font-display);
}

.post-meta, .entry-meta, .bytf__post-meta,
input, select, textarea, label {
	font-family: var(--qm-font-ui);
}

a {
	transition: color var(--qm-transition), background-color var(--qm-transition), border-color var(--qm-transition);
}

a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible {
	outline: 3px solid var(--qm-focus);
	outline-offset: 3px;
}

.main-header, .header__menu-wrapper {
	background: var(--qm-white);
	color: var(--qm-ink);
}

.header__top-wraper {
	display: none !important;
}

.header__top-main-wrap-inner {
	min-height: 132px;
}

.byteflows_logo {
	display: flex;
	align-items: center;
	min-width: 280px;
}

.byteflows_logo a,
.byteflows_logo img {
	display: block;
	height: auto;
	width: clamp(280px, 30vw, 400px);
}

.byteflows_logo .light-logo {
	display: none;
}

.header__menu-wrapper .container {
	max-width: 1480px;
}

.header__maenu {
	gap: var(--qm-space-4);
}

.byteflows_menu-nav {
	display: flex;
	flex-wrap: nowrap;
	gap: clamp(0.55rem, 1vw, 1.15rem);
	white-space: nowrap;
}

.byteflows_menu-nav > li > a {
	color: var(--qm-ink);
	font-size: clamp(0.76rem, 0.9vw, 0.9rem);
	font-weight: 700;
	letter-spacing: 0.01em;
	padding-inline: 0;
}

.byteflows_menu-nav > li.current-menu-item > a,
.byteflows_menu-nav > li > a:hover {
	color: var(--qm-red);
}

.header__control button, .header__control a, .search-toggle {
	color: var(--qm-ink);
}

.header__control button:hover, .header__control a:hover, .search-toggle:hover {
	color: var(--qm-red);
}

.nav-logo img, .empath_logo img {
	display: block;
	height: 52px;
	object-fit: contain;
	width: 52px;
}

.elementor-855 .elementor-element-aadf8d4 {
	background: var(--qm-ink);
	color: var(--qm-white);
	padding-block: var(--qm-space-8);
}

.elementor-855 .elementor-element-aadf8d4 .elementor-container {
	align-items: center;
	display: flex;
	gap: var(--qm-space-8);
	justify-content: space-between;
}

.elementor-855 .elementor-element-b133fcb p {
	font-family: var(--qm-font-ui);
	font-size: var(--qm-text-sm);
	line-height: 1.5;
	margin: 0;
}

.qm-footer-logo {
	display: block;
	height: auto;
	max-width: 340px;
	width: min(34vw, 340px);
}

.elementor-button, button[type="submit"], input[type="submit"] {
	background: var(--qm-red);
	border-color: var(--qm-red);
	color: var(--qm-white);
}

.elementor-button:hover, button[type="submit"]:hover, input[type="submit"]:hover {
	background: var(--qm-link-hover);
	border-color: var(--qm-link-hover);
	color: var(--qm-white);
}

@media (max-width: 1199px) {
	.byteflows_menu-nav { gap: 0.55rem; }
	.byteflows_menu-nav > li > a { font-size: 0.75rem; }
}

@media (max-width: 767px) {
	.header__top-main-wrap-inner { min-height: auto; }
	.byteflows_logo { min-width: 0; }
	.byteflows_logo a, .byteflows_logo img {
		height: 52px;
		width: 52px;
	}
	.elementor-855 .elementor-element-aadf8d4 .elementor-container {
		align-items: flex-start;
		flex-direction: column;
	}
	.qm-footer-logo {
		max-width: 280px;
		width: min(78vw, 280px);
	}
}

/* Estas reglas deben quedar despues de los estilos heredados del paquete. */
.byteflows_logo {
	min-width: 0;
}

@media (min-width: 1280px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-width: 100%;
		width: clamp(250px, 22vw, 360px);
	}
}

@media (min-width: 768px) and (max-width: 1279px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-width: 100%;
		width: clamp(220px, 28vw, 320px);
	}
}

@media (max-width: 767.98px) {
	.byteflows_logo .dark-logo img,
	.byteflows_logo .light-logo img {
		height: auto;
		max-height: 56px;
		width: clamp(44px, 13vw, 56px);
	}
}

/*
 * Correcciones estructurales 0.2.3.
 *
 * A 1024 px el widget de pestañas 899c45a combina `flex: 111` en el
 * contenido con una miniatura fija de 75px y 15px de margen. El min-width
 * automático del contenido impide que se contraiga y desplaza la miniatura
 * fuera de la columna. El widget AJAX 0728718 se limita también a su columna
 * para que las cargas posteriores conserven la misma geometría.
 */
@media (min-width: 768px) and (max-width: 1199.98px) {
	.elementor-element-899c45a,
	.elementor-element-899c45a .bytf__post-tab-wrapper,
	.elementor-element-899c45a .tab-content,
	.elementor-element-899c45a .tab-pane,
	.elementor-element-899c45a .bytf__post-tab-item,
	.elementor-element-0728718,
	.elementor-element-0728718 .bytf__post-list-wrapper,
	.elementor-element-0728718 .grid-loadmore-content-two,
	.elementor-element-0728718 .bytf__post-list-item-two {
		box-sizing: border-box;
		max-width: 100%;
		min-width: 0;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__content {
		flex: 1 1 0;
		min-width: 0;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__feature-image {
		flex: 0 0 75px;
		max-width: 75px;
	}

	.elementor-element-899c45a .bytf__post-tab-item .bytf__feature-image img,
	.elementor-element-0728718 .bytf__feature-image img {
		height: auto;
		max-width: 100%;
	}

	.elementor-element-0728718 .bytf__feature-image {
		max-width: 100%;
		min-width: 0;
	}
}

/* La fecha es información editorial, no cuerpo de la noticia. */
body.wp-child-theme-quorum-media-child .single__post-article .date,
body.wp-child-theme-quorum-media-child .bytf__single-post-wrapper .date,
body.wp-child-theme-quorum-media-child .bytf__postmeta .date,
body.wp-child-theme-quorum-media-child .entry-meta .date,
body.wp-child-theme-quorum-media-child .post-meta .date {
	font-family: var(--qm-font-ui);
}