/* GERADO -- nao edite a mao.
   python manage.py gerar_css_vitrine_feed (scripts/gerar_css_vitrine_feed.mjs)
   As regras do feed (brand.css, components.css, app.css, o <style> de
   core/feed.html e feed_vertical_progressivo.css) que a tela "questao
   respondida" da pagina de vendas E usa, a 384px, escopadas em .ve-feed.
   Mudou o visual do feed? Rode o comando de novo. */
.ve-feed { --fxm-purple: #2f5cec; --fxm-purple-dark: #1c3fc7; --fxm-ink: #14142b; --fxm-gray-900: #14141f; --fxm-gray-700: #4b4b5b; --fxm-gray-500: #8a8a9a; --fxm-gray-300: #e4e4ec; --fxm-gray-100: #f6f6fa; --fxm-white: #ffffff; --fxm-red: #e4485e; --fxm-green: #1dbe6e; --fxm-blue: #3b7de8; --fxm-orange: #f0a32e; --fxm-purple-soft: #efefef; --fxm-green-soft: #e4f8ed; --fxm-blue-soft: #e9f1fe; --fxm-orange-soft: #fdf0dc; --fxm-red-soft: #fdebEE; --fxm-shadow-soft: 0 14px 35px rgba(20, 20, 31, 0.08); --fxm-radius-lg: 20px; --fxm-radius-md: 16px; --fxm-radius-sm: 12px; --fxm-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; --fxm-blue-bright: #0668fc; --fxm-blue-mid: #035eef; --fxm-blue-shade: #0247c9; --fxm-blue-deep: #012f9f; --fxm-blue-mente: #0668fc; --fxm-ink-brand: #02062d; --fxm-blue-fixar: #090E2C; --fxm-blue-namente: #0165FC; }
.ve-feed * { box-sizing: border-box; }
.ve-feed, .ve-feed { min-height: 100%; }
.ve-feed { margin: 0px; color: var(--fxm-gray-900); background: var(--fxm-white); font-family: var(--fxm-font); }
.ve-feed .fd { --tinta: var(--fxm-gray-900); --tinta-2: var(--fxm-gray-700); --tinta-3: var(--fxm-gray-500); --linha: var(--fxm-gray-300); --azul: var(--fxm-purple); --tinta-apoio: #6b7280; --fd-ancora: 88px; --fd-topo-altura: 54px; --fd-rodape: calc(78px + env(safe-area-inset-bottom, 0px)); }
.ve-feed .fd *, .ve-feed .fd ::before, .ve-feed .fd ::after { box-sizing: border-box; }
.ve-feed .fd__filtro { width: 100%; max-width: none; padding: 0px 0px 24px; }
.ve-feed .fd__treino-abertura, .ve-feed .fd__treino-item { display: flex; align-items: flex-end; gap: 8px; }
.ve-feed .fd__treino-foto { flex: 0 0 auto; width: 30px; height: 30px; border-radius: 50%; object-fit: cover; display: block; }
.ve-feed .fd__treino-balao { position: relative; flex: 1 1 0%; min-width: 0px; padding: 10px 14px; border-radius: 14px 14px 14px 4px; background: var(--fxm-gray-100, #f6f6fa); }
.ve-feed .fd__treino-balao p { margin: 0px; font-size: 14px; line-height: 1.5; color: var(--tinta); overflow-wrap: anywhere; }
.ve-feed .fd__treino-balao b { font-weight: 750; color: var(--tinta); }
.ve-feed .fd__treino-nome { display: block; margin-bottom: 2px; font-size: 10px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--azul); }
.ve-feed .fd__treino-balao--abertura { background: var(--fxm-blue-soft, #e9f1fe); }
.ve-feed .fd__treino-abertura { margin-bottom: 14px; }
.ve-feed .fd__treino-lista { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 10px; }
.ve-feed .fd__treino-item { padding: 0px; border: 0px; }
.ve-feed .fd__treino-rodape { display: flex; flex-wrap: wrap; gap: 3px 10px; margin: 7px 0px 0px !important; font-size: 11.5px !important; line-height: 1.4 !important; color: var(--tinta-3) !important; }
.ve-feed .fd__treino-disciplina { font-weight: 700; }
.ve-feed .fd__card.fd__card--filtro { background: rgb(245, 246, 249); }
.ve-feed .fd__filtro-v2 { --fd-filtro-topo: calc(var(--fd-topo-altura) - 5px); --fd-filtro-grude: var(--fd-filtro-topo); --fd-filtro-degrau: 22px; }
.ve-feed .fd__filtro-v2 { --fd-filtro-degrau: 16px; }
.ve-feed .fd__feed { height: 100dvh; overflow-y: auto; scroll-snap-type: y mandatory; overscroll-behavior-y: contain; scrollbar-width: none; }
.ve-feed .fd__feed::-webkit-scrollbar { display: none; }
.ve-feed .fd__card { min-height: 100dvh; scroll-snap-align: start; scroll-snap-stop: always; padding: var(--fd-ancora) var(--fd-lado) 56px; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); transition: background 0.35s; }
.ve-feed .fd__card[data-tom="pergunta"] { background: rgb(250, 251, 253); }
.ve-feed .fd__corpo { width: 100%; max-width: 560px; position: relative; margin: 0px; flex: 1 0 auto; }
.ve-feed .fd { --fd-altura: calc(100dvh - var(--fd-menu)); --fd-menu: 0px; --fd-lado: 26px; position: relative; height: var(--fd-altura); overflow: hidden; background: var(--fxm-white); color: var(--fxm-gray-900); font-family: var(--fxm-font); }
.ve-feed .fd__feed { height: var(--fd-altura); }
.ve-feed .fd__card { min-height: var(--fd-altura); padding-block: var(--fd-ancora) var(--fd-rodape); }