/* Page-specific CSS for /es/comparativas/bloomder-vs-factorial/ — new page,
   written directly (no inline <style> ever existed to extract). Consolidates
   the small set of rules the other bloomder-vs-* comparison pages carry
   per-page on top of css/parts/compare-*.css. */
.hero-meta{display:inline-flex;align-items:center;gap:18px;font-size:12.5px;color:var(--text-3);flex-wrap:wrap;justify-content:center}
.section-title{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-1px;text-align:center;margin-bottom:12px}
.section-eyebrow{font-size:11px;font-weight:600;color:var(--growth-text);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;text-align:center}
.faq-inner .section-title{color:#fff}
.disclaimer a{color:var(--growth-text);text-decoration:underline}
footer{background:var(--comm);padding:56px 5% 28px;border-top:1px solid rgba(255,255,255,0.05)}
@media(max-width:820px){.verdict-inner{grid-template-columns:1fr}.price-grid,.usecase-grid{grid-template-columns:1fr}.reasons-grid{grid-template-columns:1fr}}
@media(max-width:480px){.faceoff{grid-template-columns:minmax(0,1fr);justify-items:stretch;gap:14px}.faceoff-vs{justify-self:center}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:768px){.nav-right{display:none!important}}