/**
 * CrediTotal — Página "Términos y condiciones" (ID 12442, slug terminos-y-condiciones).
 * Diseño: Figma node 155:3. Maqueta editable en Elementor (banner + un widget Text Editor
 * con el documento legal) + este CSS de presentación.
 *
 * Convenciones del proyecto:
 *  - Contenido cap centrado (720px del Figma), tipografía fluida con clamp(), breakpoints 1024/767.
 *  - Fuente Gilroy (woff2 en wp-content/uploads/fonts).
 *  - El banner cian es full-bleed: la <section> de Elementor ocupa el ancho del viewport,
 *    solo se pinta su fondo.
 */

body.ct-terminos { overflow-x: hidden; }

/* ====== Fuente Gilroy (woff2 en uploads/fonts) ====== */
@font-face {
	font-family: 'Gilroy-Heavy';
	src: url('../../../../uploads/fonts/Gilroy-Heavy.woff2') format('woff2');
	font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
	font-family: 'Gilroy-Regular';
	src: url('../../../../uploads/fonts/Gilroy-Regular.woff2') format('woff2');
	font-weight: 300 600; font-style: normal; font-display: swap;
}

/* ============================================================
   Banner hero (#tyc-banner): banda cian full-bleed, título centrado.
   Figma: fill #3AADCA, alto 298, título Gilroy-Heavy 60/65 blanco.
   ============================================================ */
#tyc-banner {
	background-color: #3AADCA;
}
#tyc-banner > .elementor-container {
	min-height: 298px;
	align-content: center;
	align-items: center;
}
#tyc-banner-title,
#tyc-banner .elementor-heading-title {
	font-family: 'Gilroy-Heavy', sans-serif;
	font-weight: 400;
	font-size: clamp(34px, 6vw, 60px);
	line-height: 1.08;
	text-align: center;
	color: #FFFFFF;
	margin: 0;
}

/* ============================================================
   Documento legal (#tyc-doc): columna 720px centrada.
   ============================================================ */
#tyc-content > .elementor-container {
	justify-content: center;
}
#tyc-doc {
	max-width: 728px;
	margin: 0 auto;
	padding: clamp(40px, 6vw, 64px) 20px clamp(56px, 8vw, 96px);
}
#tyc-doc .elementor-widget-container {
	color: #374151;
}

/* "Última actualización": Gilroy ExtraBold 14/20, con regla inferior. */
#tyc-doc .tyc-updated {
	font-family: 'Gilroy-Regular', sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 20px;
	color: #1F2933;
	margin: 0 0 24px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E5E7EB;
}

/* Título del documento (3 líneas): Gilroy-Heavy 30/35. */
#tyc-doc .tyc-doctitle {
	font-family: 'Gilroy-Heavy', sans-serif;
	font-weight: 400;
	font-size: clamp(24px, 3.2vw, 30px);
	line-height: 1.17;
	color: #1F2933;
	margin: 0 0 32px;
}

/* Encabezados de sección: Gilroy-Heavy 24/32. */
#tyc-doc h2,
#tyc-doc h3 {
	font-family: 'Gilroy-Heavy', sans-serif;
	font-weight: 400;
	font-size: clamp(20px, 2.6vw, 24px);
	line-height: 1.33;
	color: #1F2933;
	margin: 40px 0 12px;
}
#tyc-doc h3 { margin-top: 0; }

/* Párrafos: Gilroy-Regular 15/20. */
#tyc-doc p {
	font-family: 'Gilroy-Regular', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.6;
	color: #374151;
	margin: 0 0 16px;
}

/* Lista numerada (info solicitada): line-height 30 del Figma. */
#tyc-doc ol {
	margin: 0 0 16px;
	padding-left: 22px;
}
#tyc-doc ol li {
	font-family: 'Gilroy-Regular', sans-serif;
	font-size: 15px;
	line-height: 30px;
	color: #374151;
}

#tyc-doc a { color: #3AADCA; text-decoration: underline; }

/* ====== Responsive ====== */
@media ( max-width: 767px ) {
	#tyc-banner > .elementor-container { min-height: 200px; }
	#tyc-doc { padding-left: 18px; padding-right: 18px; }
}