/* Top Criterio - Pie de página. Todo con #tcpp para no chocar con el tema ni con Elementor. */

#tcpp{
	clear:both;
	position:relative;
	z-index:1;
	background:var(--tcpp-bg,#0A1640);
	color:var(--tcpp-text,#fff);
	font-family:inherit;
	font-size:15px;
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
}
#tcpp *,#tcpp *::before,#tcpp *::after{box-sizing:border-box}

#tcpp .tcpp__wrap{
	display:grid;
	grid-template-columns:1.5fr 1fr 1fr 1fr;
	gap:40px;
	max-width:1160px;
	margin:0 auto;
	padding:64px 24px 44px;
}

#tcpp .tcpp__brand{
	margin:0 0 10px;
	color:var(--tcpp-text,#fff);
	font-size:26px;
	font-weight:700;
	letter-spacing:-.02em;
	line-height:1.2;
}
#tcpp .tcpp__tag{
	max-width:320px;
	margin:0;
	color:var(--tcpp-text,#fff);
	opacity:.72;
}

#tcpp .tcpp__title{
	margin:0 0 16px;
	color:var(--tcpp-accent,#B99BFF);
	font-size:12px;
	font-weight:700;
	letter-spacing:.12em;
	line-height:1.3;
	text-transform:uppercase;
}

#tcpp .tcpp__list,
#tcpp .tcpp__social{list-style:none;margin:0;padding:0}
#tcpp .tcpp__list li{margin:0 0 10px;padding:0;list-style:none}

#tcpp a{
	color:var(--tcpp-text,#fff);
	text-decoration:none;
	opacity:.82;
	transition:opacity .2s ease,background .2s ease,border-color .2s ease,transform .2s ease;
}
#tcpp .tcpp__list a:hover{opacity:1;text-decoration:underline;text-underline-offset:4px}
#tcpp a:focus-visible{outline:2px solid var(--tcpp-accent,#B99BFF);outline-offset:3px;border-radius:6px;opacity:1}

/* Redes sociales */
#tcpp .tcpp__social{display:flex;flex-wrap:wrap;gap:10px}
#tcpp .tcpp__social li{margin:0;padding:0;list-style:none}
#tcpp .tcpp__social a{
	display:grid;
	place-items:center;
	width:44px;
	height:44px;
	border-radius:12px;
	background:rgba(255,255,255,.08);
	border:1px solid rgba(255,255,255,.16);
	opacity:1;
}
#tcpp .tcpp__social a:hover{background:rgba(255,255,255,.18);border-color:var(--tcpp-accent,#B99BFF);transform:translateY(-2px)}
#tcpp .tcpp__social svg{display:block}

/* Barra inferior */
#tcpp .tcpp__bar{border-top:1px solid rgba(255,255,255,.14)}
#tcpp .tcpp__copy{
	max-width:1160px;
	margin:0 auto;
	padding:22px 24px 30px;
	color:var(--tcpp-text,#fff);
	font-size:14px;
	opacity:.7;
	text-align:center;
}

@media (max-width:900px){
	#tcpp .tcpp__wrap{grid-template-columns:1fr 1fr;gap:36px 28px;padding:52px 24px 36px}
	#tcpp .tcpp__col--brand{grid-column:1 / -1}
}
@media (max-width:600px){
	#tcpp .tcpp__wrap{grid-template-columns:1fr;gap:32px}
	/* Espacio extra para que el chatbot y el aviso de cookies no tapen el copyright */
	#tcpp .tcpp__copy{padding-bottom:100px}
}
@media (prefers-reduced-motion:reduce){
	#tcpp a{transition:none}
}
@media print{
	#tcpp{display:none}
}