/* ni-receitas-hub.css — Hub de Receitas (/receitas-saudaveis/)
 * Extraído de class-shortcodes-module.php::receitas_v4()
 * Frente: CSS-INLINE-PHP-4 | Data: 2026-05-28
 * Classes: .nir .nir-header .nir-tabs .nir-tag .nir-search
 *           .nir-cnt .nir-grid .nir-card
 * Depende de: ni-tokens.css (global, priority 0)
 */

    .nir{font-family:var(--ni-font-body);color:#1a1a1a;width:calc(100% - 48px);max-width:680px;margin:0 auto}
    .nir h1,.nir h2,.nir h3{font-family:var(--ni-font-heading)}
    .nir-header{background:var(--ni-hero-gradient);padding:28px 24px;text-align:center;border-radius:20px;margin-bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center}
    .nir-header .brand{display:block;font-size:14px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--ni-green-light) !important;margin:0 0 24px}
    .nir-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 24px}
    .nir-header h1{color:#fff !important;font-size:clamp(34px,8vw,44px);line-height:1.12;font-family:Outfit;font-weight:800;letter-spacing:-0.03em;margin:0 0 14px;border:none;padding:0}
    .nir-header h1::after{display:none}
    .nir-header p{color:rgba(255,255,255,0.85) !important;font-size:clamp(17px,4.2vw,20px);line-height:1.42;margin:0;opacity:1 !important}
    .nir-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:20px auto;width:calc(100% - 48px);max-width:680px}
    .nir-tag{padding:0 14px;min-height:32px;border-radius:999px;border:1px solid #DDE3E0;background:#fff;cursor:pointer;font-size:12px;font-weight:600;color:#68736D;transition:.2s;user-select:none;display:inline-flex;align-items:center}
    .nir-tag:hover{border-color:var(--ni-green);color:var(--ni-green)}
    .nir-tag.on{background:var(--ni-green);color:#fff;border-color:var(--ni-green)}
    .nir-search{width:calc(100% - 48px);max-width:680px;margin:0 auto 16px;position:relative}
    .nir-search input{width:100%;padding:12px 16px 12px 42px;border:1.5px solid var(--ni-border);border-radius:12px;font-size:14px;font-family:'Space Grotesk';outline:none;box-sizing:border-box}
    .nir-search input:focus{border-color:var(--ni-green);box-shadow:0 0 0 3px rgba(46,139,87,.1)}
    .nir-search::before{content:'🔍';position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px}
    .nir-cnt{text-align:center;margin-bottom:14px;font-size:12px;color:var(--ni-text-muted)}
    .nir-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:30px}
    .nir-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;cursor:pointer;transition:box-shadow .2s;position:relative;overflow:hidden;display:block;text-decoration:none;color:inherit}
    .nir-card:hover{box-shadow:0 4px 16px rgba(46,139,87,0.1);border-color:var(--ni-green);text-decoration:none}
    .nir-card .em{font-size:36px;display:block;margin-bottom:8px}
    .nir-card .nm{font-family:'Outfit';font-weight:700;font-size:15px;color:var(--ni-dark);margin-bottom:6px}
    .nir-card .meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
    .nir-card .meta span{font-size:11px;color:var(--ni-text-muted);display:flex;align-items:center;gap:3px}
    .nir-card .tgs{display:flex;gap:4px;flex-wrap:wrap}
    .nir-card .tg{font-size:9px;padding:2px 7px;border-radius:8px;font-weight:700;color:#fff}
    .tg-sa{background:#E8913A}.tg-sg{background:#7c3aed}.tg-sl{background:#0891b2}.tg-vg{background:var(--ni-green)}
    .nir-card .kcal{position:absolute;top:14px;right:14px;font-size:13px;font-weight:700;color:var(--ni-green)}
    @media(max-width:768px){
    .nir-grid{grid-template-columns:1fr 1fr;gap:10px}
    .nir-card{padding:12px}.nir-card .em{font-size:28px}
    .nir-card .nm{font-size:13px}
    }
    @media(max-width:480px){.nir-grid{grid-template-columns:1fr}}