/* =========================================================================
   css/normaspagina2026.css - Listado de normas (normas.php). Las tarjetas son
   las de css/normas2026.css (.normas26-tarjeta), en rejilla como en
   certificacion-sistemas-gestion.php (css/certificacion2026.css), pero con
   menos columnas: aqui van en .landing26-contenido, junto a la columna
   derecha (partials/columna2026.php).
   ========================================================================= */

/* Imagenes del texto de la BD (antes en un <style> de normas.php). Sin las
   de las tarjetas: height:auto anulaba el height:100% de la foto */
.landing26-contenido img:not(.normas26-foto):not(.normas26-icono) {
	max-width: 100%;
	height: auto;
}

/* El texto de la BD (contenidos id 68) trae el parrafo de la acreditacion con
   "destacado_amarillo t_blanco": sin la caja amarilla, como texto normal */
.landing26-contenido .destacado_amarillo {
	margin-top: 0;
	padding: 0;
	background: none;
	color: inherit;
}

/* Rejilla: 4 por fila desde 1600px, 3 hasta 480 y 2 en movil. Sin el fondo
   ni el relleno de la seccion .normas26 del carrusel */
.normas26.normaspag26-normas {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 10px -10px 30px;
	padding: 0;
	background: none;
}

@media (min-width: 1600px) {
	.normas26.normaspag26-normas { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 479.98px) {
	.normas26.normaspag26-normas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* Nombres largos ("irregularidades") en tarjetas estrechas */
.normaspag26-normas .normas26-nombre {
	overflow-wrap: anywhere;
	hyphens: auto;
}

/* El tamano de letra de normas2026.css va en vw (carrusel a todo el ancho):
   aqui la tarjeta es mas estrecha, se limita por su propio ancho (cqi) */
.normaspag26-normas .normas26-denominacion {
	font-size: clamp(.68rem, 6cqi, .85rem);
}