/* =====================================================================
   Styles/pages/recursos.css  -  complementos das páginas /recursos/*
   Carregado por cada página de recurso no HeadContent:
   <link rel="stylesheet" href="/Styles/pages/recursos.css?v=20261005" />
   Só o que o eg.css (seção 26) não cobre. Recursos A criou; Recursos B
   acrescenta regras NO FIM do arquivo, se precisar.
   ===================================================================== */

/* Selos abaixo dos botões do hero (14 dias grátis / sem cartão ...) */
.eg-hero-checks { margin-top: 20px; }

/* Títulos dos blocos alternados um pouco menores que o H2 de seção (são 4 a 6 por página) */
.eg-split__copy .eg-section-title { font-size: clamp(1.5rem, 1.2rem + 1.1vw, 2.125rem); }

/* Logo do depoimento um pouco maior (logotipos de haras têm muito detalhe) */
.eg-quote--featured figcaption img { width: 56px; height: 56px; padding: 4px; }

/* Recursos B */
/* Destaque de diferencial (boleto sem taxas) dentro dos blocos alternados */
.eg-callout--spaced { margin: 20px 0; }
/* Selos das lojas (Google Play / App Store) na página do app */
.eg-store-badges { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.eg-store-badges img { display: block; height: 44px; width: auto; }

/* ---------- Hub /recursos ---------- */
/* Card de área: título é link (H2 por módulo, SEO), lista curta e "Ver detalhes" no rodapé */
.eg-hub-card .eg-card__title a { color: inherit; text-decoration: none; }
.eg-hub-card .eg-card__title a:hover { color: var(--eg-primary); }
.eg-hub-card .eg-card__title a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; } /* card inteiro clicável */
.eg-hub-card { position: relative; transition: transform var(--eg-dur) var(--eg-ease), box-shadow var(--eg-dur) var(--eg-ease), border-color var(--eg-dur); }
.eg-hub-card:hover { transform: translateY(-4px); box-shadow: var(--eg-shadow-md); border-color: var(--eg-blue-200); }
.eg-hub-card:hover .eg-card__icon { background: var(--eg-gradient-accent); color: #fff; }
.eg-hub-card .eg-card__text { flex: 1; }
.eg-hub-card .eg-checklist { padding-top: 14px; border-top: 1px solid var(--eg-line); }
.eg-hub-card .eg-link-arrow { position: relative; z-index: 1; font-size: var(--eg-fs-sm); }


.eg-hub-planos { margin: var(--eg-space-7) 0 0; }

/* Mockup de celular dentro dos blocos: menor no celular para não ocupar a tela inteira */
@media (max-width: 575.98px) { .eg-split__media .eg-shot--phone { width: min(220px, 100%); } }