:root {
	--header-height: 30px;
}

#capsule-header {
	position: relative;
	z-index: 10000;
	background: #0d0d0d;
	color: #fff;
	padding: 0.3rem;
	height: var(--header-height);
}

.capsule-header-wrap {
	display: flex;
	gap: 0.7rem;
	max-width: 100%;
	width: 1080px;
	height: 100%;
	margin-inline: auto;
}

#capsule-header img {
	max-height: 100%;
	filter: brightness(999);
}

header#masthead .head-top-bar,
li#nav-menu-submenu-regiones-map,
header#masthead .head-bottom-bar a p:last-child,
header#masthead .head-bottom-bar ul.rrss.head-bottom-bar_social,
header#masthead .head-bottom-bar li[aria-hidden="true"] {
	display: none;
}

button.capsule-header-hamburger {
	background: transparent;
	border: none;
	padding: 0;
	width: 30px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3Cpath d='M1 9h14V7H1v2zm0 5h14v-2H1v2zM1 2v2h14V2H1z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

button.capsule-header-hamburger.expanded {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M5.3 5.3a1 1 0 0 1 1.4 0l5.3 5.3 5.3-5.3a1 1 0 1 1 1.4 1.4L13.4 12l5.3 5.3a1 1 0 0 1-1.4 1.4L12 13.4l-5.3 5.3a1 1 0 0 1-1.4-1.4l5.3-5.3-5.3-5.3a1 1 0 0 1 0-1.4Z' /%3E%3C/svg%3E");
}

.capsule-hader-right {
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.capsule-hader-right .comments-pill a {
	display: flex;
	height: 20px;
	align-items: center;
	text-decoration: none;
	gap: 0.2em;
}

.capsule-hader-right .comments-pill a svg {
	fill: #fff;
	width: 25px;
	height: 25px;
}

button.capsule-header-share {
	background: transparent;
	border: none;
	padding: 0;
	width: 30px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M13.8 5.3a3.3 3.3 0 1 1 1 2.4L10 10.8a3.3 3.3 0 0 1-.2 2L15 16a3.3 3.3 0 0 1 5.5 2.6 3.3 3.3 0 1 1-6.4-1.4L9 14a3.3 3.3 0 0 1-5.6-2.5 3.3 3.3 0 0 1 6-2L14 6.3l-.2-1Z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

header#masthead {
	height: 0 !important;
	display: block !important;
}

header#masthead .head-bottom-bar {
	position: fixed;
	z-index: 10000;
	background: #00000080;
	inset: 0;
	display: none;
}

header#masthead .head-bottom-bar #nav-menu {
	position: fixed;
	inset: 0;
	background: #0d0d0d;
	height: 100%;
	z-index: 10000;
	padding: 1rem;
	padding-top: calc(var(--header-height) + 1rem);
	color: white;
	width: 250px;
	max-width: 100%;
	overflow: auto;
	color-scheme: dark;
}

header#masthead .head-bottom-bar form.eom-search {
	display: flex;
	align-items: center;
	border: 1px solid #ffffff60;
	border-radius: 5px;
	overflow: hidden;
}

header#masthead .head-bottom-bar form.eom-search>* {
	color: #ffffff;
	padding: 0.2rem 0.5rem;
	height: 100%;
	background: transparent;
	outline: none;
	border: none;
	border-right: 1px solid #ffffff57;
	flex: 1;
	width: 185px;
}

header#masthead .head-bottom-bar form.eom-search .eom-search-btn i {
	font-size: 1rem;
}

header#masthead .head-bottom-bar a,
header#masthead .head-bottom-bar button {
	color: white;
	text-decoration: none;
	background-color: transparent;
	border: none;
	padding: 0;
	display: block;
}

header#masthead .head-bottom-bar a:focus-visible,
header#masthead .head-bottom-bar button:focus-visible {
	color: #78c220;
	outline: none;
}

header#masthead .head-bottom-bar a:hover,
header#masthead .head-bottom-bar button:hover {
	opacity: 0.75;
}

header#masthead .head-bottom-bar ul {
	padding-left: 0.75rem;
	list-style: circle;
	font-size: 1rem;
}

header#masthead #nav-menu-submenu-secciones {
	padding: 0;
}

header#masthead .head-bottom-bar #nav-menu nav>ul>li {
	font-size: 1.2rem;
	list-style: none;
}

header#masthead .head-bottom-bar ul p {
	margin: 0;
}