/* Seccion de plataformas SaaS (2026-09-27): MANT, Nexus Helpdesk, Onrutim Fichaje y Revistas digitales */
.products-grid { display: grid; gap: var(--space-8); grid-template-columns: 1fr; margin-top: var(--space-10); }
@media (min-width: 900px) { .products-grid { grid-template-columns: repeat(2, 1fr); } }
.products-grid .saas-card {
  display: flex; flex-direction: column; background: var(--color-white); border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-2xl); padding: var(--space-8); box-shadow: 0 1px 3px rgba(15, 23, 42, .06);
  transition: box-shadow .2s ease, transform .2s ease;
}
.products-grid .saas-card:hover { box-shadow: 0 12px 30px rgba(15, 23, 42, .10); transform: translateY(-2px); }
.products-grid .saas-card-header { display: flex; align-items: center; gap: var(--space-4); margin-bottom: var(--space-4); position: relative; }
.products-grid .saas-card-header .product-name { font-size: var(--text-2xl); font-weight: var(--font-bold); color: var(--color-gray-900); margin: 0; line-height: var(--leading-tight); }
.products-grid .saas-card-subtitle { margin: var(--space-1) 0 0; color: var(--color-gray-500); font-size: var(--text-sm); }
.products-grid .saas-badge { margin-left: auto; align-self: flex-start; font-size: var(--text-xs); font-weight: var(--font-semibold); padding: 2px 10px; border-radius: var(--radius-full); background: var(--color-gray-100); color: var(--color-gray-700); }
.products-grid .saas-badge--new { background: #fef3c7; color: #92400e; }
.products-grid .saas-badge--live { background: #dcfce7; color: #166534; }
.products-grid .saas-card-desc { color: var(--color-gray-600); line-height: var(--leading-relaxed); margin-bottom: var(--space-4); }
.products-grid .saas-features { list-style: none; padding: 0; margin: 0 0 var(--space-6); display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2) var(--space-4); font-size: var(--text-sm); color: var(--color-gray-700); }
@media (max-width: 480px) { .products-grid .saas-features { grid-template-columns: 1fr; } }
.products-grid .saas-pricing { margin-top: auto; padding-top: var(--space-4); border-top: 1px solid var(--color-gray-100); }
.products-grid .saas-plan { display: flex; align-items: baseline; gap: var(--space-2); }
.products-grid .saas-plan-name { color: var(--color-gray-500); font-size: var(--text-sm); }
.products-grid .saas-plan-price { font-size: var(--text-xl); font-weight: var(--font-bold); color: var(--color-primary); }
.products-grid .saas-trial { margin: var(--space-2) 0 0; font-size: var(--text-sm); color: var(--color-gray-500); }
.products-grid .saas-card-actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-5); }
.products-grid .saas-card-actions .btn { flex: 1 1 auto; text-align: center; }
.products-grid .saas-product-url { display: inline-block; margin-top: var(--space-3); font-size: var(--text-xs); color: var(--color-gray-400); }

/* 2026-09-27: viñetas sin emoji y bloque del fundador */
.products-grid .saas-features li { position: relative; padding-left: 1.3em; }
.products-grid .saas-features li::before { content: "✓"; position: absolute; left: 0; color: var(--color-primary-light, #2563eb); font-weight: 700; }
.about-founder { margin: var(--space-6, 1.5rem) 0; padding: var(--space-5, 1.25rem); border-left: 3px solid var(--color-primary-light, #2563eb); background: rgba(37, 99, 235, .06); border-radius: 0 12px 12px 0; }
.about-founder h3 { margin: 0 0 .15rem; font-size: 1.15rem; }
.about-founder-role { margin: 0 0 .6rem; font-weight: 600; color: var(--color-primary, #1e3a8a); font-size: .95rem; }
.about-founder p { margin: 0 0 .5rem; }
.about-founder-links a { font-weight: 600; }
.saas-comparison-item h4 { margin-top: 0; }