/* =========================================================================
   css/acreditaciones2026.css - Acreditaciones 2026
   (acreditaciones-reconocimientos.php). Lo comun (dos columnas, titulos,
   columna derecha, texto gris de fondo) esta en css/landing2026.css y
   css/certificacion2026.css; aqui las tarjetas de cada acreditacion.
   ========================================================================= */

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

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

.acr26 .cert26-columnas {
	padding-top: 160px;
}

.acr26 .cert26-denominacion {
	text-transform: none;
}

/* Imagen del principio */
.acr26-inicio img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 0 30px;
	border-radius: 1rem;
}

.acr26-inicio .caja_imagen_fit {
	height: auto;
	overflow: visible;
}

/* ---------- Tarjeta de cada acreditacion ---------- */
.acr26-tarjeta {
	margin: 0 0 30px;
	overflow: hidden;
	border: 1px solid #e6e9ee;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 1px 3px rgba(35, 45, 59, .06);
}

.acr26-cabecera {
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 18px 24px;
	border-bottom: 1px solid #eee;
	background: #fafafa;
}

.acr26-bandera img {
	display: block;
	width: 56px;
	height: auto;
}

.landing26-contenido .acr26-nombre {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	background: none;
	color: #333f4f;
	font-family: var(--fuente-titulos);
	font-size: 1.25rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
}

.acr26-logo img {
	display: block;
	max-width: 140px;
	max-height: 60px;
	width: auto;
	height: auto;
}

.acr26-cuerpo {
	padding: 22px 24px 8px;
}

.acr26-cuerpo .MsoNormal {
	margin-bottom: 10px;
}

/* Frase destacada ("Garantia de reconocimiento mundial") */
.landing26-contenido .acr26-frase {
	margin: 20px 0;
	color: #f4b333;
	font-family: var(--fuente-titulos);
	font-size: 1.6rem;
	letter-spacing: 1px;
	line-height: 1.2;
	text-align: center !important;
}

/* Normas acreditadas: las tarjetas con icono de los esquemas de competencias
   (.ccp26-esquema de css/competencias2026.css), 2 por fila en esta columna */
.acr26-cuerpo .acr26-normas {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 1.5rem;
	margin: 20px 0 10px;
}

@media (max-width: 767px) {
	.acr26-cuerpo .acr26-normas { grid-template-columns: 1fr; }
}

/* Boton "Verifique el estatus de nuestra acreditacion internacional" (tarjeta de IAS):
   ultima casilla de la cuadricula de normas; amarillo como .proceso26-boton */
.acr26-verificar {
	display: flex;
	align-items: center;
	padding: 12px 0;
}

.acr26-cuerpo a.acr26-verificar-boton {
	display: inline-block;
	padding: 12px 24px;
	border-radius: 6px;
	background-color: #f4b333;
	color: #fff;
	font-family: var(--fuente-texto);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s ease;
}

.acr26-cuerpo a.acr26-verificar-boton:hover,
.acr26-cuerpo a.acr26-verificar-boton:focus-visible {
	background-color: #232d3b;
	color: #fff;
	text-decoration: none;
}

@media (max-width: 767px) {
	.acr26-verificar { justify-content: center; }
}

@media (max-width: 767px) {
	.acr26 .cert26-columnas { padding-top: 90px; }
	.acr26-cabecera { flex-wrap: wrap; padding: 16px; }
	.acr26-cuerpo { padding: 18px 16px 4px; }
	.acr26-logo { flex-basis: 100%; }
}

/* Testigo del idioma de la traduccion del navegador: oculto a la vista pero no con display:none
   (el traductor podria saltarse el texto no visible) */
.acr26-idioma {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}