/* PepNet · Canales de contacto */
.pn-canales {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pn-canales .pn-canales__card {
	background: var(--pn-white);
	border: 1px solid var(--pn-mist-2);
	border-radius: var(--pn-radius);
	padding: 32px;
}

.pn-canales .pn-canales__title {
	font-size: 20px;
	color: var(--pn-ink);
}

.pn-canales .pn-canales__card .pn-canales__title {
	margin-bottom: 22px;
}

.pn-canales .pn-canales__list {
	display: flex;
	flex-direction: column;
}

.pn-canales .pn-canales__item {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 0;
	border-bottom: 1px solid var(--pn-mist-2);
	font-weight: 700;
	font-size: 15px;
	color: var(--pn-ink);
}

.pn-canales .pn-canales__item:last-child {
	border-bottom: none;
}

.pn-canales a.pn-canales__item:hover .pn-canales__label {
	color: var(--pn-teal);
}

.pn-canales .pn-canales__ic {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: var(--pn-cyan-10);
	color: var(--pn-teal);
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

.pn-canales .pn-canales__ic svg {
	width: 18px;
	height: 18px;
}

.pn-canales .pn-canales__meta {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.pn-canales .pn-canales__sub {
	font-weight: 500;
	font-size: 12.5px;
	color: var(--pn-slate);
}

.pn-canales .pn-canales__note {
	margin-top: 20px;
	font-size: 12.5px;
	color: var(--pn-slate);
}

.pn-canales .pn-canales__box {
	background: var(--pn-paper);
	border: 1px dashed var(--pn-mist-2);
	border-radius: var(--pn-radius);
	padding: 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pn-canales .pn-canales__box p {
	margin-top: 12px;
	color: var(--pn-slate);
	font-size: 15px;
}

.pn-canales .pn-canales__box .pn-btn {
	margin-top: 22px;
	align-self: flex-start;
}

/* Contenedor de Elementor de la página Contacto (clase «pn-contacto-layout») */
.e-con.pn-seccion-contacto {
	padding-top: 104px !important;
	padding-bottom: 104px !important;
}

.e-con.pn-contacto-layout {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 40px;
	width: 100%;
	max-width: 1680px;
	margin-inline: auto;
}

.e-con.pn-contacto-layout > .e-con {
	width: auto;
	min-width: 0;
}

@media (min-width: 900px) {
	.e-con.pn-contacto-layout {
		grid-template-columns: 1.3fr 1fr;
		gap: 56px;
		align-items: start;
	}
}