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

/* ---------- Antes bloque <style> de eventos_formativos.php ---------- */
	.eventos-cargar-mas-wrap{ width:100%; text-align:center; margin:10px 0 20px; }
	.eventos-cargar-mas-wrap .btn-cargar-mas{
		background-color:var(--sr-yellow, #F4B434);
		border:none; color:#fff;
		font-weight:700; text-transform:uppercase; letter-spacing:.5px;
		padding:12px 36px;
		border-radius:6px;              /* cuadrado con las esquinas redondeadas */
		cursor:pointer; font-size:.85rem;
		transition:opacity .2s ease, transform .15s ease;
	}
	.eventos-cargar-mas-wrap .btn-cargar-mas:hover{ opacity:.9; transform:translateY(-2px); }
	.eventos-cargar-mas-wrap .btn-cargar-mas:active{ transform:translateY(0); }

	/* Entrada de las tarjetas que se van añadiendo al pulsar "Cargar más" */
	.evento-col.evento-nuevo{
		animation: eventoAparece .45s ease both;
	}
	@keyframes eventoAparece{
		from { opacity:0; transform:translateY(18px); }
		to   { opacity:1; transform:translateY(0); }
	}
	@media (prefers-reduced-motion: reduce){
		.evento-col.evento-nuevo{ animation:none; }
	}


/* Menos hueco entre el calendario (columna derecha) y las pestanas "Formacion
   Staregister / Live Training" en movil y tablet: se sumaban el padding inferior
   de la seccion (40px), el margen del bloque de pestanas (.ec-33, 40px) y su
   padding superior (40px). Solo en esta vista. */
@media (max-width: 991.98px) {
	.formacion-section.spad {
		padding-bottom: 0 !important;
	}

	.formacion-section ~ .ec-33 {
		margin-top: 1rem !important;
	}

	.formacion-section ~ .ec-33 > .somos-section {
		padding-top: 0 !important;
	}
}