/* ==========================================================================
   Pie de página de portal — República al Día
   Pieza nueva: no reescribe tipografías, colores, tamaños ni anchos del tema.
   Solo usa tokens ya existentes (--dum-acento, --dum-ancho) y el contenedor
   propio de CoverNews, para que el pie case con la cabecera.
   ========================================================================== */

/* 1) El pie del tema se retira de la vista (no se borra: sigue en el DOM para
      no romper nada del tema ni de otros agentes). Así el pie nuevo no duplica. */
.site-footer {
	position: absolute !important;
	left: -9999px !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

/* 2) Pie nuevo */
.dum-pie {
	background-color: #14171c;
	color: #ffffff;
	border-top: 3px solid var(--dum-acento, #ff184e);
	padding: 26px 0 22px;
	font-size: 14px;
	line-height: 1.5;
}

.dum-pie__inner {
	max-width: var(--dum-ancho, 1280px);
	margin: 0 auto;
	padding: 0 15px;
	box-sizing: border-box;
	text-align: center;
}

/* 2.1 Fila con las 9 secciones */
.dum-pie__menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 0 0 18px;
	padding: 0 0 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.dum-pie__menu a {
	display: inline-block;
	padding: 4px 13px;
	color: #ffffff;
	font-family: 'Encode Sans Condensed', 'Lato', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	text-decoration: none;
	transition: color 0.2s ease;
}

.dum-pie__menu a:hover,
.dum-pie__menu a:focus {
	color: var(--dum-acento, #ff184e);
}

/* 2.2 «Social» + los 6 iconos */
.dum-pie__titulo {
	margin: 0 0 10px;
	color: #ffffff;
	font-family: 'Encode Sans Condensed', 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.dum-pie__iconos {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.dum-pie__iconos li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dum-pie__iconos a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 50%;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.05);
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.dum-pie__iconos a:hover,
.dum-pie__iconos a:focus {
	color: #ffffff;
	background-color: var(--dum-acento, #ff184e);
	border-color: var(--dum-acento, #ff184e);
}

.dum-pie__svg {
	display: block;
	width: 17px;
	height: 17px;
	fill: currentColor;
}

/* 2.3 Línea de copyright */
.dum-pie__copy {
	margin: 20px 0 0;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.14);
	color: #ffffff;
	font-size: 13px;
	line-height: 1.5;
}

/* 3) Móvil: el menú se apila con holgura y los iconos bajan de tamaño */
@media (max-width: 767px) {
	.dum-pie {
		padding: 20px 0 18px;
	}

	.dum-pie__menu a {
		padding: 3px 9px;
		font-size: 13px;
	}

	.dum-pie__iconos {
		gap: 10px;
	}

	.dum-pie__iconos a {
		width: 34px;
		height: 34px;
	}
}