/*
 * Páginas legales de tucine.club (plugin tucine-legal). Misma paleta que las
 * preguntas frecuentes y el catálogo.
 *
 * Todo va con `body .tucine-legal` delante: los estilos globales de Elementor
 * (`.elementor-kit-201 h1`) tienen el mismo peso que `.tucine-legal h1`, se
 * cargan después y ganaban; los títulos salían a 70 px.
 */

/* El título de página del tema sobra: la página trae el suyo dentro. */
body:has(.tucine-legal) .page-header {
	display: none;
}

body .tucine-legal {
	box-sizing: border-box;
	max-width: 760px;
	margin: 0 auto;
	/* La cabecera del sitio es fija: el contenido empieza debajo. */
	padding: 150px 20px 90px;
	color: rgba(255, 255, 255, .78);
	font-size: 17px;
	line-height: 1.7;
}

body .tucine-legal *,
body .tucine-legal *::before,
body .tucine-legal *::after {
	box-sizing: border-box;
}

/* El antetítulo y el título, centrados como los de las demás páginas de
   información (catálogo, canales, preguntas, dispositivos; JC, 10/10/2026).
   El texto legal sigue a la izquierda: centrado no se lee. */
body .tucine-legal .tucine-legal-antetitulo,
body .tucine-legal h1 {
	text-align: center;
}

body .tucine-legal .tucine-legal-antetitulo {
	margin: 0 0 10px;
	color: #ff5a19;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body .tucine-legal h1 {
	margin: 0 0 28px;
	color: #fff;
	font-size: 42px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.01em;
}

body .tucine-legal h2 {
	margin: 44px 0 14px;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
}

body .tucine-legal h3 {
	margin: 28px 0 10px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

body .tucine-legal p {
	margin: 0 0 16px;
}

body .tucine-legal strong {
	color: #fff;
	font-weight: 600;
}

body .tucine-legal a {
	color: #ff5a19;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .15s ease;
}

/* Al pasar el cursor, blanco: el color global de enlaces de la plantilla es un
   amarillo (#EEB500) que sobre el naranja del subrayado se leía mal. */
body .tucine-legal a:hover,
body .tucine-legal a:focus-visible {
	color: #fff;
}

/*
 * LO ESENCIAL, EN UN RECUADRO. La frase que responde a la pregunta con la que
 * llega la gente («¿me devuelven el dinero?») va arriba y destacada: el resto
 * de la página es el porqué y los detalles.
 */
body .tucine-legal .tucine-legal-destacado {
	margin: 0 0 8px;
	padding: 20px 22px;
	border: 1px solid rgba(255, 90, 25, .45);
	border-left-width: 4px;
	border-radius: 12px;
	background: rgba(255, 90, 25, .08);
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

body .tucine-legal .tucine-legal-destacado p {
	margin: 0;
}

/* Listas con un guion naranja en lugar de la viñeta del tema. */
body .tucine-legal ul {
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}

body .tucine-legal ul li {
	position: relative;
	margin: 0 0 10px;
	padding-left: 24px;
}

body .tucine-legal ul li::before {
	content: '';
	position: absolute;
	top: .75em;
	left: 2px;
	width: 10px;
	height: 2px;
	border-radius: 2px;
	background: #ff5a19;
}

body .tucine-legal .tucine-legal-pie {
	margin-top: 48px;
	padding-top: 20px;
	border-top: 1px solid #2c2c2c;
	color: #8a8a8a;
	font-size: 14px;
}

body .tucine-legal .tucine-legal-pie p {
	margin: 0 0 6px;
}

@media (max-width: 767px) {
	/* 120 px más los 63 que ya reserva la cabecera en móvil: el texto
	   empieza justo debajo de sus dos filas (161 px). */
	body .tucine-legal {
		padding-top: 120px;
		font-size: 16px;
	}

	body .tucine-legal h1 {
		font-size: 30px;
	}

	body .tucine-legal h2 {
		margin-top: 36px;
		font-size: 21px;
	}

	body .tucine-legal .tucine-legal-destacado {
		font-size: 17px;
	}
}