/* Banner rotativo da home reutilizado nas páginas de artigos.
   Tudo é escopado para não interferir no restante do layout editorial. */
.sf-article-banner{width:min(1440px,calc(100% - 24px));height:240px;margin:12px auto 18px;position:relative}
.sf-article-banner-shell{position:relative;width:100%;height:240px;border:1px solid rgba(54,160,255,.78);border-radius:18px;background:#02060c;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 0 0 1px rgba(54,160,255,.14),0 0 18px rgba(40,145,255,.10),0 12px 28px rgba(0,0,0,.28);overflow:hidden;isolation:isolate}
.sf-article-banner-shell:before{content:"";position:absolute;inset:0;border-radius:17px;border:1px solid rgba(239,191,77,.24);pointer-events:none;z-index:5}
.sf-article-slide-host{position:absolute;inset:0;display:grid;place-items:center;z-index:1;background:#02060c}
.sf-article-slide{position:absolute;inset:0;opacity:0;transform:scale(.998);transition:opacity .9s ease,transform .9s ease;display:grid;place-items:center;pointer-events:none}
.sf-article-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}
.sf-article-slide-link{position:absolute;inset:0;display:grid;place-items:center;text-decoration:none;color:inherit}
.sf-article-slide-link picture{display:block;width:100%;height:100%;max-width:100%}
.sf-article-banner-img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:#02060c;border-radius:17px}
.sf-article-text-card{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:18px 70px;background:radial-gradient(circle at 50% -40%,rgba(36,104,204,.34),transparent 55%),linear-gradient(100deg,#020711,#081a35 50%,#020711);border:1px solid rgba(239,191,77,.36);border-radius:17px}
.sf-article-text-headline{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3.2vw,48px);font-weight:800;letter-spacing:3px;color:#f4c85e;line-height:1.02}
.sf-article-text-sub{margin-top:10px;font-size:clamp(12px,1.45vw,20px);letter-spacing:2.3px;color:#fff2c3;text-transform:uppercase}
.sf-article-banner-dots{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:6px;z-index:6}
.sf-article-banner-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);transition:.25s}
.sf-article-banner-dot.is-active{background:#efbf4d;box-shadow:0 0 8px rgba(239,191,77,.75)}
@media(max-width:700px){
  .sf-article-banner{width:100%;height:116px;margin:0 auto 12px;padding:0}
  .sf-article-banner-shell{width:100%;height:116px;border:0;border-radius:0;background:transparent;box-shadow:none}
  .sf-article-banner-shell:before,.sf-article-banner-dots{display:none!important}
  .sf-article-slide-link{width:100%;display:grid;place-items:center}
  .sf-article-slide-link picture{width:100%;height:auto;aspect-ratio:360/100;display:block}
  .sf-article-banner-img{width:100%;height:100%;object-fit:cover;border-radius:10px;background:transparent}
  .sf-article-text-card{width:100%;height:100%;border-radius:10px;padding:8px 16px}
  .sf-article-text-headline{font-size:18px;letter-spacing:1.2px}
  .sf-article-text-sub{font-size:10px;letter-spacing:1.1px;line-height:1.25}
}