/* ENTENDA: o mesmo painel/iframe na grade e ampliado. */
.entenda-directory-section{width:100%;padding:0;--entenda-card-ratio:9/16;--entenda-card-width:min(390px,calc((100vw - 124px)/2))}
/* H1/contêiner vêm de PERGUNTE; conservar o antigo intervalo para a descrição. */
.entenda-directory-section .section-intro h1{margin-bottom:calc(clamp(2.8rem,5vw,5rem) * .28)}
.entenda-directory-section .story-directory{display:grid;grid-template-columns:repeat(2,var(--entenda-card-width));justify-content:center;gap:32px;align-items:start}
.entenda-story-card{--entenda-stories-inline-padding:24px;min-width:0;width:100%;margin:0}
.entenda-story-frame{position:relative;width:100%;aspect-ratio:var(--entenda-card-ratio);border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;isolation:isolate;clip-path:inset(0 round 16px);background:var(--story-light,#f3f3f3)}
.entenda-inline-player{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;border-radius:16px;overflow:hidden}
.entenda-inline-player>a{display:none}
.entenda-story-fallback{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:28px;color:var(--story-dark);text-align:center;background:var(--story-light);text-decoration:none}
.entenda-story-fallback__title{display:block;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:750;line-height:1.15;letter-spacing:-.04em}
.entenda-story-fallback__lead{display:block;font-size:.95rem;line-height:1.45}
.entenda-story-fallback img{display:block;width:100%;height:48%;object-fit:contain;mix-blend-mode:multiply}
.entenda-story-fallback[hidden]{display:none}
.entenda-story-expand{position:absolute;right:12px;bottom:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d9dde1;border-radius:50%;background:rgba(255,255,255,.95);color:#141719;cursor:pointer}
.entenda-story-expand svg,.entenda-modal-control svg{display:block}
.entenda-story-expand:focus-visible,.entenda-story-fallback:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}
/* Mesmo padrão visual HOME/COMPARE, sem compartilhar controlador ou seletor. */
.entenda-story-playback{position:absolute;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#141719;cursor:pointer;box-shadow:none;isolation:isolate;line-height:1}
.entenda-story-playback::before{position:absolute;content:"";inset:6px;z-index:-1;border:1px solid #d9dde1;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 1px 2px rgba(0,0,0,.045);pointer-events:none}
.entenda-story-playback svg{display:block;width:18px;height:18px;fill:currentColor}
.entenda-story-playback [data-play-icon]{display:none}
.entenda-story-playback[data-paused="true"] [data-pause-icon]{display:none}
.entenda-story-playback[data-paused="true"] [data-play-icon]{display:block}
.entenda-story-playback:hover{transform:none}
.entenda-story-playback:hover::before{background:#fff}
.entenda-story-playback:focus-visible{outline:3px solid #135ac7;outline-offset:2px}
.entenda-story-playback:disabled{cursor:default;opacity:.4}
.entenda-story-playback[hidden],.entenda-story-restart[hidden]{display:none!important}
.entenda-story-restart{position:absolute;top:50%;left:50%;z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d9dde1;border-radius:50%;background:rgba(255,255,255,.94);color:#141719;box-shadow:none;cursor:pointer;font:inherit;line-height:1;transform:translate(-50%,-50%)}
.entenda-story-restart:hover{transform:translate(-50%,-50%)}
.entenda-story-restart svg{display:block;width:24px;height:24px}
.entenda-story-restart:focus-visible{outline:3px solid #135ac7;outline-offset:3px}
/* Somente o artigo selecionado fica fixo; seu iframe permanece no mesmo parent. */
.entenda-story-card.is-entenda-fullscreen{position:fixed;inset:0;z-index:2147482000;display:grid;grid-template-rows:52px minmax(0,1fr) 52px;width:100%;height:100dvh;max-width:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#101315;border:0;border-radius:0;overflow:hidden}
.entenda-story-card.is-entenda-fullscreen>.entenda-story-frame{width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0;border-radius:0;clip-path:none}
.entenda-story-card.is-entenda-fullscreen .entenda-inline-player{border-radius:0;max-width:none}
.entenda-story-card.is-entenda-fullscreen .entenda-story-expand{display:none}
.entenda-story-slot{min-width:0;pointer-events:none}
/* Barras de 52px e tipografia/alinhamento do padrão existente. */
.entenda-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;width:100%;height:52px;min-height:52px;padding:0 var(--entenda-stories-inline-padding);overflow:hidden;background:#101315;color:#fff;z-index:4}
.entenda-modal-header [data-entenda-modal-title]{flex:1 1 auto;min-width:0;max-width:100%;color:#fff;font-size:13px;font-weight:700;line-height:1.2;letter-spacing:-.01em;text-align:left;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.entenda-modal-control{position:relative;display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;cursor:pointer;font:inherit;line-height:1}
.entenda-modal-control[hidden]{display:none!important}
.entenda-modal-header [data-entenda-close]{display:flex;justify-content:flex-end;margin-inline-end:calc(-22px * 5 / 24);font-size:0;line-height:0;gap:0}
.entenda-modal-header [data-entenda-close] svg{display:block;width:22px;height:22px;flex:none}
.entenda-modal-control:focus-visible,.entenda-modal-menu a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.entenda-modal-menu{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;min-width:0;height:52px;min-height:52px;margin:0;padding:0 var(--entenda-stories-inline-padding);overflow:hidden;background:#101315;color:#fff;font-size:13px;font-weight:700;line-height:1.2;z-index:4}
.entenda-modal-menu [data-story-list]{display:flex;align-items:center;justify-content:flex-start;flex:1 1 auto;gap:4px;width:auto;min-width:0;height:100%;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.entenda-modal-menu [data-story-list]::-webkit-scrollbar{display:none}
.entenda-modal-menu a{display:flex;flex:0 0 auto;align-items:center;align-self:stretch;min-width:0;margin:0;padding:0 10px;border:0;border-bottom:2px solid transparent;background:transparent;color:rgba(255,255,255,.65);cursor:pointer;font:inherit;line-height:inherit;text-align:left;text-decoration:none;white-space:nowrap}
.entenda-modal-menu a[aria-current="true"]{border-bottom-color:#fff;color:#fff}
.entenda-modal-menu[data-overflow="false"] [data-story-list]{justify-content:center}
.entenda-modal-menu[data-overflow="true"]{padding-inline:0}
.entenda-modal-menu .entenda-modal-control svg{position:absolute;display:block;flex:none;width:24px;height:24px}
.entenda-modal-menu [data-story-list-prev] svg{left:calc(var(--entenda-stories-inline-padding) - 8px)}
.entenda-modal-menu [data-story-list-next] svg{right:calc(var(--entenda-stories-inline-padding) - 8px)}
.entenda-modal-menu .entenda-modal-control:disabled{cursor:default}
.entenda-modal-menu .entenda-modal-control:disabled svg{opacity:.25}
.entenda-modal-menu .entenda-modal-control:focus-visible{outline-offset:-4px}
/* O fundo embaça antes do fade; nenhum filter em ancestrais do iframe. */
.entenda-story-backdrop{position:fixed;inset:0;z-index:2147481999;pointer-events:none;background:transparent;backdrop-filter:blur(var(--entenda-background-blur,0px));-webkit-backdrop-filter:blur(var(--entenda-background-blur,0px))}
.entenda-story-backdrop[data-entenda-background-motion]{animation:entenda-background-in var(--entenda-phase-duration,600ms) linear both;will-change:backdrop-filter}
.entenda-story-backdrop[data-entenda-background-motion="blur-out"]{animation-name:entenda-background-out}
.entenda-story-card[data-entenda-fade]{animation:entenda-player-in var(--entenda-phase-duration,600ms) linear both;will-change:opacity}
.entenda-story-card[data-entenda-fade="fade-out"]{animation-name:entenda-player-out}
.entenda-story-card[data-entenda-transition]>.entenda-story-frame,.entenda-story-card[data-entenda-transition] .entenda-modal-menu{pointer-events:none}
.entenda-story-card[data-entenda-closing] .entenda-modal-header,.entenda-story-card[data-entenda-closing] .entenda-modal-menu{pointer-events:none}
@keyframes entenda-background-in{from{backdrop-filter:blur(var(--entenda-blur-from));-webkit-backdrop-filter:blur(var(--entenda-blur-from))}to{backdrop-filter:blur(var(--entenda-blur-to));-webkit-backdrop-filter:blur(var(--entenda-blur-to))}}
@keyframes entenda-background-out{from{backdrop-filter:blur(var(--entenda-blur-from));-webkit-backdrop-filter:blur(var(--entenda-blur-from))}to{backdrop-filter:blur(var(--entenda-blur-to));-webkit-backdrop-filter:blur(var(--entenda-blur-to))}}
@keyframes entenda-player-in{from{opacity:var(--entenda-fade-from)}to{opacity:var(--entenda-fade-to)}}
@keyframes entenda-player-out{from{opacity:var(--entenda-fade-from)}to{opacity:var(--entenda-fade-to)}}
@media(max-width:700px){
 .entenda-directory-section{--entenda-card-width:min(390px,calc(100vw - 40px))}
 .entenda-directory-section .section-intro h1{margin-bottom:calc(clamp(2.6rem,10vw,4.2rem) * .28)}
 .entenda-directory-section .story-directory{grid-template-columns:var(--entenda-card-width)}
 .entenda-modal-header{gap:12px}
 .entenda-modal-menu [data-story-list]{gap:0}
}
@media(prefers-reduced-motion:reduce){.entenda-story-backdrop[data-entenda-background-motion],.entenda-story-card[data-entenda-fade]{animation:none;will-change:auto}}
/* HOME: preservar a distância e o alinhamento já aprovados. */
#entenda > .entenda-all-stories{display:inline-flex;width:auto;margin:calc(34px + 14px) 0 0;padding:6px 0;justify-content:flex-start;text-align:left}

/* Loading apenas no Story embutido; o zoom e o carregamento lazy permanecem independentes. */
.entenda-story-frame > .entenda-story-loading{
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:1px solid #d9dde1;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.entenda-story-frame > .entenda-story-loading[hidden]{display:none!important}
.entenda-story-loading .brand-mark.triobum-loading-bars{
  display:inline-flex;
  align-items:flex-end;
  gap:2px;
  width:auto;
  height:16px;
  margin:0;
  padding:0;
  line-height:1;
}
.entenda-story-loading .brand-mark.triobum-loading-bars i{
  flex:0 0 3px;
  width:3px;
  max-height:100%;
}

.entenda-story-card:is(.is-entenda-fullscreen,[data-entenda-transition]) .entenda-story-loading,
.entenda-story-frame[data-entenda-zoom] > .entenda-story-loading{display:none!important}