/* ==========================================================================
   N24 News 4.0 — paleta, redes sociales actuales y ajustes modernos
   Paleta: #03242B (oscuro) · #449C9E (verde azulado) · #E6E6E6 (gris claro)
   ========================================================================== */

:root {
	--mvp-dark: #03242B;
	--mvp-teal: #449C9E;
	--mvp-teal-dark: #357a7c;
	--mvp-light: #E6E6E6;
	--mvp-white: #ffffff;
}

/* Colores de marca actuales */
.mvp-soc-facebook, .mvp-post-soc-fb, .mvp-soc-mob-fb, .mvp-alp-soc-fb { --mvp-brand: #1877F2; }
.mvp-soc-twitter, .mvp-post-soc-twit, .mvp-soc-mob-twit, .mvp-alp-soc-twit { --mvp-brand: #000000; }
.mvp-soc-instagram { --mvp-brand: #E4405F; }
.mvp-soc-tiktok { --mvp-brand: #010101; }
.mvp-soc-youtube { --mvp-brand: #FF0000; }
.mvp-soc-threads { --mvp-brand: #000000; }
.mvp-soc-whatsapp, .mvp-post-soc-what, .mvp-soc-mob-what, .mvp-alp-soc-what { --mvp-brand: #25D366; }
.mvp-soc-telegram, .mvp-post-soc-tele, .mvp-soc-mob-tele, .mvp-alp-soc-tele { --mvp-brand: #229ED9; }
.mvp-soc-linkedin { --mvp-brand: #0A66C2; }
.mvp-soc-bluesky { --mvp-brand: #1185FE; }
.mvp-soc-pinterest { --mvp-brand: #E60023; }
.mvp-soc-rss { --mvp-brand: #F26522; }

/* Fecha de publicación: nunca visible (se conserva solo como metadato SEO) */
span.mvp-cd-date,
.mvp-author-info-date,
.mvp-post-date { display: none !important; }

/* --------------------------------------------------------------------------
   Íconos de perfiles (navegación, menú lateral y pie)
   ----------------------------------------------------------------------- */
.mvp-nav-soc-wrap a,
ul.mvp-foot-soc-list li a,
ul.mvp-fly-soc-list li a {
	text-decoration: none;
}

.mvp-nav-soc-wrap span.mvp-nav-soc-but,
ul.mvp-fly-soc-list li a {
	transition: background-color .2s ease, transform .2s ease;
}

.mvp-nav-soc-wrap span.mvp-nav-soc-but:hover,
ul.mvp-fly-soc-list li a:hover {
	background: var(--mvp-brand, var(--mvp-teal));
	transform: translateY(-1px);
}

ul.mvp-foot-soc-list li {
	margin-bottom: 8px;
}

ul.mvp-foot-soc-list li a {
	background: var(--mvp-teal);
	transition: background-color .2s ease, transform .2s ease;
}

ul.mvp-foot-soc-list li a:hover {
	background: var(--mvp-brand, var(--mvp-dark));
	transform: translateY(-2px);
}

/* Instagram con su degradado actual */
.mvp-nav-soc-wrap span.mvp-soc-instagram:hover,
ul.mvp-foot-soc-list li a.mvp-soc-instagram:hover,
ul.mvp-fly-soc-list li a.mvp-soc-instagram:hover,
ul.mvp-author-page-list li.fa-instagram:hover {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* Página y caja de autor */
ul.mvp-author-page-list li { background: var(--mvp-teal); }
ul.mvp-author-page-list li:hover { background: var(--mvp-dark); }
ul.mvp-author-page-list li.fa-facebook-f:hover { background: #1877F2; }
ul.mvp-author-page-list li.fa-x-twitter:hover,
ul.mvp-author-page-list li.fa-tiktok:hover { background: #000; }
ul.mvp-author-page-list li.fa-linkedin-in:hover { background: #0A66C2; }
ul.mvp-author-page-list li.fa-pinterest-p:hover { background: #E60023; }
span.mvp-author-box-soc { color: var(--mvp-teal); }
span.mvp-author-box-soc:hover { color: var(--mvp-dark); }

/* --------------------------------------------------------------------------
   Botones para compartir (entrada)
   ----------------------------------------------------------------------- */
ul.mvp-post-soc-list li.mvp-post-soc-fb,
ul.mvp-post-soc-list li.mvp-post-soc-twit,
ul.mvp-post-soc-list li.mvp-post-soc-what,
ul.mvp-post-soc-list li.mvp-post-soc-tele {
	background: var(--mvp-brand);
	color: #fff;
}

ul.mvp-post-soc-list li.mvp-post-soc-what,
ul.mvp-post-soc-list li.mvp-post-soc-tele {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	float: left;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 8px;
	padding-top: 11px;
	position: relative;
	text-align: center;
	width: 40px;
	height: 29px;
}

ul.mvp-post-soc-list li.mvp-post-soc-what:hover,
ul.mvp-post-soc-list li.mvp-post-soc-tele:hover {
	font-size: 20px;
	padding-top: 10px;
	height: 30px;
}

ul.mvp-post-soc-list li.mvp-post-soc-email {
	background: var(--mvp-teal);
}

ul.mvp-post-soc-list li.mvp-post-soc-com {
	border-color: var(--mvp-teal);
	color: var(--mvp-teal);
}

/* Barra de video ancho */
ul.mvp-vid-wide-soc-list li.mvp-post-soc-fb,
ul.mvp-vid-wide-soc-list li.mvp-post-soc-twit,
ul.mvp-vid-wide-soc-list li.mvp-post-soc-what,
ul.mvp-vid-wide-soc-list li.mvp-post-soc-tele {
	background: var(--mvp-brand);
}

ul.mvp-vid-wide-soc-list li.mvp-post-soc-what,
ul.mvp-vid-wide-soc-list li.mvp-post-soc-tele {
	color: #fff;
}

/* Carga automática de entradas */
ul.mvp-alp-soc-list li.mvp-alp-soc-fb,
ul.mvp-alp-soc-list li.mvp-alp-soc-twit,
ul.mvp-alp-soc-list li.mvp-alp-soc-what,
ul.mvp-alp-soc-list li.mvp-alp-soc-tele {
	background: var(--mvp-brand);
}

ul.mvp-alp-soc-list li.mvp-alp-soc-com {
	background: var(--mvp-teal);
}

/* --------------------------------------------------------------------------
   Barra inferior de compartir en móvil
   Cerrada: Facebook + WhatsApp · Abierta: 6 botones
   ----------------------------------------------------------------------- */
ul.mvp-soc-mob-list li.mvp-soc-mob-fb,
ul.mvp-soc-mob-list li.mvp-soc-mob-what {
	width: 50%;
}

ul.mvp-soc-mob-list li.mvp-soc-mob-twit,
ul.mvp-soc-mob-list li.mvp-soc-mob-tele,
ul.mvp-soc-mob-list li.mvp-soc-mob-email,
ul.mvp-soc-mob-list li.mvp-soc-mob-com {
	width: 0;
}

.mvp-soc-mob-more ul.mvp-soc-mob-list li {
	width: 16.66666666%;
}

ul.mvp-soc-mob-list li.mvp-soc-mob-fb,
ul.mvp-soc-mob-list li.mvp-soc-mob-twit,
ul.mvp-soc-mob-list li.mvp-soc-mob-what,
ul.mvp-soc-mob-list li.mvp-soc-mob-tele {
	background: var(--mvp-brand);
}

ul.mvp-soc-mob-list li.mvp-soc-mob-email {
	background: var(--mvp-teal-dark);
}

ul.mvp-soc-mob-list li.mvp-soc-mob-com {
	background: var(--mvp-teal);
}

.mvp-soc-mob-right {
	background: var(--mvp-dark);
}

/* --------------------------------------------------------------------------
   Detalles de la paleta
   ----------------------------------------------------------------------- */
::selection {
	background: var(--mvp-teal);
	color: #fff;
}

#mvp-foot-wrap {
	background: var(--mvp-dark);
}

#mvp-foot-bot {
	background: #021a1f;
}

span.mvp-widget-home-title,
span.mvp-post-cat,
span.mvp-feat1-pop-head {
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a.mvp-inf-more-but,
span.mvp-cont-read-but,
#mvp-comments-button span.mvp-comment-but-text {
	transition: background-color .2s ease, color .2s ease;
}

a.mvp-inf-more-but:hover,
span.mvp-cont-read-but:hover,
span.mvp-post-add-link-but:hover,
#mvp-comments-button span.mvp-comment-but-text:hover {
	background: var(--mvp-teal);
	border-color: var(--mvp-teal);
	color: #fff;
}

#searchform input:focus,
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
a:focus-visible,
button:focus-visible {
	outline: 2px solid var(--mvp-teal);
	outline-offset: 2px;
}

/* Imágenes responsivas y sin saltos de diseño */
#mvp-content-main img,
.mvp-post-add-main img {
	height: auto;
	max-width: 100%;
}

/* Respeta a quien prefiere menos animación */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

/* ==========================================================================
   v4.1 — títulos de widgets redondeados, imágenes redondeadas y compartir
   ========================================================================== */

/* Títulos de widgets y etiquetas de categoría: forma de píldora (sin inclinación) */
span.mvp-widget-home-title,
span.mvp-post-cat,
h3.mvp-post-cat,
span.mvp-feat1-pop-head,
span.mvp-feat1-list-but {
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-border-radius: 999px !important;
	border-radius: 999px !important;
	font-style: normal;
	padding-left: 18px;
	padding-right: 18px;
}

/* Íconos sociales de la cabecera en una sola fila */
.mvp-nav-soc-wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	white-space: nowrap;
}

.mvp-nav-soc-wrap a {
	flex: 0 0 auto;
}

/* --------------------------------------------------------------------------
   Imágenes con esquinas redondeadas (todo el contenido, excepto logos)
   Cabecera, menú lateral y pie de página no se tocan, así los logos
   conservan su forma.
   ----------------------------------------------------------------------- */
#mvp-main-body-wrap {
	--mvp-radius: 12px;
	--mvp-radius-sm: 8px;
}

/* Contenedores de miniaturas: recortan la imagen y el efecto hover */
#mvp-main-body-wrap [class*="-img"]:not(.mvp-post-img-hide):not(.mvp-reg-img):not(.mvp-mob-img),
#mvp-main-body-wrap #mvp-post-feat-img,
#mvp-main-body-wrap .mvp-post-add-img {
	-webkit-border-radius: var(--mvp-radius);
	border-radius: var(--mvp-radius);
	overflow: hidden;
}

/* Imágenes: redondeadas y adaptadas a su contenedor sin deformarse */
#mvp-main-body-wrap img:not(.avatar):not(.emoji):not([class*="logo"]):not([src*="logo"]) {
	-webkit-border-radius: var(--mvp-radius);
	border-radius: var(--mvp-radius);
	height: auto;
	max-width: 100%;
}

/* Miniaturas del listado y widgets: llenan el espacio sin estirarse */
#mvp-main-body-wrap [class*="-story-img"] img,
#mvp-main-body-wrap [class*="-feat-img"] img,
#mvp-main-body-wrap [class*="-sub-img"] img,
#mvp-main-body-wrap [class*="-list-img"] img,
#mvp-main-body-wrap [class*="-pop-img"] img,
#mvp-main-body-wrap [class*="-main-img"] img,
#mvp-main-body-wrap .mvp-related-img img,
#mvp-main-body-wrap .mvp-post-more-img img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
}

/* Miniaturas pequeñas (barra lateral / tendencias) un poco menos redondeadas */
#mvp-main-body-wrap .mvp-widget-feat2-side-img,
#mvp-main-body-wrap .mvp-widget-feat2-side-img img,
#mvp-main-body-wrap .mvp-feat1-list-img,
#mvp-main-body-wrap .mvp-feat1-list-img img,
#mvp-main-body-wrap .mvp-flex-row .mvp-flex-story-img,
#mvp-main-body-wrap .mvp-flex-row .mvp-flex-story-img img {
	-webkit-border-radius: var(--mvp-radius-sm);
	border-radius: var(--mvp-radius-sm);
}

/* Imágenes dentro del texto del artículo */
#mvp-content-main img,
#mvp-content-main .wp-block-image img,
.mvp-post-add-main img {
	-webkit-border-radius: var(--mvp-radius);
	border-radius: var(--mvp-radius);
	height: auto;
	max-width: 100%;
}

#mvp-content-main figure.wp-block-image,
#mvp-content-main .wp-caption {
	max-width: 100%;
}

/* Imagen destacada del artículo: tamaño proporcional */
#mvp-post-feat-img img,
.mvp-post-add-img img {
	display: block;
	height: auto;
	object-fit: cover;
	width: 100%;
	max-height: 720px;
}

/* Anuncios, avatares y emojis nunca se recortan */
#mvp-main-body-wrap [id*="ad"] img,
#mvp-main-body-wrap [class*="-ad"] img,
#mvp-main-body-wrap .code-block img,
#mvp-main-body-wrap ins img,
#mvp-main-body-wrap img.emoji {
	-webkit-border-radius: 0;
	border-radius: 0;
	aspect-ratio: auto;
}

/* --------------------------------------------------------------------------
   Compartir al final de la entrada
   ----------------------------------------------------------------------- */
.mvp-share-bottom {
	border-top: 1px solid var(--mvp-light);
	border-bottom: 1px solid var(--mvp-light);
	margin: 10px 0 25px;
	padding: 18px 0;
	width: 100%;
}

.mvp-share-bottom-head {
	color: var(--mvp-dark);
	display: block;
	font-size: 1rem;
	font-weight: 700;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.mvp-share-bottom-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mvp-share-btn {
	align-items: center;
	background: var(--mvp-brand, var(--mvp-teal));
	border: 0;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	color: #fff !important;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: .9rem;
	font-weight: 700;
	gap: 8px;
	line-height: 1;
	padding: 11px 18px;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: filter .2s ease, transform .2s ease;
}

.mvp-share-btn:hover {
	filter: brightness(1.1);
	transform: translateY(-2px);
}

.mvp-share-btn i {
	font-size: 1.1rem;
}

.mvp-share-facebook { --mvp-brand: #1877F2; }
.mvp-share-x        { --mvp-brand: #000000; }
.mvp-share-whatsapp { --mvp-brand: #25D366; }
.mvp-share-telegram { --mvp-brand: #229ED9; }
.mvp-share-email    { --mvp-brand: var(--mvp-teal-dark); }
.mvp-share-copy     { --mvp-brand: var(--mvp-dark); }

@media screen and (max-width: 767px) {
	.mvp-share-btn span { display: none; }
	.mvp-share-btn {
		flex: 1 1 0;
		justify-content: center;
		padding: 13px 0;
	}
	.mvp-share-btn i { font-size: 1.25rem; }
}

/* Números de "Tendencias" centrados sobre la miniatura redondeada */
.mvp-feat5-side-list .mvp-feat1-list-img:after {
	align-items: center;
	bottom: 0;
	display: flex;
	justify-content: center;
	margin: 0 !important;
	text-shadow: 0 2px 6px rgba(0,0,0,.5);
}

/* ==========================================================================
   v4.3 — Subtítulo y fuente de la noticia
   ========================================================================== */

/* Subtítulo bajo el titular */
h2.mvp-post-subtitle {
	color: #3f5459;
	font-family: inherit;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.5;
	margin-top: 14px;
	text-transform: none;
	width: 100%;
}

.mvp-post-feat-text h2.mvp-post-subtitle,
.mvp-vid-wide-text h2.mvp-post-subtitle {
	color: #fff;
	font-size: 1.15rem;
}

/* Línea de fuente en los listados (logo + nombre) */
.mvp-source-line {
	align-items: center;
	clear: both;
	color: inherit;
	display: flex;
	font-size: .9rem;
	font-weight: 500;
	gap: 7px;
	line-height: 1.2;
	margin-top: 8px;
	width: 100%;
}

.mvp-source-logo,
#mvp-main-body-wrap img.mvp-source-logo {
	-webkit-border-radius: 50% !important;
	border-radius: 50% !important;
	flex: 0 0 auto;
	height: 22px !important;
	object-fit: cover;
	width: 22px !important;
	aspect-ratio: 1 / 1 !important;
	background: #fff;
	box-shadow: 0 0 0 1px var(--mvp-light);
}

.mvp-source-initial {
	align-items: center;
	background: var(--mvp-teal);
	color: #fff;
	display: inline-flex;
	font-size: .75rem;
	font-weight: 700;
	justify-content: center;
	box-shadow: none;
}

.mvp-source-name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Fuente bajo el título del artículo */
.mvp-source-badge {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: .95rem;
	gap: 8px;
	margin-top: 14px;
	width: 100%;
}

.mvp-source-label {
	color: #5b6f73;
}

.mvp-source-badge a,
.mvp-source-badge .mvp-source-inner {
	align-items: center;
	background: #f3f5f5;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	color: var(--mvp-dark);
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	padding: 4px 14px 4px 4px;
	text-decoration: none;
	transition: background-color .2s ease;
}

.mvp-source-badge a:hover {
	background: var(--mvp-light);
}

.mvp-source-badge .mvp-source-logo,
#mvp-main-body-wrap .mvp-source-badge img.mvp-source-logo {
	height: 26px !important;
	width: 26px !important;
}

.mvp-post-feat-text .mvp-source-label,
.mvp-vid-wide-text .mvp-source-label {
	color: #d6e3e3;
}

/* Recuadro "Con información de" al final */
.mvp-source-box {
	align-items: center;
	background: #f3f5f5;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin: 10px 0 20px;
	padding: 16px 18px;
	width: 100%;
}

.mvp-source-box .mvp-source-logo,
#mvp-main-body-wrap .mvp-source-box img.mvp-source-logo {
	height: 44px !important;
	width: 44px !important;
	font-size: 1.1rem;
}

.mvp-source-box-text {
	display: flex;
	flex: 1;
	flex-direction: column;
	line-height: 1.3;
	min-width: 150px;
}

.mvp-source-box-text span {
	color: #5b6f73;
	font-size: .88rem;
}

.mvp-source-box-text strong {
	color: var(--mvp-dark);
	font-size: 1.1rem;
}

a.mvp-source-box-link {
	background: var(--mvp-dark);
	-webkit-border-radius: 999px;
	border-radius: 999px;
	box-shadow: none !important;
	color: #fff !important;
	font-size: .9rem;
	font-weight: 700;
	padding: 10px 16px;
	text-decoration: none !important;
	transition: background-color .2s ease;
}

a.mvp-source-box-link:hover {
	background: var(--mvp-teal);
}

a.mvp-source-box-link i {
	font-size: .8rem;
	margin-left: 4px;
}

/* ==========================================================================
   v4.3.1 — Correcciones de clics en la cabecera y menú fijo
   ========================================================================== */

/* La caja de íconos sociales ocupa todo el ancho de la cabecera; se hace
   "transparente" a los clics y solo los íconos reciben el clic. Así no tapa
   el menú, el logo ni el botón del menú lateral. */
.mvp-nav-soc-wrap {
	pointer-events: none;
}

.mvp-nav-soc-wrap a,
.mvp-nav-soc-wrap span.mvp-nav-soc-but {
	pointer-events: auto;
}

/* En el menú fijo (al bajar) no caben los íconos: se ocultan */
.mvp-nav-small .mvp-nav-soc-wrap,
.mvp-fixed .mvp-nav-soc-wrap {
	display: none !important;
}

/* Capas ocultas del menú lateral y del buscador: no bloquean clics
   mientras están cerradas */
.mvp-fly-fade:not(.mvp-fly-fade-trans) {
	height: 0 !important;
	pointer-events: none;
}

#mvp-search-wrap:not(.mvp-search-toggle) {
	pointer-events: none;
	visibility: hidden;
}

/* Con sesión iniciada: el menú fijo se ubica debajo de la barra de WordPress */
@media screen and (min-width: 783px) {
	body.admin-bar #mvp-main-nav-top.mvp-fixed,
	body.admin-bar #mvp-main-nav-small.mvp-nav-small-fixed {
		margin-top: 32px;
	}
	body.admin-bar #mvp-main-nav-bot.mvp-fixed1 {
		margin-top: 32px !important;
	}
}

@media screen and (min-width: 601px) and (max-width: 782px) {
	body.admin-bar #mvp-main-nav-top.mvp-fixed,
	body.admin-bar #mvp-main-nav-small.mvp-nav-small-fixed {
		margin-top: 46px;
	}
	body.admin-bar #mvp-main-nav-bot.mvp-fixed1 {
		margin-top: 46px !important;
	}
}

/* ==========================================================================
   v4.3.2 — Botones de Google y marca propia por categoría
   ========================================================================== */

/* Fila del autor: nombre a la izquierda, botones de Google a la derecha */
.mvp-author-info-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
}

.mvp-gbtns {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-left: auto;
}

a.mvp-gbtn {
	align-items: center;
	background: #fff;
	border: 1px solid #dadce0;
	-webkit-border-radius: 999px;
	border-radius: 999px;
	box-shadow: none !important;
	color: #3c4043 !important;
	display: inline-flex;
	font-size: .9rem;
	font-weight: 600;
	gap: 8px;
	line-height: 1;
	padding: 9px 16px 9px 12px;
	text-decoration: none !important;
	transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
	white-space: nowrap;
}

a.mvp-gbtn:hover {
	background: #f8fafd;
	border-color: #c6d4f0;
	box-shadow: 0 1px 4px rgba(60,64,67,.18) !important;
}

.mvp-gbtn-g {
	height: 18px;
	width: 18px;
	flex: 0 0 18px;
}

a.mvp-gbtn-pref i {
	color: #F9AB00;
	font-size: 1rem;
}

/* Marca propia junto a la etiqueta de categoría */
h3.mvp-post-cat {
	width: auto !important;
}

a.mvp-cat-brand {
	align-items: center;
	box-shadow: none !important;
	color: #5b6f73 !important;
	display: inline-flex;
	font-size: .85rem;
	gap: 8px;
	margin: 0 0 0 14px;
	min-height: 28px;
	text-decoration: none !important;
}

.mvp-cat-date-wrap + a.mvp-cat-brand,
.mvp-cat-date-wrap a.mvp-cat-brand {
	margin-left: 0;
	margin-top: 8px;
}

a.mvp-cat-brand img.mvp-brand-logo,
#mvp-main-body-wrap a.mvp-cat-brand img.mvp-brand-logo {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	height: 26px !important;
	max-width: 160px;
	object-fit: contain;
	width: auto !important;
	aspect-ratio: auto !important;
}

a.mvp-cat-brand .mvp-brand-name {
	color: var(--mvp-dark);
	font-size: 1rem;
}

a.mvp-cat-brand:hover .mvp-cat-brand-label {
	color: var(--mvp-teal);
}

/* h1 del título baja a su propia línea */
a.mvp-cat-brand + h1.mvp-post-title {
	clear: both;
}

/* Franja de marca al inicio de la categoría */
.mvp-cat-brand-banner {
	align-items: center;
	border-bottom: 1px solid var(--mvp-light);
	display: flex;
	flex-wrap: wrap;
	gap: 10px 24px;
	justify-content: space-between;
	margin: 0 0 30px;
	padding: 6px 0 18px;
	width: 100%;
}

h1.mvp-cat-brand-title {
	color: var(--mvp-dark);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.1;
	margin: 0;
}

.mvp-cat-brand-banner a.mvp-cat-brand {
	margin: 0;
}

.mvp-cat-brand-banner a.mvp-cat-brand img.mvp-brand-logo,
#mvp-main-body-wrap .mvp-cat-brand-banner a.mvp-cat-brand img.mvp-brand-logo {
	height: 38px !important;
	max-width: 220px;
}

@media screen and (max-width: 767px) {
	.mvp-gbtns {
		margin-left: 0;
		width: 100%;
	}
	a.mvp-gbtn {
		flex: 1 1 auto;
		justify-content: center;
		font-size: .82rem;
		padding: 9px 12px;
	}
	a.mvp-cat-brand {
		margin-left: 10px;
	}
	h1.mvp-cat-brand-title {
		font-size: 1.8rem;
	}
}