/* =========================================================================
   ESTILOS DE LA VISTA index.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 atributos style="..." ---------- */

/* index.php */
.ev-index-1 {
	height: 60px;
}

/* index.php */
.ev-index-2 {
	margin-top: 20px !important;
}

/* Portada, tarjetas "Certificacion de sistemas / competencia / cursos" (.home_sub_*):
   en movil el texto se montaba sobre la franja de color de la foto y se leia mal.
   El texto va anclado abajo (position: absolute; bottom), asi que se baja hasta
   la zona blanca y se deja sitio debajo de la tarjeta. */
@media (max-width: 767.98px) {
	.home_sub_1,
	.home_sub_2,
	.home_sub_3 {
		overflow: visible !important;
		margin-bottom: 1.5rem;
	}

	.home_sub_1 .texto_base,
	.home_sub_2 .texto_base,
	.home_sub_3 .texto_base {
		bottom: -14px;
	}
}