/* WISER MAGAZINE — A Banca (digital newsstand). Scoped under .wiser-banca. Mirrors the wiser-about asset pattern. */
:root{ color-scheme: dark; }
*,*::before,*::after{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{ background:#0E0F12; }
.wiser-banca{
  --wb-ink:#0E0F12; --wb-navy:#112A46; --wb-navy-deep:#0D2138;
  --wb-gold:#C9A961; --wb-cream:#F4F1E9; --wb-muted:#B4AEA4; --wb-body:#D8D3C8;
  --wb-line:rgba(201,169,97,.26); --wb-line-soft:rgba(201,169,97,.14); --wb-gold-soft:rgba(201,169,97,.10);
  --wb-serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --wb-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --wb-gutter:clamp(1.25rem,5vw,3.5rem); --wb-maxw:1240px;
  --wb-ease:cubic-bezier(.22,.61,.36,1); --wb-dur:560ms;
  position:relative; width:100%; max-width:100%; overflow-x:clip; margin:0;
  background:var(--wb-ink); color:var(--wb-cream);
  font-family:var(--wb-sans); font-weight:400; font-size:clamp(1rem,.96rem + .35vw,1.125rem);
  line-height:1.8; letter-spacing:.003em; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.wiser-banca img{ max-width:100%; height:auto; display:block; }
.wb-wrap{ width:100%; max-width:var(--wb-maxw); margin-inline:auto; padding-inline:var(--wb-gutter); }
.wb-section{ padding-block:clamp(4rem,9vw,8rem); }

.wb-eyebrow{ font-weight:500; font-size:clamp(.7rem,.66rem + .2vw,.8rem); letter-spacing:.26em; text-transform:uppercase; color:var(--wb-gold); margin:0 0 1.4rem; display:inline-flex; align-items:center; gap:.85rem; }
.wb-eyebrow::before{ content:""; width:clamp(1.5rem,4vw,2.75rem); height:1px; background:var(--wb-gold); opacity:.85; }
.wb-display{ font-family:var(--wb-serif); font-weight:400; font-size:clamp(2.5rem,1.4rem + 5.4vw,5rem); line-height:1.02; letter-spacing:-.022em; color:var(--wb-cream); margin:0; text-wrap:balance; }
.wb-display em{ font-style:italic; color:var(--wb-gold); }
.wb-h2{ font-family:var(--wb-serif); font-weight:400; font-size:clamp(1.7rem,1.2rem + 2.4vw,2.85rem); line-height:1.1; letter-spacing:-.016em; color:var(--wb-cream); margin:0; text-wrap:balance; }
.wb-lead{ font-weight:300; font-size:clamp(1.05rem,1rem + .6vw,1.35rem); line-height:1.62; color:var(--wb-cream); max-width:50ch; margin:1.4rem 0 0; }
.wb-muted{ color:var(--wb-muted); }
.wb-section-head{ margin-bottom:clamp(2.2rem,5vw,3.4rem); }

.wb-btns{ display:flex; flex-wrap:wrap; gap:.9rem; margin-top:clamp(1.75rem,3.5vw,2.4rem); }
.wb-btn{ --bg:var(--wb-gold); appearance:none; cursor:pointer; border:1px solid var(--wb-gold); background:var(--bg); color:#15130E; font-family:var(--wb-sans); font-weight:500; font-size:.92rem; letter-spacing:.02em; padding:.85rem 1.4rem; border-radius:2px; display:inline-flex; align-items:center; gap:.6rem; transition:background .3s var(--wb-ease), color .3s var(--wb-ease), transform .3s var(--wb-ease); }
.wb-btn .ar{ display:inline-block; transition:transform .3s var(--wb-ease); }
.wb-btn:hover{ transform:translateY(-1px); }
.wb-btn:hover .ar{ transform:translateX(4px); }
.wb-btn--ghost{ background:transparent; color:var(--wb-cream); border-color:var(--wb-line); }
.wb-btn--ghost:hover{ border-color:var(--wb-gold); color:var(--wb-gold); }
.wb-btn:focus-visible{ outline:2px solid var(--wb-gold); outline-offset:3px; }

.wiser-banca.js .wb-reveal{ opacity:0; transform:translateY(22px); transition:opacity var(--wb-dur) var(--wb-ease), transform var(--wb-dur) var(--wb-ease); transition-delay:var(--d,0ms); }
.wiser-banca.js .wb-reveal.is-visible{ opacity:1; transform:none; }

.wb-hero{ position:relative; padding-block:clamp(4.5rem,10vw,8.5rem) clamp(3.5rem,7vw,6rem);
  background:radial-gradient(120% 90% at 84% -10%,rgba(17,42,70,.55) 0%,rgba(17,42,70,0) 55%),radial-gradient(90% 70% at -5% 0%,rgba(201,169,97,.10) 0%,rgba(201,169,97,0) 50%),var(--wb-ink); overflow:hidden; }
.wb-hero::after{ content:""; position:absolute; left:var(--wb-gutter); right:var(--wb-gutter); bottom:0; height:1px; background:var(--wb-line); }
.wb-hero-grid{ display:grid; grid-template-columns:1fr; gap:clamp(2.5rem,6vw,4.5rem); align-items:center; }
@media(min-width:920px){ .wb-hero-grid{ grid-template-columns:1.05fr .95fr; } }
.wb-hero-copy .wb-current-meta{ margin:1.6rem 0 0; font-size:.9rem; color:var(--wb-muted); letter-spacing:.04em; }
.wb-hero-copy .wb-current-meta b{ color:var(--wb-cream); font-weight:500; }

.wb-cover-stage{ perspective:1600px; display:flex; justify-content:center; }
.wb-cover{ position:relative; width:min(78%,360px); aspect-ratio:2480/3508; transform:rotateY(-13deg) rotateX(2deg); transform-style:preserve-3d; transition:transform .6s var(--wb-ease); will-change:transform; }
.wb-cover img{ width:100%; height:100%; object-fit:cover; border:1px solid var(--wb-line); box-shadow:-26px 34px 60px -28px rgba(0,0,0,.8), 0 2px 0 rgba(201,169,97,.18); background:#15171c; }
.wb-cover::before{ content:""; position:absolute; top:0; bottom:0; left:0; width:14px; background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,0)); transform:translateZ(1px); pointer-events:none; }
.wb-cover::after{ content:""; position:absolute; right:-1px; top:14px; bottom:-14px; width:1px; background:var(--wb-line); transform:translateZ(-1px); }
.wb-hero-figure{ position:relative; }

.wb-flow-sec{ background:linear-gradient(180deg,var(--wb-ink),#0b0c0f 60%,var(--wb-ink)); }
.wb-flow{ position:relative; height:clamp(360px,52vw,540px); perspective:2200px; margin-top:clamp(1.5rem,4vw,2.5rem); touch-action:pan-y; }
.wb-flow-track{ position:absolute; inset:0; transform-style:preserve-3d; }
.wb-flow-item{ position:absolute; top:50%; left:50%; width:clamp(180px,26vw,260px); aspect-ratio:2480/3508; margin:0; cursor:pointer; transform-origin:center center; transition:transform .55s var(--wb-ease), opacity .55s var(--wb-ease); will-change:transform,opacity; }
.wb-flow-item img{ width:100%; height:100%; object-fit:cover; border:1px solid var(--wb-line); box-shadow:0 30px 60px -30px rgba(0,0,0,.85); background:#15171c; }
.wb-flow-item.is-active img{ border-color:var(--wb-gold); box-shadow:0 40px 80px -34px rgba(0,0,0,.9), 0 0 0 1px rgba(201,169,97,.4); }
.wb-flow-nav{ display:flex; align-items:center; justify-content:center; gap:1.5rem; margin-top:clamp(1.5rem,4vw,2.4rem); }
.wb-flow-detail{ text-align:center; min-height:2.4em; }
.wb-flow-detail .e{ font-family:var(--wb-serif); font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem); color:var(--wb-cream); }
.wb-flow-detail .m{ color:var(--wb-gold); font-size:.85rem; letter-spacing:.16em; text-transform:uppercase; margin-top:.35rem; }
.wb-arrow{ appearance:none; cursor:pointer; width:48px; height:48px; border-radius:50%; border:1px solid var(--wb-line); background:transparent; color:var(--wb-cream); font-size:1.1rem; display:grid; place-items:center; transition:border-color .3s var(--wb-ease), color .3s var(--wb-ease), background .3s var(--wb-ease); }
.wb-arrow:hover{ border-color:var(--wb-gold); color:var(--wb-gold); background:var(--wb-gold-soft); }
.wb-arrow:focus-visible{ outline:2px solid var(--wb-gold); outline-offset:3px; }
.wb-flow-hint{ text-align:center; color:var(--wb-muted); font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; margin-top:1.1rem; }

.wb-tools{ display:flex; flex-wrap:wrap; gap:1rem 1.5rem; align-items:center; justify-content:space-between; margin-bottom:clamp(1.8rem,4vw,2.6rem); padding-bottom:1.4rem; border-bottom:1px solid var(--wb-line-soft); }
.wb-search{ position:relative; flex:1 1 240px; max-width:340px; }
.wb-search input{ width:100%; background:#15171c; border:1px solid var(--wb-line-soft); color:var(--wb-cream); font-family:var(--wb-sans); font-size:.95rem; padding:.7rem 1rem .7rem 2.4rem; border-radius:2px; }
.wb-search input::placeholder{ color:var(--wb-muted); }
.wb-search input:focus{ outline:none; border-color:var(--wb-gold); }
.wb-search svg{ position:absolute; left:.85rem; top:50%; transform:translateY(-50%); width:16px; height:16px; stroke:var(--wb-muted); }
.wb-chips{ display:flex; gap:.5rem; }
.wb-chip{ appearance:none; cursor:pointer; background:transparent; border:1px solid var(--wb-line-soft); color:var(--wb-muted); font-family:var(--wb-sans); font-size:.82rem; letter-spacing:.04em; padding:.5rem .95rem; border-radius:100px; transition:all .25s var(--wb-ease); }
.wb-chip[aria-pressed="true"]{ color:#15130E; background:var(--wb-gold); border-color:var(--wb-gold); }
.wb-chip:focus-visible{ outline:2px solid var(--wb-gold); outline-offset:2px; }
.wb-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(190px,1fr)); gap:clamp(1.4rem,3vw,2.4rem); }
.wb-card{ margin:0; }
.wb-card-cover{ position:relative; aspect-ratio:2480/3508; overflow:hidden; border:1px solid var(--wb-line-soft); background:#15171c; cursor:pointer; }
.wb-card-cover img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--wb-ease); }
.wb-card:hover .wb-card-cover img{ transform:scale(1.045); }
.wb-card-cover::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(14,15,18,0) 55%,rgba(14,15,18,.78)); opacity:.85; transition:opacity .3s var(--wb-ease); }
.wb-card:hover .wb-card-cover::after{ opacity:1; }
.wb-card-langs{ position:absolute; left:0; right:0; bottom:0; display:flex; gap:.5rem; padding:.85rem; z-index:2; opacity:0; transform:translateY(8px); transition:opacity .3s var(--wb-ease), transform .3s var(--wb-ease); }
.wb-card:hover .wb-card-langs, .wb-card:focus-within .wb-card-langs{ opacity:1; transform:none; }
.wb-lang{ appearance:none; cursor:pointer; flex:1; background:rgba(244,241,233,.95); color:#15130E; border:0; font-family:var(--wb-sans); font-weight:600; font-size:.72rem; letter-spacing:.04em; padding:.5rem; border-radius:2px; transition:background .25s var(--wb-ease); }
.wb-lang:hover{ background:var(--wb-gold); }
.wb-lang:focus-visible{ outline:2px solid var(--wb-gold); outline-offset:2px; }
.wb-card-meta{ margin-top:.9rem; }
.wb-card-n{ font-family:var(--wb-serif); font-size:1.1rem; color:var(--wb-cream); }
.wb-card-sub{ color:var(--wb-muted); font-size:.82rem; letter-spacing:.04em; margin-top:.15rem; }
.wb-empty{ color:var(--wb-muted); padding:2rem 0; font-style:italic; }

.wb-reader{ position:fixed; inset:0; z-index:9999; background:rgba(8,9,11,.94); backdrop-filter:blur(6px); display:none; flex-direction:column; }
.wb-reader.is-open{ display:flex; }
.wb-reader-bar{ display:flex; align-items:center; gap:1rem; padding:.85rem clamp(1rem,3vw,1.6rem); border-bottom:1px solid var(--wb-line); background:#0b0c0f; }
.wb-reader-logo{ font-family:var(--wb-serif); font-weight:700; letter-spacing:.02em; color:var(--wb-cream); font-size:1.05rem; }
.wb-reader-logo span{ color:var(--wb-gold); }
.wb-reader-title{ color:var(--wb-muted); font-size:.85rem; letter-spacing:.1em; text-transform:uppercase; }
.wb-reader-spacer{ flex:1; }
.wb-toggle{ display:flex; border:1px solid var(--wb-line); border-radius:100px; overflow:hidden; }
.wb-toggle button{ appearance:none; cursor:pointer; background:transparent; border:0; color:var(--wb-muted); font-family:var(--wb-sans); font-size:.78rem; font-weight:500; letter-spacing:.04em; padding:.45rem .95rem; transition:all .25s var(--wb-ease); }
.wb-toggle button[aria-pressed="true"]{ background:var(--wb-gold); color:#15130E; }
.wb-toggle button:disabled{ opacity:.3; cursor:not-allowed; }
.wb-close{ appearance:none; cursor:pointer; width:40px; height:40px; border-radius:50%; border:1px solid var(--wb-line); background:transparent; color:var(--wb-cream); font-size:1.2rem; display:grid; place-items:center; transition:all .25s var(--wb-ease); }
.wb-close:hover{ border-color:var(--wb-gold); color:var(--wb-gold); }
.wb-reader-frame{ flex:1; position:relative; background:#0b0c0f; }
.wb-reader-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.wb-reader-load{ position:absolute; inset:0; display:grid; place-items:center; color:var(--wb-muted); font-size:.85rem; letter-spacing:.16em; text-transform:uppercase; }

.wb-cta{ position:relative; text-align:center; background:radial-gradient(80% 130% at 50% 0%, rgba(201,169,97,.12), rgba(201,169,97,0) 62%), linear-gradient(180deg, #0b0c0f, var(--wb-ink)); border-top:1px solid var(--wb-line); }
.wb-cta-inner{ max-width:780px; }
.wb-cta-title{ margin:0 auto; max-width:17ch; }
.wb-cta-lead{ margin:1.5rem auto 0; max-width:52ch; color:var(--wb-body); }
.wb-cta-btns{ justify-content:center; }
.wb-cta-note{ margin:1.5rem 0 0; color:var(--wb-muted); font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; }
.wb-foot{ border-top:1px solid var(--wb-line-soft); padding:2.5rem 0; color:var(--wb-muted); font-size:.85rem; }

@media(max-width:560px){ .wb-reader-title{ display:none; } }
@media(prefers-reduced-motion:reduce){
  .wiser-banca *{ transition-duration:.01ms !important; animation-duration:.01ms !important; }
  .wiser-banca.js .wb-reveal{ opacity:1 !important; transform:none !important; }
  .wb-cover{ transform:none; }
  .wb-flow{ height:auto; perspective:none; overflow-x:auto; scroll-snap-type:x mandatory; display:flex; gap:1rem; padding-bottom:1rem; }
  .wb-flow-track{ position:static; display:contents; }
  .wb-flow-item{ position:relative; top:auto; left:auto; transform:none !important; opacity:1 !important; flex:0 0 auto; width:200px; scroll-snap-align:center; }
}


/* ---------- Edições page: full-width immersive shell (matches the Sobre pattern) ----------
   The theme page.php hardcodes an (empty) sidebar; hide it + the page-header/breadcrumb
   and let the content column run full width. Scoped to page id 1279. */
.page-id-1279 .td-main-sidebar { display: none !important; }
.page-id-1279 .td-pb-span8.td-main-content {
  width: 100% !important;
  float: none !important;
  padding-right: 0 !important;
}
.page-id-1279 .td-page-header { display: none !important; }
.page-id-1279 .td-main-content-wrap { padding-top: 0 !important; }
.page-id-1279 .td-crumb-container { display: none !important; }
/* the curated markup manages its own horizontal rhythm via .wb-wrap */
.page-id-1279 .td-pb-padding-side { padding-left: 0 !important; padding-right: 0 !important; }


/* ---------- Text colour: reassert the editorial palette over the theme ----------
   tagDiv forces a dark content/heading colour (with !important) inside the page
   content area. Page-scoped + !important so the cream/gold/muted palette wins,
   exactly the technique wiser-article.css uses to beat tagDiv headings. */
.page-id-1279 .wiser-banca h1,
.page-id-1279 .wiser-banca h2,
.page-id-1279 .wiser-banca h3,
.page-id-1279 .wiser-banca .wb-display,
.page-id-1279 .wiser-banca .wb-h2,
.page-id-1279 .wiser-banca .wb-lead,
.page-id-1279 .wiser-banca .wb-card-n,
.page-id-1279 .wiser-banca .wb-reader-logo,
.page-id-1279 .wiser-banca .wb-flow-detail .e { color: var(--wb-cream) !important; }

.page-id-1279 .wiser-banca p,
.page-id-1279 .wiser-banca li { color: var(--wb-body) !important; }

.page-id-1279 .wiser-banca .wb-eyebrow,
.page-id-1279 .wiser-banca .wb-display em,
.page-id-1279 .wiser-banca .wb-flow-detail .m,
.page-id-1279 .wiser-banca .wb-reader-logo span { color: var(--wb-gold) !important; }

.page-id-1279 .wiser-banca .wb-muted,
.page-id-1279 .wiser-banca .wb-current-meta,
.page-id-1279 .wiser-banca .wb-card-sub,
.page-id-1279 .wiser-banca .wb-flow-hint,
.page-id-1279 .wiser-banca .wb-reader-title,
.page-id-1279 .wiser-banca .wb-foot,
.page-id-1279 .wiser-banca .wb-cta-note { color: var(--wb-muted) !important; }

/* buttons keep their own ink/cream text regardless of theme */
.page-id-1279 .wiser-banca .wb-btn { color: #15130E !important; }
.page-id-1279 .wiser-banca .wb-btn--ghost { color: var(--wb-cream) !important; }
.page-id-1279 .wiser-banca .wb-lang { color: #15130E !important; }