/*
 * Liquid Glass — Plantilla de página Redes Sociales
 * (page-templates/template-redes-sociales.php)
 *
 * Reescrito para la plantilla PHP propia: ya no depende de clases de
 * Elementor.
 *
 * Depende de: liquid-glass.css, page-templates-base.css.
 * Breakpoints: móvil ≤544px, tablet ≤976px.
 */

/* --- Encabezado (Sección 1) --- */
.dp-redes__intro {
	max-width: 62ch;
	font-size: 1.05rem;
	color: rgba(30, 41, 59, 0.75);
	line-height: 1.6;
	margin-top: 12px;
}

/* --- Aviso de suplantadores + cierre (Sección 3) --- */
.dp-warning {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	padding: 24px;
	font-weight: 600;
}

.dp-warning span[aria-hidden] .dp-icon {
	width: 1.2rem;
	height: 1.2rem;
	flex: none;
	color: #dc2626;
}

.dp-warning p {
	margin: 0 0 14px;
	color: #1e293b;
	font-weight: 400;
	line-height: 1.6;
}

/* --- Tarjetas de canal --- */
.dp-channel {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	padding: 28px 20px;
	border-radius: var(--glass-radius);
	background: var(--glass-bg-fallback);
	border: 1px solid var(--glass-border);
	box-shadow: var(--glass-shadow);
	text-decoration: none;
	color: #1e293b;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)) {
	.dp-channel {
		background: var(--glass-bg);
		-webkit-backdrop-filter: blur(var(--glass-blur));
		backdrop-filter: blur(var(--glass-blur));
	}
}

@media (hover: hover) and (pointer: fine) {
	.dp-channel:hover {
		transform: translateY(-4px);
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.14);
	}
}

.dp-channel__icon .dp-icon {
	width: 2rem;
	height: 2rem;
	color: var(--brand-blue-deep, #004d93);
}

.dp-channel__name {
	font-weight: 700;
	font-size: 1rem;
}

.dp-channel__label {
	font-size: 0.82rem;
	color: rgba(30, 41, 59, 0.6);
	margin-bottom: 8px;
}

.dp-channel__cta {
	padding: 10px 20px;
	font-size: 0.85rem;
}

@media (max-width: 544px) {
	.dp-warning {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 18px;
	}
}