/* ni-guias-hub.css — Hub de Guias (/guias-de-nutricao/)
 * Extraído de class-shortcodes-module.php::guias_hub()
 * Frente: CSS-INLINE-PHP-5 | Data: 2026-05-28
 * Carregado via wp_head (ShortcodesModule::hub_css_head)
 */

    .ni-hub{width:calc(100% - 48px);max-width:680px;margin:0 auto;font-family:var(--ni-font-heading)}
    .ni-hub-header{background:var(--ni-hero-gradient);padding:28px 24px;border-radius:20px;text-align:center;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .ni-hub-header h1{font-size:clamp(34px,8vw,44px);line-height:1.12;font-weight:800;letter-spacing:-0.03em;margin:0 0 14px;color:#fff !important}
    .ni-hub-header p{font-size:clamp(17px,4.2vw,20px);line-height:1.42;color:rgba(255,255,255,0.85) !important;margin:0}
.ni-hub-header .count{color:#F2993A !important;font-weight:800;font-size:clamp(56px,15vw,76px);line-height:1;letter-spacing:-0.04em;font-family:Outfit;display:block;margin:0 0 16px}
    .ni-hub-search{max-width:500px;margin:20px auto 0;position:relative}
    .ni-hub-search input{width:100%;padding:12px 16px 12px 40px;border:2px solid rgba(255,255,255,0.2);border-radius:12px;background:rgba(255,255,255,0.1);color:#fff;font-size:14px;outline:none;font-family:inherit}
    .ni-hub-search input::placeholder{color:rgba(255,255,255,0.85)}
    .ni-hub-search input:focus{border-color:var(--ni-green-hover);background:rgba(255,255,255,0.15)}
    .ni-hub-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:rgba(255,255,255,0.85)}
    .ni-hub-grid{display:flex;flex-direction:column;gap:16px}
    .ni-hub-card{background:#fff;border:1px solid var(--ni-border-light);border-radius:28px;padding:28px 24px;transition:box-shadow 0.2s;box-shadow:0 8px 24px rgba(16,32,24,0.04);text-decoration:none;color:inherit;display:block}
    .ni-hub-card:hover{box-shadow:0 12px 32px rgba(16,32,24,0.10);border-color:var(--ni-green-hover)}
    .ni-hub-card-bar{width:100%;height:4px;border-radius:4px;margin-bottom:16px}
    .ni-hub-card h3{font-size:17px;color:var(--ni-dark) !important;font-weight:600;margin:0 0 8px}
    .ni-hub-card p{font-size:13px;color:var(--ni-text-light) !important;margin:0 0 10px;line-height:1.5}
    .ni-hub-card .ni-hub-count{font-size:12px;font-weight:600;margin-bottom:12px}
    .ni-hub-card .ni-hub-btn{display:inline-block;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;color:#fff !important;text-decoration:none;transition:opacity 0.2s}
    .ni-hub-card .ni-hub-btn:hover{opacity:0.85}
    .ni-hub-total{text-align:center;margin:28px 0;padding:20px;background:var(--ni-green-soft);border-radius:12px;border:1px solid #bbf7d0}
    .ni-hub-total p{margin:0;font-size:14px;color:var(--ni-dark)}
    .ni-hub-total strong{color:var(--ni-green)}
    .ni-hub-cta{background:var(--ni-dark);border-radius:16px;padding:28px;text-align:center;margin-top:28px}
    .ni-hub-cta h3{font-size:18px;color:#fff !important;font-weight:600;margin:0 0 8px}
    .ni-hub-cta p{font-size:13px;color:rgba(255,255,255,0.85) !important;margin:0 0 14px;line-height:1.5}
    .ni-hub-cta a{display:inline-block;background:var(--ni-green);color:#fff !important;padding:12px 28px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none}
    @media(max-width:600px){.ni-hub-grid{grid-template-columns:1fr}.ni-hub-header{padding:32px 20px}.ni-hub-header h1{font-size:22px}}