/*
  Estilos específicos para la página de blog / formación
*/

.blog-page {
  background: #f3f8f8;
}

.blog-page .site-header {
  background: linear-gradient(135deg, #0f394e 0%, #1d6c89 100%);
}

.blog-page .intro {
  background: linear-gradient(135deg, #1d6c89 0%, #2a7e9d 100%);
}

.blog-page .promotion-card,
.blog-page .event-group {
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(18, 60, 88, 0.06);
}

.blog-page .promotion-card {
  overflow: hidden;
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.blog-page .promotion-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 30px rgba(18, 60, 88, 0.12);
}

.blog-page .promotion-image {
  border-bottom: 1px solid rgba(18, 60, 88, 0.08);
}

.blog-page .event-entry {
  border-radius: 12px;
}

.blog-page .site-nav .back-link {
  border-radius: 999px;
}