.ord-platform-tour{padding:clamp(4.5rem, 8vw, 7.5rem) 0;background:#f4f1e9;color:#102131}
.ord-platform-tour .ord-platform-heading{max-width:820px;margin-bottom:28px}
.ord-platform-tour .ord-platform-heading h2{font-size:var(--fs-fluid-40-32);line-height:1.12;margin:10px 0 16px}
.ord-platform-tour .ord-platform-heading p{line-height:1.6}
.ord-platform-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.ord-platform-tabs button{font:inherit;font-weight: var(--fw-600);padding:12px 20px;min-height:46px;border:1px solid #b8b3a8;border-radius: var(--ra-10);background:transparent;color:#102131;cursor:pointer}
.ord-platform-tabs button[aria-selected="true"]{background:#102131;color:#e6c78d;border-color:#102131}
.ord-platform-tabs button:focus-visible,.ord-platform-panel a:focus-visible{outline:3px solid #9b702f;outline-offset:4px}
.ord-platform-panel{margin:0;border:1px solid #334352;border-radius: var(--ra-10);overflow:hidden;background:#091827;box-shadow: var(--sh-3)}
.ord-platform-panel[hidden]{display:none!important}
.ord-platform-panel a{display:block;background:#091827;aspect-ratio:2/1}
.ord-platform-panel img{display:block;width:100%;height:100%;object-fit:contain}
.ord-platform-panel figcaption{padding:13px 18px;color:#c3ced9;font-size: var(--fs-14);line-height:1.5;border-top:1px solid #334352}
.ord-platform-disclosure{font-size: var(--fs-14);line-height:1.6;color:#4e5b66;margin:18px 0 0;max-width:900px}
.ord-platform-dialog{width:min(1400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #536170;border-radius: var(--ra-10);background:#091827;color:#e9edf1;box-shadow: var(--sh-3)}
.ord-platform-dialog::backdrop{background:#07111fed}
.ord-platform-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid #334352}
.ord-platform-dialog-head p{margin:0;font-size: var(--fs-16);line-height:1.4}
.ord-platform-close{flex:none;width:44px;height:44px;border:1px solid #617182;border-radius: var(--ra-10);background:#102131;color:#fff;font-size: var(--fs-24);cursor:pointer}
.ord-platform-close:focus-visible,.ord-platform-zoom:focus-visible{outline:3px solid #e6c78d;outline-offset:-4px}
.ord-platform-zoom{max-height:calc(100dvh - 116px);overflow:auto;overscroll-behavior:contain}
.ord-platform-zoom img{display:block;width:100%;min-width:900px;height:auto;max-width:none}
html.ord-preview-open{overflow:hidden}
/* Achado em auditoria 2026-09-11: com flex-wrap + flex:1 0 auto, 5 abas em
   375px quebram 4 numa linha e a 5a fica sozinha na linha seguinte, esticada
   por flex-grow para ocupar a largura inteira -- unica aba com tamanho
   diferente das outras. Rolagem horizontal e o padrao esperado para barra de
   abas que nao cabe inteira (mesmo peso visual em todas, nenhuma quebra).
   nowrap; overflow-x:auto habilita, flex:0 0 auto tira o grow que causava o
   esticamento; scrollbar-width:none/webkit oculta a barra sem tirar o gesto. */
@media(max-width:520px){.ord-platform-tabs{gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ord-platform-tabs::-webkit-scrollbar{display:none}.ord-platform-tabs button{flex:0 0 auto;padding:10px 12px;font-size: var(--fs-14)}.ord-platform-panel{border-radius: var(--ra-10)}.ord-platform-panel figcaption{padding:10px 12px}}