/* =========================================================================
   ESTILOS DE LA VISTA star_internacional.php
   Solo lo que Bootstrap 5.3 no cubre (colores y tipografias de la marca,
   tamanos concretos). Lo carga header.php (css/paginas/<script>.css).
   ========================================================================= */

/* ---------- Contenido ---------- */
/* !important en el tamano: principal.css pone a todos los h2 "140% !important" */
.star26-titulo {
	padding: 15px 0;
	color: #333f4f;
	font-size: 2.5rem !important;
	line-height: 1.2;
	letter-spacing: 1.2px;
}

.star26-amarillo {
	color: #f4b333;
}

.star26-banner {
	max-height: 300px;
}

/* Lema sobre la foto, abajo a la derecha */
.star26-lema {
	right: 6%;
	bottom: 10%;
	font-family: 'Anton', sans-serif;
	font-size: 1.5rem;
	line-height: 1.5;
	letter-spacing: 1.2px;
}

/* Hueco entre la foto y el texto siguiente (antes un separador de 20px) */
.star26-tras-banner {
	margin-top: 44px;
}

/* La vineta va en el li: principal.css quita la de todos los li ("li {list-style:none}") */
.star26-lista li {
	list-style-type: square;
}

.star26-lista li::marker {
	color: #f4b333;
}

@media (max-width: 767px) {
	.star26-titulo {
		font-size: 1.8rem !important;
	}

	.star26-lema {
		font-size: 1rem;
		line-height: 1.3;
	}
}


/* Menos hueco entre la lista de metodologia y las pestanas de "Somos Staregister":
   en movil se sumaban el mt-5 del bloque de somos2026.php (48px) y el padding
   superior que movil.css da a la seccion (40px). Solo en esta vista. */
@media (max-width: 991.98px) {
	.star-section ~ .mt-5 {
		margin-top: 1rem !important;
	}

	.star-section ~ .mt-5 > .somos-section {
		padding-top: 0 !important;
	}
}