.nb-ig-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.nb-ig-card{min-width:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #003b5b14}.nb-ig-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.nb-ig-card p{padding:8px 10px;margin:0;font-size:13px}.nb-ig-play{position:relative;width:100%;padding:0;border:0;cursor:pointer}.nb-ig-play span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:38px;text-shadow:0 2px 12px #000}.nb-ig-dialog{max-width:min(94vw,720px);max-height:92vh;border:0;border-radius:16px;padding:20px;background:#092b3b;color:#fff}.nb-ig-dialog::backdrop{background:#001822cc}.nb-ig-dialog video{display:block;max-width:100%;max-height:75vh;margin:auto}.nb-ig-close{float:right;margin-bottom:8px;border:0;background:#fff;color:#063c5a;border-radius:50%;width:38px;height:38px;font-size:26px}.nb-ig-fallback{display:block;color:#fff;text-align:center;padding:8px}@media(max-width:760px){.nb-ig-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Feed da Home: cards próprios sem ações e métricas do iframe do Instagram. */
.nb-home-v3 .nb-feed-block .nb-social-cards>.nb-feed-card{position:relative;aspect-ratio:9/16!important;background:#0b3447!important;border-radius:16px!important;overflow:hidden}
.nb-home-v3 .nb-feed-card__media,.nb-home-v3 .nb-feed-card__open{display:block;width:100%;height:100%;position:relative}
.nb-home-v3 .nb-feed-card__open{border:0;padding:0;margin:0;background:#0b3447;cursor:pointer}
.nb-home-v3 .nb-feed-card__open img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;border:0;border-radius:0;transition:transform .22s ease}
.nb-home-v3 .nb-feed-card__open:hover img{transform:scale(1.025)}
.nb-home-v3 .nb-feed-card__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(0,55,82,.84);border:2px solid #fff;color:#fff;font-size:20px;line-height:1;pointer-events:none}
.nb-home-v3 .nb-feed-card__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(140deg,#005576,#2599d6);color:#fff;font-size:42px;font-weight:900}
.nb-home-v3 .nb-feed-card__open:focus-visible{outline:3px solid #2599d6;outline-offset:-4px}
@media(prefers-reduced-motion:reduce){.nb-home-v3 .nb-feed-card__open img{transition:none}}

/* Fechar player do Feed: controle circular na identidade NB, sem cor vermelha. */
html body .nb-feed-block .nb-ig-dialog{position:relative;padding-top:64px}
html body .nb-feed-block .nb-ig-dialog .nb-ig-close{position:absolute;top:12px;right:14px;float:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid rgba(173,224,246,.65);border-radius:50%;background:#155775;color:#fff;font-size:0;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,17,30,.22);transition:background .18s ease,border-color .18s ease,transform .18s ease}
html body .nb-feed-block .nb-ig-dialog .nb-ig-close::before{content:'×';font-family:Arial,sans-serif;font-size:27px;font-weight:400;line-height:1;transform:translateY(-1px)}
html body .nb-feed-block .nb-ig-dialog .nb-ig-close:hover{background:#2599d6;border-color:#dff5ff;transform:scale(1.06)}
html body .nb-feed-block .nb-ig-dialog .nb-ig-close:focus-visible{outline:3px solid #8cdbff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html body .nb-feed-block .nb-ig-dialog .nb-ig-close{transition:none}}

/* X geométrico centralizado sem depender da métrica da fonte. */
html body .nb-feed-block .nb-ig-dialog .nb-ig-close::before,
html body .nb-feed-block .nb-ig-dialog .nb-ig-close::after{content:'';position:absolute;top:50%;left:50%;width:18px;height:2px;border-radius:2px;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}
html body .nb-feed-block .nb-ig-dialog .nb-ig-close::after{transform:translate(-50%,-50%) rotate(-45deg)}

/* O diálogo nativo deve ficar fixo na viewport atual; position:relative o colocava no fluxo da Home e fazia o navegador rolar até o topo. */
html body .nb-feed-block dialog.nb-ig-dialog[open]{position:fixed!important;inset:0!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:auto!important;box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto}
html body .nb-feed-block dialog.nb-ig-dialog video{max-height:calc(100dvh - 160px)}
@supports not (height:100dvh){html body .nb-feed-block dialog.nb-ig-dialog[open]{max-height:calc(100vh - 32px)}html body .nb-feed-block dialog.nb-ig-dialog video{max-height:calc(100vh - 160px)}}

/* Player opcional dentro do card do Feed. */
.nb-home-v3 .nb-feed-card__open[hidden],.nb-home-v3 .nb-feed-card__video[hidden]{display:none!important}
.nb-home-v3 .nb-feed-card__media>.nb-feed-card__video{display:block;width:100%!important;height:100%!important;max-width:100%;max-height:none;object-fit:contain;background:#061d29}

/* A quantidade selecionada no Feed substitui o antigo limite visual de quatro cards. */
html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards>article.nb-reel-card.nb-feed-card:nth-child(n+5){display:block!important}
html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}
@media(max-width:1080px){html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards>article.nb-reel-card.nb-feed-card:nth-child(n+5){display:block!important}}

/* Modelo tradicional: iframe oficial do Instagram com ações nativas visíveis. */
html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards>article.nb-reel-card.is-native-player{display:block!important;position:relative;height:640px!important;aspect-ratio:auto!important;background:#fff!important}
html body.home .nb-home-v3 .nb-feed-block .nb-reel-card.is-native-player .nb-reel-native{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards>article.nb-reel-card.is-native-player{height:590px!important}}
html body.home .nb-home-v3 .nb-feed-block>.nb-social-cards>article.nb-reel-card.is-native-player:nth-child(n+5){display:block!important}
