/*
 * FAQ Gaveta de Fichas — adaptado de FAQ.html para Gramacho Advocacia.
 * © 2026 Upward Creative Academy. Todos os direitos reservados.
 * Licença: uso em projetos próprios e de clientes. Proibido revender,
 * redistribuir, compartilhar ou publicar como template, kit, curso ou produto.
 */
/* upw:upw1ae9b6e6f39a */
  @property --upw-fin { syntax: '<length>'; inherits: true; initial-value: 0px; }
  @property --upw-fin2 { syntax: '<length>'; inherits: true; initial-value: 0px; }
  @property --upw-fback { syntax: '<length>'; inherits: true; initial-value: 30px; }
  @property --upw-fpos { syntax: '<number>'; inherits: true; initial-value: 0; }
  @property --upw-fdk { syntax: '<number>'; inherits: true; initial-value: 0; }
  .upw-sec-files {
    --upw-bg: #1f2a24; --upw-ink: #f3ead8; --upw-muted: #bdb8a6; --upw-manila: #f3d9a4; --upw-paper: #fbf7ee; --upw-text: #2a251c;
    --upw-metal: #c9cdd2; --upw-metal2: #8d939b;
    --upw-azul: #3f6684; --upw-amarelo: #d6a838; --upw-verde: #557548; --upw-vermelho: #a8492f;
    --upw-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --upw-serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
    --upw-mono: 'Courier Prime', 'Courier New', Courier, ui-monospace, monospace;
    --upw-th: 22px; /* altura da aba das pastas */
    position: relative; isolation: isolate; display: block; box-sizing: border-box; width: 100%; overflow: hidden; overflow: clip;
    margin: 0; padding: clamp(56px, 4vw, 96px) clamp(16px, 4.5vw, 56px) clamp(72px, 8vw, 120px);
    background: var(--upw-bg); color: var(--upw-ink); font: 400 16px/1.55 var(--upw-sans); text-align: left; -webkit-font-smoothing: antialiased;
  }
  /* luz da luminária e sombra no pé */
  .upw-sec-files::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(48% 62% at 76% 4%, #f3d9a426, transparent 72%), radial-gradient(90% 60% at 50% 115%, #00000066, transparent 70%); }
  .upw-sec-files *, .upw-sec-files *::before, .upw-sec-files *::after { box-sizing: border-box; }
  .upw-sec-files h2, .upw-sec-files h3, .upw-sec-files p, .upw-sec-files ol, .upw-sec-files li, .upw-sec-files b, .upw-sec-files em, .upw-sec-files a, .upw-sec-files a:hover, .upw-sec-files a:focus {
    margin: 0; padding: 0; border: 0; font: inherit; color: inherit; letter-spacing: inherit; text-transform: none; text-decoration: none; text-shadow: none; background: none; box-shadow: none; list-style: none;
  }
  .upw-sec-files button, .upw-sec-files button:hover, .upw-sec-files button:focus, .upw-sec-files button:active {
    -webkit-appearance: none; appearance: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font: inherit; color: inherit;
    letter-spacing: inherit; text-transform: none; text-decoration: none; text-align: inherit; white-space: normal; width: auto; min-height: 0; cursor: pointer; -webkit-tap-highlight-color: transparent;
  }
  .upw-sec-files svg { display: block; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

  /* layout: texto à esquerda, gaveta à direita (no celular, um embaixo do outro) */
  .upw-sec-files__wrap { position: relative; display: grid; gap: 40px; max-width: 1180px; margin: 0 auto; }
  .upw-sec-files__drawer { position: relative; min-width: 0; container-type: inline-size; transition: --upw-fback .55s cubic-bezier(.3, .8, .3, 1); }
  @media (min-width: 1000px) {
    .upw-sec-files__wrap { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto 1fr; column-gap: clamp(48px, 6vw, 88px); row-gap: 34px; }
    .upw-sec-files__head { grid-area: 1 / 1; }
    .upw-sec-files__drawer { grid-area: 1 / 2 / 3 / 3; }
    .upw-sec-files__help { grid-area: 2 / 1; align-self: start; }
  }

  /* título */
  .upw-sec-files .upw-sec-files__eyebrow { display: flex; align-items: center; gap: 12px; color: var(--upw-manila); font: 700 12.5px/1.2 var(--upw-mono); letter-spacing: .2em; text-transform: uppercase; }
  .upw-sec-files__eyebrow::before { content: ''; flex: none; width: 34px; height: 2px; background: currentColor; }
  .upw-sec-files .upw-sec-files__title { margin: 20px 0 0; color: var(--upw-ink); font: 500 clamp(46px, 6vw, 84px)/.96 var(--upw-serif); letter-spacing: -.025em; text-wrap: balance; }
  .upw-sec-files .upw-sec-files__title em { color: var(--upw-manila); font-style: italic; }
  .upw-sec-files .upw-sec-files__lead { max-width: 30em; margin: 22px 0 0; color: var(--upw-muted); font-size: clamp(16px, 1.3vw, 18px); line-height: 1.6; }
  .upw-sec-files .upw-sec-files__lead b { color: var(--upw-ink); font-weight: 600; }
  .upw-sec-files .upw-sec-files__hint { display: flex; align-items: center; gap: 10px; margin: 24px 0 0; color: #d9c79f; font: 700 12px/1.3 var(--upw-mono); letter-spacing: .12em; text-transform: uppercase; }
  .upw-sec-files__hint svg { width: 18px; height: 18px; transform: rotate(90deg); }
  @media (min-width: 1000px) { .upw-sec-files__hint svg { transform: none; } }

  /* abas do topo (filtro): divisórias em pé no fundo da gaveta */
  .upw-sec-files__filters { position: relative; z-index: 1; display: flex; gap: 5px; padding: 6px 12px 0; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
  .upw-sec-files__filters::-webkit-scrollbar { display: none; }
  @media (min-width: 640px) { .upw-sec-files__filters { padding: 6px calc(var(--upw-fback) - 11px) 0; } }
  .upw-sec-files button.upw-sec-files__f {
    position: relative; display: inline-flex; flex: 1 0 auto; align-items: center; justify-content: center; gap: 8px; height: 50px; padding: 0 12px 6px;
    border-radius: 9px 9px 0 0; background: linear-gradient(#3a4942, #2c3832); color: #e9dfc9; font: 700 11.5px/1 var(--upw-mono); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap;
    box-shadow: inset 0 1px 0 #ffffff1a; transform: translateY(6px); transition: transform .35s cubic-bezier(.2, .9, .3, 1.3), background-color .3s, color .3s;
  }
  .upw-sec-files button.upw-sec-files__f::before { content: ''; flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--upw-c, conic-gradient(var(--upw-azul) 0 25%, var(--upw-amarelo) 0 50%, var(--upw-verde) 0 75%, var(--upw-vermelho) 0)); box-shadow: 0 0 0 2px #0000002e; }
  .upw-sec-files button.upw-sec-files__f[aria-pressed="true"] { background: linear-gradient(#f8e3b5, var(--upw-manila)); color: #2a2418; transform: none; }
  .upw-sec-files button.upw-sec-files__f:focus-visible { outline: 3px solid var(--upw-manila); outline-offset: -3px; }
  .upw-sec-files button.upw-sec-files__f[aria-pressed="true"]:focus-visible { outline-color: var(--upw-azul); }
  @media (hover: hover) { .upw-sec-files button.upw-sec-files__f:hover:not([aria-pressed="true"]) { background: linear-gradient(#4a5b52, #34423b); transform: translateY(2px); } }
  /* gaveta estreita (celular ou coluna apertada): as abas encolhem, com a bolinha de cor em cima do nome */
  @container (max-width: 600px) {
    .upw-sec-files .upw-sec-files__filters { gap: 4px; padding: 6px clamp(0px, calc(var(--upw-fback) - 11px), calc(50cqi - 170px)) 0; }
    .upw-sec-files button.upw-sec-files__f { flex: 1 1 auto; flex-direction: column; gap: 6px; padding: 0 6px 5px; font-size: clamp(9px, 2.9cqi, 11px); letter-spacing: .04em; }
    .upw-sec-files button.upw-sec-files__f::before { width: 8px; height: 8px; }
  }

  /* a gaveta: borda do fundo, laterais em perspectiva e as pastas */
  .upw-sec-files__box { position: relative; z-index: 2; padding-top: calc(var(--upw-th) + 16px); clip-path: inset(-300px -80px 0 -80px); }
  .upw-sec-files__box::before { content: ''; position: absolute; z-index: 0; top: 0; left: calc(var(--upw-fback) - 15px); right: calc(var(--upw-fback) - 15px); height: 10px; border-radius: 3px; background: linear-gradient(#c3c8cd, var(--upw-metal2)); box-shadow: 0 8px 12px -6px #000000b2; }
  .upw-sec-files .upw-sec-files__list { position: relative; display: block; margin: 0; padding: 0; list-style: none; }
  /* fundo da gaveta (atrás das pastas) e laterais no trecho acima da 1ª pasta */
  .upw-sec-files.upw-js .upw-sec-files__list::before, .upw-sec-files.upw-js .upw-sec-files__list::after { content: ''; position: absolute; z-index: -1; top: calc(var(--upw-th) * -1 - 6px); bottom: 0; left: 0; right: 0; pointer-events: none; }
  .upw-sec-files.upw-js .upw-sec-files__list::before { bottom: auto; height: calc(var(--upw-th) + 7px); background: #767c84; clip-path: polygon(calc(var(--upw-fback) - 11px) 0, calc(100% - var(--upw-fback) + 11px) 0, calc(100% - var(--upw-fback) + 14px) 100%, calc(var(--upw-fback) - 14px) 100%); }
  .upw-sec-files.upw-js .upw-sec-files__list::after { background: #121915; clip-path: polygon(calc(var(--upw-fback) - 4px) 0, calc(100% - var(--upw-fback) + 4px) 0, calc(100% - var(--upw-fbase) + 4px) 100%, calc(var(--upw-fbase) - 4px) 100%); }
  /* enquanto embaralha: laterais retas na gaveta inteira (cobrem os vãos entre as pastas que estão se movendo) */
  .upw-sec-files.upw-js .upw-sec-files__list.is-mix::before { bottom: 0; height: auto; clip-path: polygon(calc(var(--upw-fback) - 14px) 0, calc(100% - var(--upw-fback) + 14px) 0, calc(100% - var(--upw-fbase) + 14px) 100%, calc(var(--upw-fbase) - 14px) 100%); }
  .upw-sec-files .upw-sec-files__item {
    position: relative; z-index: 0; display: block; margin: 0 var(--upw-fin); padding: 0 0 calc(var(--upw-th) + 3px); list-style: none;
    transition: .55s cubic-bezier(.3, .8, .3, 1); transition-property: --upw-fin, --upw-fin2, --upw-fpos, --upw-fdk;
  }
  .upw-sec-files .upw-sec-files__item::marker { content: none; }
  .upw-sec-files__item:nth-child(3n+2) { --upw-fpos: .5; }
  .upw-sec-files__item:nth-child(3n) { --upw-fpos: 1; }
  .upw-sec-files .upw-sec-files__item.is-out { display: none; }
  /* laterais da gaveta: filete de metal (::before) e vão escuro (::after) ao lado de cada pasta */
  .upw-sec-files__item::before, .upw-sec-files__item::after { content: ''; position: absolute; z-index: -1; top: -1px; bottom: 0; left: calc(var(--upw-fin) * -1); right: calc(var(--upw-fin) * -1); pointer-events: none; }
  .upw-sec-files__item::before { background: #767c84; clip-path: polygon(calc(var(--upw-fin) - 14px) 0, calc(var(--upw-fin) - 4px) 0, calc(var(--upw-fin2) - 4px) 100%, calc(100% - var(--upw-fin2) + 4px) 100%, calc(100% - var(--upw-fin) + 4px) 0, calc(100% - var(--upw-fin) + 14px) 0, calc(100% - var(--upw-fin2) + 14px) 100%, calc(var(--upw-fin2) - 14px) 100%); }
  .upw-sec-files__item::after { background: #121915; clip-path: polygon(calc(var(--upw-fin) - 4px) 0, calc(var(--upw-fin) + 8px) 0, calc(var(--upw-fin2) + 8px) 100%, calc(100% - var(--upw-fin2) - 8px) 100%, calc(100% - var(--upw-fin) - 8px) 0, calc(100% - var(--upw-fin) + 4px) 0, calc(100% - var(--upw-fin2) + 4px) 100%, calc(var(--upw-fin2) - 4px) 100%); }

  /* a pasta (papel pardo) */
  .upw-sec-files__folder { position: relative; z-index: 1; transition: transform .35s cubic-bezier(.2, .9, .3, 1.25); }
  .upw-sec-files__folder::before {
    content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: calc(var(--upw-th) * -1 - 46px); border-radius: 5px 5px 0 0;
    background: linear-gradient(rgba(36, 26, 8, var(--upw-fdk)), rgba(36, 26, 8, var(--upw-fdk))), linear-gradient(#f9e6bb, var(--upw-manila) 14px, #ead095 70%);
    box-shadow: inset 0 1px 0 #ffffff99, 0 -1px 0 #46341459, 0 -9px 14px -7px #00000080; transition: box-shadow .4s;
  }
  .upw-sec-files [data-cor="azul"] { --upw-c: var(--upw-azul); }
  .upw-sec-files [data-cor="amarelo"] { --upw-c: var(--upw-amarelo); --upw-ct: #2a2418; }
  .upw-sec-files [data-cor="verde"] { --upw-c: var(--upw-verde); }
  .upw-sec-files [data-cor="vermelho"] { --upw-c: var(--upw-vermelho); }
  .upw-sec-files button.upw-sec-files__q {
    position: relative; display: flex; align-items: center; gap: 14px; width: 100%; min-height: 36px; padding: 7px 14px 4px 20px;
    color: var(--upw-text); font: 600 16.5px/1.3 var(--upw-sans); letter-spacing: -.012em; text-align: left; border-radius: 5px 5px 0 0;
  }
  .upw-sec-files button.upw-sec-files__q:focus-visible { outline: 3px solid var(--upw-azul); outline-offset: -3px; }
  .upw-sec-files__qt { flex: 1; min-width: 0; }
  .upw-sec-files__item:not(.is-open) .upw-sec-files__q::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: calc(var(--upw-th) + 3px); }
  /* a aba colorida que sai de cima da pasta */
  .upw-sec-files__tab {
    position: absolute; z-index: 0; bottom: 100%; left: calc(var(--upw-fpos) * (100% - 32px) + 16px); translate: calc(var(--upw-fpos) * -100%) 0;
    display: flex; align-items: center; gap: 7px; height: var(--upw-th); min-width: 112px; padding: 2px 14px 0; color: var(--upw-ct, #fff8ea);
    font: 700 10.5px/1 var(--upw-mono); letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; pointer-events: auto;
  }
  .upw-sec-files__tab::before { content: ''; position: absolute; z-index: -1; inset: 0 0 -3px; border-radius: 7px 7px 0 0; background: linear-gradient(#ffffff33, transparent 70%), var(--upw-c, var(--upw-manila)); box-shadow: inset 0 1px 0 #ffffff4c; transform: perspective(30px) rotateX(4deg); transform-origin: 50% 100%; }
  .upw-sec-files .upw-sec-files__tn { font-weight: 700; opacity: .85; }
  .upw-sec-files__ic { position: relative; flex: none; width: 28px; height: 28px; margin: -2px 0; border: 1.5px solid #2a251c61; border-radius: 50%; transition: transform .45s cubic-bezier(.3, 1.5, .5, 1), background-color .3s, border-color .3s, color .3s; }
  .upw-sec-files__ic::before, .upw-sec-files__ic::after { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; margin: -1px 0 0 -6px; border-radius: 2px; background: currentColor; }
  .upw-sec-files__ic::after { transform: rotate(90deg); }

  /* passar o mouse: a pasta sobe um pouco (e as vizinhas acompanham) */
  @media (hover: hover) {
    .upw-sec-files__item:not(.is-open):hover > .upw-sec-files__folder { transform: translateY(-7px); }
    .upw-sec-files__item:not(.is-open):hover + .upw-sec-files__item:not(.is-open) > .upw-sec-files__folder,
    .upw-sec-files__item:not(.is-open):has(+ .upw-sec-files__item:not(.is-open):hover) > .upw-sec-files__folder { transform: translateY(-2px); }
    .upw-sec-files__item:not(.is-open):hover .upw-sec-files__ic { background: #2a251c14; }
  }
  /* aberta: a pasta é puxada para cima e a ficha sai de dentro */
  .upw-sec-files__item.is-open > .upw-sec-files__folder { transform: translateY(-9px) scale(1.012); animation: upw-files-pull .75s cubic-bezier(.2, .8, .2, 1); }
  .upw-sec-files__item.is-open > .upw-sec-files__folder::before { box-shadow: inset 0 1px 0 #ffffff99, 0 -1px 0 #46341459, 0 -16px 26px -8px #00000099, 10px 0 18px -8px #0000008c, -10px 0 18px -8px #0000008c; }
  .upw-sec-files__item.is-open .upw-sec-files__ic { transform: rotate(135deg); border-color: var(--upw-text); background: var(--upw-text); color: var(--upw-manila); }

  /* a resposta: ficha pautada com margem vermelha, clipe e carimbo */
  .upw-sec-files__a { display: grid; grid-template-rows: 1fr; }
  .upw-sec-files__in { position: relative; min-height: 0; overflow: hidden; }
  .upw-sec-files__in::after { content: ''; position: absolute; left: 4px; right: 4px; bottom: 0; height: 18px; border-radius: 0 0 3px 3px; background: linear-gradient(#e7cb91, #dcbf83); box-shadow: 0 -6px 9px -6px #281c0880, inset 0 1px 0 #ffffff73; }
  .upw-sec-files__paper {
    --upw-pl: 54px; position: relative; margin: 18px 14px 20px 16px; padding: 10px 18px 26px var(--upw-pl); color: var(--upw-text); background-color: var(--upw-paper);
    background-image: linear-gradient(90deg, transparent calc(var(--upw-pl) - 16px), #a8492f80 calc(var(--upw-pl) - 16px) calc(var(--upw-pl) - 14.5px), transparent 0), linear-gradient(transparent 25px, #3f668438 25px);
    background-size: 100% 100%, 100% 26px; background-position: 0 0, 0 10px; background-repeat: no-repeat, repeat-y;
    box-shadow: 0 1px 2px #281c0840, 0 14px 24px -14px #281c08a6;
  }
  .upw-sec-files .upw-sec-files__paper p { color: var(--upw-text); font: 400 16px/26px var(--upw-sans); letter-spacing: 0; }
  .upw-sec-files .upw-sec-files__paper p + p { text-indent: 1.5em; }
  .upw-sec-files .upw-sec-files__paper b { font-weight: 650; }
  .upw-sec-files__ref { display: block; padding-right: 128px; color: #6f5a3b; font: 700 11px/26px var(--upw-mono); letter-spacing: .14em; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .upw-sec-files__stamp {
    position: absolute; top: 9px; right: 14px; padding: 6px 9px 5px; border: 2px solid currentColor; border-radius: 4px; color: #a8492feb;
    font: 700 10.5px/1 var(--upw-mono); letter-spacing: .16em; text-transform: uppercase; box-shadow: inset 0 0 0 1.5px var(--upw-paper), inset 0 0 0 3px currentColor;
    transform: rotate(-7deg); opacity: .9; pointer-events: none;
  }
  .upw-sec-files__clip { position: absolute; top: -16px; left: calc(var(--upw-pl) - 44px); width: 20px; height: 46px; color: #6f767e; stroke-width: 3; transform: rotate(7deg); filter: drop-shadow(1px 2px 1px #0000004c); }

  /* com o script: respostas fechadas e animadas */
  .upw-sec-files.upw-js .upw-sec-files__a { grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows .5s cubic-bezier(.4, 0, .2, 1), visibility 0s .5s; }
  .upw-sec-files.upw-js .upw-sec-files__item.is-open .upw-sec-files__a { grid-template-rows: 1fr; visibility: visible; transition: grid-template-rows .6s cubic-bezier(.25, .9, .25, 1), visibility 0s; }
  .upw-sec-files.upw-js .upw-sec-files__paper { opacity: 0; transform: translateY(-40px); transition: transform .45s cubic-bezier(.4, 0, .2, 1), opacity .25s; }
  .upw-sec-files.upw-js .upw-sec-files__item.is-open .upw-sec-files__paper { opacity: 1; transform: none; transition: transform .75s cubic-bezier(.2, .9, .25, 1.12) .06s, opacity .3s .06s; }
  .upw-sec-files__item.is-open .upw-sec-files__paper p { animation: upw-files-print .9s cubic-bezier(.45, 0, .2, 1) .3s both; }
  .upw-sec-files__item.is-open .upw-sec-files__stamp { animation: upw-files-stamp .5s cubic-bezier(.3, 1.6, .5, 1) .55s both; }
  .upw-sec-files__list.is-riffle .upw-sec-files__item:not(.is-open) > .upw-sec-files__folder { animation: upw-files-riffle .6s cubic-bezier(.3, .7, .4, 1) calc(var(--upw-k, 0) * 80ms) both; }

  /* frente da gaveta: etiqueta e puxador */
  .upw-sec-files__front {
    position: relative; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; min-height: 98px; margin: -14px -4px 0; padding: 18px 16px 16px;
    border-radius: 8px 8px 14px 14px; background: radial-gradient(circle at 20px 24px, #7a8088 0 3px, transparent 3.6px), radial-gradient(circle at calc(100% - 20px) 24px, #7a8088 0 3px, transparent 3.6px), linear-gradient(#e2e5e8, var(--upw-metal) 16%, #b6bbc1 72%, #a0a6ad);
    box-shadow: inset 0 1px 0 #fff, inset 0 -4px 0 #00000024, 0 2px 0 #6a7078, 0 36px 50px -22px #000000d9;
  }
  .upw-sec-files__front::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 9px; border-radius: 8px 8px 0 0; background: linear-gradient(#f3f4f6, #c4c9ce); box-shadow: 0 1px 0 #00000033; }
  .upw-sec-files .upw-sec-files__label {
    position: relative; display: grid; gap: 4px; min-width: min(250px, 86%); padding: 7px 18px 6px; border: 3px solid var(--upw-metal2); border-radius: 3px; background: var(--upw-paper);
    color: var(--upw-text); font: 700 11px/1.2 var(--upw-mono); letter-spacing: .14em; text-align: center; text-transform: uppercase; box-shadow: inset 0 2px 4px #00000038, 0 1px 0 #ffffffcc;
  }
  .upw-sec-files__lc { color: #6f5a3b; font-size: 10px; }
  .upw-sec-files__lc:empty { display: none; }
  .upw-sec-files__handle { position: relative; width: 44%; max-width: 230px; height: 18px; border-radius: 10px; background: linear-gradient(#fbfbfc, #c4c9ce 42%, #858b92); box-shadow: 0 8px 10px -4px #00000080, inset 0 -2px 2px #00000033, 0 0 0 1px #00000024; }

  /* cartão do fim (ficha de biblioteca) */
  .upw-sec-files__help {
    position: relative; max-width: 410px; padding: 15px 26px 44px; border-radius: 4px; color: var(--upw-text); transform: rotate(-1.4deg);
    background: radial-gradient(circle at 50% calc(100% - 17px), var(--upw-bg) 0 7px, #0000004c 7.5px, transparent 9.5px), linear-gradient(transparent 46px, #a8492f8c 46px 48px, transparent 48px), linear-gradient(transparent 27px, #3f668433 27px) 0 20px / 100% 28px, #f6efdf;
    box-shadow: 0 2px 0 #0000001f, 0 24px 44px -20px #000000e6;
  }
  .upw-sec-files .upw-sec-files__help-k { color: var(--upw-vermelho); font: 700 11.5px/26px var(--upw-mono); letter-spacing: .16em; text-transform: uppercase; }
  .upw-sec-files .upw-sec-files__help-t { margin: 14px 0 0; color: var(--upw-text); font: 600 18px/28px var(--upw-sans); letter-spacing: -.01em; }
  .upw-sec-files a.upw-sec-files__cta {
    display: inline-flex; align-items: center; gap: 10px; min-height: 48px; margin: 16px 0 0; padding: 0 22px; border-radius: 99px; background: var(--upw-bg); color: var(--upw-manila);
    font: 700 15px/1 var(--upw-sans); box-shadow: 0 10px 20px -10px #000000b2; transition: background-color .25s, transform .3s cubic-bezier(.2, .9, .3, 1.3), box-shadow .3s;
  }
  .upw-sec-files a.upw-sec-files__cta svg { width: 18px; height: 18px; transition: transform .3s cubic-bezier(.2, .9, .3, 1.3); }
  .upw-sec-files a.upw-sec-files__cta:hover { background: #2d3b34; color: var(--upw-manila); transform: translateY(-2px); box-shadow: 0 16px 26px -12px #000000cc; }
  .upw-sec-files a.upw-sec-files__cta:hover svg { transform: translateX(4px); }
  .upw-sec-files a.upw-sec-files__cta:focus-visible { outline: 3px solid var(--upw-azul); outline-offset: 3px; }

  /* entrada: as pastas sobem de dentro da gaveta */
  @media (prefers-reduced-motion: no-preference) {
    .upw-sec-files.upw-js .upw-sec-files__head > *, .upw-sec-files.upw-js .upw-sec-files__help, .upw-sec-files.upw-js .upw-sec-files__f, .upw-sec-files.upw-js .upw-sec-files__front { opacity: 0; translate: 0 24px; }
    .upw-sec-files.upw-js .upw-sec-files__folder { opacity: 0; translate: 0 90px; }
    .upw-sec-files.upw-js.is-in .upw-sec-files__head > *, .upw-sec-files.upw-js.is-in .upw-sec-files__help, .upw-sec-files.upw-js.is-in .upw-sec-files__f, .upw-sec-files.upw-js.is-in .upw-sec-files__front { opacity: 1; translate: none; transition: opacity .6s ease var(--upw-d, 0s), translate .8s cubic-bezier(.2, .9, .3, 1) var(--upw-d, 0s), transform .35s cubic-bezier(.2, .9, .3, 1.3), background-color .3s, color .3s; }
    .upw-sec-files.upw-js.is-in .upw-sec-files__folder { opacity: 1; translate: none; transition: opacity .16s ease calc(.25s + var(--upw-k, 0) * 70ms), translate .85s cubic-bezier(.2, 1.25, .35, 1) calc(.25s + var(--upw-k, 0) * 70ms), transform .35s cubic-bezier(.2, .9, .3, 1.25); }
    .upw-sec-files__head > :nth-child(2) { --upw-d: .08s; }
    .upw-sec-files__head > :nth-child(3) { --upw-d: .16s; }
    .upw-sec-files__head > :nth-child(4) { --upw-d: .24s; }
    .upw-sec-files__help { --upw-d: .5s; }
    .upw-sec-files__front { --upw-d: .1s; }
    .upw-sec-files button.upw-sec-files__f { --upw-d: calc(.15s + var(--upw-i, 0) * 60ms); }
  }
  @keyframes upw-files-pull { 0% { transform: none; } 42% { transform: translateY(-30px) scale(1.02) rotate(-.5deg); } 100% { transform: translateY(-9px) scale(1.012); } }
  @keyframes upw-files-print { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(-4px -4px -8px -4px); } }
  @keyframes upw-files-stamp { from { opacity: 0; transform: scale(2.4) rotate(-1deg); } 55% { opacity: .95; } to { opacity: .9; transform: rotate(-7deg); } }
  @keyframes upw-files-riffle { 40% { transform: translateY(-10px) rotate(-.35deg); } }

  /* celular */
  @media (max-width: 639px) {
    .upw-sec-files button.upw-sec-files__q { gap: 10px; padding: 9px 10px 7px 14px; font-size: 15.5px; }
    .upw-sec-files__tab { left: calc(var(--upw-fpos) * (100% - 20px) + 10px); min-width: 98px; padding: 2px 11px 0; font-size: 10px; letter-spacing: .1em; }
    .upw-sec-files__paper { --upw-pl: 38px; margin: 18px 8px 20px 10px; padding-right: 14px; }
    .upw-sec-files .upw-sec-files__paper p { font-size: 15.5px; }
    .upw-sec-files__ref { padding-right: 0; letter-spacing: .1em; }
    .upw-sec-files__stamp { top: -10px; right: 6px; padding: 5px 7px 4px; font-size: 9.5px; letter-spacing: .1em; }
    .upw-sec-files__clip { left: calc(var(--upw-pl) - 34px); }
    .upw-sec-files__help { margin: 8px auto 0; }
  }
  @media (prefers-reduced-motion: reduce) {
    .upw-sec-files *, .upw-sec-files *::before, .upw-sec-files *::after { animation: none !important; transition-duration: .01s !important; transition-delay: 0s !important; }
  }

/* Integração com os tokens da onepage e preservação da hierarquia editorial. */
.upw-sec-files {
  --upw-bg: var(--forest);
  --upw-ink: var(--paper);
  --upw-muted: #c5cec6;
  --upw-sans: var(--sans);
  --upw-serif: var(--serif);
}
.upw-sec-files .upw-sec-files__title { font-size: clamp(42px, 4.5vw, 64px); line-height: 1.08; }
.upw-sec-files .upw-sec-files__eyebrow { font-size: 11px; }
.upw-sec-files .upw-sec-files__lead { font-size: 16px; }
.upw-sec-files .upw-sec-files__q { min-height: 44px; }
.upw-sec-files .upw-sec-files__filters { display: none; }
.upw-sec-files.upw-js .upw-sec-files__filters { display: flex; }
/* Sem JavaScript, todas as respostas permanecem disponíveis para leitura. */
.upw-sec-files:not(.upw-js) .upw-sec-files__q { cursor: default; }
@media (max-width: 639px) {
  .upw-sec-files .upw-sec-files__title { font-size: clamp(38px, 10vw, 48px); }
  .upw-sec-files .upw-sec-files__eyebrow { font-size: 10px; letter-spacing: .12em; }
  .upw-sec-files .upw-sec-files__hint { font-size: 10px; letter-spacing: .06em; }
}