/* =========================================================================
   ESTILOS DE LA VISTA norma.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 norma.php ---------- */
	#internacional_mapa img{max-width:100%;height:auto;}

/* La columna derecha acompana al scroll hasta el final del contenido (fin de "Por que la
   certificacion... puede ser util"): sticky dentro de la .row (flex) que la contiene. Sin
   align-self la fila la estira a todo su alto y no se moveria. top = alto del menu fijo
   (.cab-navegacion, 45px) + aire. Solo si cabe entera en la pantalla: si no, no se veria
   el final. Por debajo de 992px va debajo del contenido (movil.css) */
@media (min-width: 992px) and (min-height: 760px) {
	#bloque_derecha {
		position: -webkit-sticky;
		position: sticky;
		top: 65px;
		align-self: flex-start;
	}
}