/* =========================================================================
   ESTILOS DE LA VISTA evento.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 evento.php ---------- */
	/* --- Cabecera de la seccion --- */
	.ev-seccion-titulo {
		font-size: 2.6rem !important;
		font-weight: 400 !important;
		color: #b9bcc0 !important;
		text-transform: uppercase;
		letter-spacing: .02em;
		/* Baja el bloque para que arranque a la altura del primer banner
		   del submenu de la derecha (#bloque_derecha lleva margin-top:20px). */
		margin: 45px 0 0 !important;
		padding: 0 !important;
	}

	.ev-seccion-sub {
		font-size: 1.05rem !important;
		font-weight: 400 !important;
		color: #f4b333 !important;
		margin: 2px 0 0 !important;
		padding: 0 !important;
	}

	/* Titulos de los bloques con icono (Objetivos, Dirigido a, Agenda...) */
	.lista_numerica_texto h2 {
		font-weight: 800 !important;
	}

	/* --- Ficha del evento: imagen + datos --- */
	/* La imagen acompaña al alto del bloque de datos: la columna se estira
	   (align-items:stretch) y la imagen rellena ese alto recortando lo que
	   sobre, para que ficha y datos terminen a la misma altura. */
	.ev-ficha {
		display: flex;
		align-items: stretch;
		gap: 34px;
		width: 100%;
	}

	.ev-ficha-img {
		flex: 0 0 38%;
		max-width: 38%;
		min-height: 100%;
		overflow: hidden;
	}

	.ev-ficha-img img {
		width: 100%;
		height: 100%;
		min-height: 220px;
		object-fit: cover;
		display: block;
	}

	.ev-ficha-datos {
		flex: 1 1 auto;
		min-width: 0;
	}

	.ev-titulo {
		font-size: 1.5rem !important;
		font-weight: 800 !important;
		color: #333f4f !important;
		line-height: 1.3;
		margin: 0 0 18px !important;
		padding: 0 !important;
	}

	/* Cada grupo de datos, separado del siguiente por una linea en blanco */
	.ev-grupo {
		margin-bottom: 18px;
	}

	.ev-grupo:last-child {
		margin-bottom: 0;
	}

	.ev-dato {
		margin: 0 0 2px !important;
		font-size: .95rem;
		line-height: 1.5;
		color: #555;
	}

	.ev-etiqueta {
		color: #f4b333;
		font-weight: 700;
	}

	/* Linea amarilla que separa la ficha del cuerpo del evento */
	.ev-linea {
		border-bottom: 1px solid #f4b333;
		width: 100%;
		clear: both;
		padding-top: 0 !important;
		margin-bottom: 18px;
	}

	@media (max-width: 767px) {
		.ev-ficha {
			flex-direction: column;
			gap: 18px;
		}

		.ev-ficha-img {
			flex-basis: auto;
			max-width: 100%;
		}
	}

/* ---------- Antes atributos style="..." ---------- */

/* evento.php */
.ev-evento-1 {
	top: 10px !important;
	left: 30px !important;
}