/* =========================================================================
   css/cabecera2026.css - Cabecera interior 2026 (partials/cabecera2026.php).
   Medidas de agencias: #cabecerainterior (320px) y #texto_cabecera /
   #subtitulo_cabecera de agencias/css/principal.css y movil.css.
   ========================================================================= */

.cabint26 {
	position: relative;
	clear: both;
	display: flex;
	align-items: center;
	width: 100%;
	height: 320px;
	background-color: #232d3b; /* respaldo mientras carga la foto */
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	font-family: var(--fuente-texto);
}

/* Mismo ancho que el contenido (.zona_interna: 80%, 98% en pantallas pequenas) */
.cabint26-textos {
	width: 80%;
	margin: 0 auto;
	text-align: left;
}

.cabint26-textos p {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.cabint26-titulo,
.cabint26-subtitulo {
	color: #fff;
	font-family: var(--fuente-titulos);
	font-size: 4.2em;
	font-weight: 400; /* Fjalla One solo tiene 400 */
	line-height: 1;
}

.cabint26-subtitulo {
	font-size: 3.6em;
}

.cabint26-marca {
	margin-top: 4px !important;
	color: #f4b333;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: .02em;
}

@media (max-width: 1000px) {
	.cabint26-textos { width: 92%; }
}

@media (max-width: 768px) {
	.cabint26 { height: 220px; }
	.cabint26-titulo { font-size: 2.1em; line-height: 1.2; }
	.cabint26-subtitulo { font-size: 1.5em; line-height: 1.2; }
	.cabint26-marca { font-size: 1.1em; }
}