/* =========================================================================
   css/formacion2026.css - Formacion especializada 2026 (eventos_formativos.php)
   y pestanas de formacion (partials/formacion2026.php). Lo comun (dos columnas,
   titulos, columna derecha, texto gris de fondo) esta en css/landing2026.css y
   css/certificacion2026.css; tarjetas y calendario, en css/eventos2026.css (se
   reutilizan con .eventos26, sin el fondo ni el relleno de aquella seccion).
   Copia del aspecto de agencias/eventos_formativos.php y
   agencias/css/paginas/eventos_formativos.css.
   ========================================================================= */

/* Subtitulo amarillo bajo "FORMATE CON STAREGISTER" (.titulo_parrafo de agencias) */
.landing26-contenido .form26-subtitulo {
	margin: 10px 0 20px;
	font-size: 1.3rem;
	line-height: 1.3;
}

/* .eventos26 sin el fondo amarillo ni el relleno de la seccion de la portada */
.eventos26.form26-bloque {
	padding: 0;
	background: none;
}

@media (max-width: 991px) {
	.eventos26.form26-bloque {
		padding: 0;
		background: none;
	}
}

/* ---------- Tarjetas: 3 por fila (2 en tablet, 1 en movil, como en la portada) ---------- */
.form26-tarjetas {
	margin-top: 35px;
}

/* Modalidad a la izquierda y agencia organizadora a la derecha */
.form26-etiquetas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.form26-sede {
	color: #f4b334;
	font-size: .75rem;
	text-transform: uppercase;
	text-align: right;
}

.form26-evento.form26-oculto {
	display: none;
}

/* Entrada de las tarjetas que muestra "Cargar mas" */
.form26-evento.form26-nueva {
	animation: form26-aparece .45s ease both;
}

@keyframes form26-aparece {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
	.form26-evento.form26-nueva { animation: none; }
}

.form26-cargar-mas-caja {
	margin: 30px 0 10px;
	text-align: center;
}

.form26 .form26-cargar-mas {
	padding: 12px 36px;
	border: none;
	border-radius: 6px;
	background-color: #f4b434;
	color: #fff;
	font-family: var(--fuente-texto);
	font-size: .85rem;
	font-weight: 700;
	letter-spacing: .5px;
	text-transform: uppercase;
	cursor: pointer;
	transition: opacity .2s ease, transform .15s ease;
}

.form26 .form26-cargar-mas:hover,
.form26 .form26-cargar-mas:focus-visible {
	opacity: .9;
	transform: translateY(-2px);
}

.form26-sin-eventos {
	margin-top: 30px;
	font-weight: 700;
}

/* ---------- "PROXIMOS EVENTOS" y calendario, bajo la columna derecha ---------- */
.form26-agenda {
	margin: 0;
	padding: 10px 8% 25px !important;
	background-color: #f1f1f3 !important; /* el gris de .col26-gris sigue hasta abajo */
	text-align: center;
}

.form26-agenda-titulo {
	margin: 10px 0 15px;
	color: #f4b334;
	font-family: var(--fuente-titulos);
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: .02em;
}

.form26-agenda .eventos26-calendario {
	text-align: left;
}

/* ---------- Pestanas de formacion (partials/formacion2026.php) ---------- */
/* La frase va en amarillo (.texto_destacado_amarillo de agencias), no en azul como en "Somos" */
.somos26 .formacion26-destacado {
	color: #f4b333;
}

/* Pasos de Live Training: en css/somos2026.css, que enlaza la propia seccion */