/* =========================================================================
   ESTILOS DE LA VISTA certificacion-sistemas-gestion.php
   Generado al sacar los estilos en linea de los .php (atributos style y
   bloques <style>). Solo los carga esta vista
   (partesuperior.php enlaza css/paginas/<nombre del script>.css si existe).
   Las clases ec-N / ev-<vista>-N sustituyen a un style="..." concreto. Sus
   declaraciones llevan !important porque el estilo en linea ganaba a cualquier
   regla normal; no lo llevan display/visibility/opacity (las cambia jQuery con
   .show()/.hide()) ni las propiedades en las que ya habia una regla !important
   que le ganaba al estilo en linea. En los <a> sin href ni class se usa
   data-estilo="..." (una class anularia a:not([class]) de Bootstrap).
   ========================================================================= */

/* ---------- Antes bloque <style> de certificacion-sistemas-gestion.php ---------- */
	#internacional_mapa img{max-width:100%;height:auto;}


/* ---------- Bloque a todo el ancho ("Lo que nos diferencia" y normas) ----------
   Mismos estilos de texto que la columna izquierda (#internacional_mapa en
   principal.css), que este bloque ya no lleva. */
.csg26-ancho {
	padding-bottom: 0;
}

.csg26-ancho b {
	color: #334050;
}

.csg26-ancho p {
	text-align: justify;
	line-height: 1.4em;
}

.csg26-ancho ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-type: square;
}

.csg26-ancho li {
	list-style-type: square;
	padding: 4px 0 4px 10px;
}

.csg26-ancho ul li::marker {
	color: #f4b333;
}

.csg26-ancho img {
	max-width: 100%;
	height: auto;
}

/* Normas: mas por fila al ocupar todo el ancho, con un tamano de tarjeta
   parecido al de cuando estaban en la columna izquierda.
   .normas-card es display: contents, asi que las columnas son hijas directas
   de la fila. En tablet y movil, igual que antes (4 y 2 por fila). */
/* 6 por fila desde 1600px; entre 1200 y 1599px, 5 (con 6 las tarjetas quedaban
   tan estrechas que los titulos largos no se leian) */
@media (min-width: 1600px) {
	.csg26-ancho .normas-card > [class*="col-"] {
		flex: 0 0 auto;
		width: 16.666667%;
	}
}

@media (min-width: 1200px) and (max-width: 1599.98px) {
	.csg26-ancho .normas-card > [class*="col-"] {
		flex: 0 0 auto;
		width: 20%;
	}
}

/* Entre 992 y 1199px se quedan las 4 por fila de origen (col-lg-3) */

/* Menos hueco entre "Consultar otras opciones o necesidades." y las pestanas de
   "Somos Staregister": sin el padding inferior de la seccion (.spad) y con un
   margen superior menor en el bloque de somos2026.php (mt-5, 48px -> 24px).
   Solo en esta pagina: star_internacional.php usa la misma seccion. */
#certificacion-sistemas.spad {
	padding-bottom: 0 !important;
}

#certificacion-sistemas ~ .mt-5 {
	margin-top: 1.5rem !important;
}

/* En movil, movil.css le da 40px de padding superior a la seccion: tambien sobra */
@media (max-width: 991.98px) {
	#certificacion-sistemas ~ .mt-5 > .somos-section {
		padding-top: 0 !important;
	}
}