/* =========================================================================
   css/clientes2026.css - Nuestros clientes 2026 (clientes-reconocimientos.php).
   Las rejillas de logos y fotos estan en css/rejilla2026.css; el texto gris de
   fondo, en css/certificacion2026.css.
   ========================================================================= */

/* El texto gris "STAREGISTER" a su tamano (como en quienes_somos.php) */
.cli26 .cli26-fondo {
	height: 120px;
	background-position: left top;
	background-size: auto 100%;
	opacity: .4;
}

@media (max-width: 1000px) {
	.cli26 .cli26-fondo { height: 70px; }
}

/* El titulo empieza bien por debajo del texto gris "STAREGISTER" (120px de alto) */
.cli26-intro {
	padding: 170px 0 20px;
	text-align: center;
}

.cli26 .cli26-titulo {
	margin: 0 0 10px;
	padding: 0;
	background: none;
	color: #333f4f;
	font-family: var(--fuente-titulos);
	font-size: 2.6rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: uppercase;
}

.cli26-texto p {
	margin: 0 0 6px;
	color: #5b6573;
	font-size: 1.05rem;
	line-height: 1.5;
}

/* El texto de la BD lleva <strong class="negrita_st t_180">: la frase destacada en amarillo */
.cli26-texto .negrita_st {
	display: inline-block;
	margin-top: 6px;
	color: #f4b333;
	font-family: var(--fuente-texto);
	font-size: 1.6rem;
	font-weight: 800;
	line-height: 1.25;
}

/* Rayita amarilla bajo los titulos (b_t_2_amarillo) */
.cli26-raya {
	width: 80px;
	height: 3px;
	margin: 20px auto 10px;
	background: #f4b333;
}

.cli26 .rej26 {
	margin-bottom: 30px;
}

/* ---------- Banda oscura con la frase, a todo el ancho ---------- */
.cli26-banda {
	flex: 0 0 125%;
	width: 125%;
	margin: 20px -12.5% 30px;
	padding: 50px 24px 40px;
	box-sizing: border-box;   /* sin esto el relleno la sacaba de la pantalla (scroll horizontal) */
	background: #232d3b url('../img/fondo_pie_g.jpg') bottom center / cover no-repeat;
	text-align: center;
}

.cli26-frase {
	margin: 0;
	color: #fff;
	font-family: var(--fuente-titulos);
	font-size: 2rem;
	letter-spacing: 1px;
	line-height: 1.2;
}

.cli26-frase span {
	font-size: 1.2em;
}

.cli26-banda .cli26-raya {
	margin-bottom: 0;
}

.cli26-fotos {
	flex: 0 0 100%;
	width: 100%;
	margin-bottom: 40px;
}

@media (max-width: 1000px) {
	.cli26-banda { flex-basis: 100%; width: 100%; margin: 20px 0 30px; }
}

@media (max-width: 767px) {
	.cli26-intro { padding-top: 100px; }
	.cli26 .cli26-titulo { font-size: 1.9rem; }
	.cli26-texto .negrita_st { font-size: 1.25rem; }
	.cli26-frase { font-size: 1.4rem; }
}