{"version":3,"sourceRoot":"","sources":["../../_sass/components/_lx-kit.scss","../../_sass/pages/_seo-week-2026-09-28.scss"],"names":[],"mappings":"AA4EA,SACE,MA/DQ,QAgER,kBAGF,cACE,wBACA,iBACA,cAGF,QACE,cAMF,QACE,oBACA,mBACA,uBACA,WACA,gBACA,iBACA,SACA,cAjEQ,MAkER,YAxEW,uEAyEX,iBACA,gBACA,gBACA,qBACA,mBACA,eACA,kDAEA,cACE,2BACA,qBAGF,eACE,0BAGF,sBACE,0BACA,mBAIJ,eACE,MAvHW,QAwHX,gBACA,uCAEA,qBACE,MA5HS,QAgIb,eACE,WACA,+BACA,qCAEA,qBACE,WACA,+BAIJ,iBACE,WACA,6DACA,0CAEA,uBACE,WAIJ,cACE,gBACA,MAvJW,QAwJX,WA/IW,QAiJX,oBACE,MA3JS,QA+Jb,YACE,aACA,eACA,WAGF,oBACE,uBAMF,kBAEE,oBACA,mBACA,WACA,kBACA,cAtJQ,MAiBR,YAvBW,uEAwBX,UAqIiB,OApIjB,gBACA,qBACA,yBAqIF,UACE,oBACA,WACA,+BACA,qCACA,2BAGF,QACE,sBACA,MAhMW,QAiMX,WAxLW,QA2Lb,cACE,MAvLa,QAwLb,WAzLY,QA4Ld,eACE,WACA,+BACA,qCAGF,SACE,oBACA,mBACA,UACA,sBACA,cAxLQ,MAyLR,YA9LQ,uEA+LR,iBACA,gBACA,gBACA,mBACA,MA1NW,QA2NX,WAlNW,QAqNb,uBAlNgB,QAkN0B,WAnN3B,QAoNf,sBAjNe,QAiNyB,WAlN1B,QAmNd,wBAjNa,QAiN2B,WAhNxB,QAiNhB,uBA9MY,QA8M0B,WA7MvB,QA8Mf,wBAjNa,QAiN2B,WAhNxB,QAqNhB,SACE,kBACA,gBACA,sBACA,WACA,WA1MA,kOA4MA,iBACE,WACA,kBACA,QACA,iBACE,uIAEF,0BACA,uEACA,+EACA,oBAIJ,cACE,kBACA,UACA,aACA,0DACA,SACA,mBAGF,cACE,aACA,sBACA,uBACA,WAGF,iCAEE,gBACA,SACA,WAzOA,YAjBW,uEAkBX,UAyOoB,4BAxOpB,YAHgC,IA4OhC,iBACA,wBAEA,2CACE,MArRO,QAyRX,aACE,gBACA,SACA,0BACA,YAvQQ,uEAwQR,kBACA,gBAGF,gBACE,aACA,uBAIF,aACE,kBACA,sBACA,eACA,gBACA,MAzSQ,QA0SR,qCACA,cArRQ,KAsRR,iGACA,uEACA,uBAEA,qBACE,WACA,kBACA,yBACA,aACA,+EACA,oBAIJ,mCAEE,kBACA,UACA,aACA,8BACA,SACA,MAtUW,QA6CX,YAvBW,uEAwBX,UAyRiB,OAxRjB,gBACA,qBACA,yBAyRF,kBACE,kBACA,UACA,kBACA,eACA,mBACA,gBACA,0CAEA,yBACE,cACA,MArVS,QAuCX,YAjBW,uEAkBX,UA8SsB,OA7StB,YAHgC,IAiT9B,cACA,uBAGF,oBACE,iBACA,MAvVO,QAwVP,iBACA,gBAIJ,mBACE,cACA,MArWW,QAuCX,YAjBW,uEAkBX,UA8ToB,QA7TpB,YAHgC,IAiUhC,iBACA,uBAGF,oBACE,cACA,kBACA,MA7WS,QA4CT,YAvBW,uEAwBX,UAiUiB,OAhUjB,gBACA,qBACA,yBAiUF,oBACE,SACA,uBACA,iCACA,MAjXQ,QAkXR,WA9WW,QA+WX,gBACA,iBAEA,sBACE,MA5XS,QAgYb,kBACE,kBACA,UACA,aACA,UACA,gBAGF,iBACE,aACA,8BACA,mBACA,SACA,gBACA,eACA,mBACA,MAhZW,QAiZX,WAxYW,QAyYX,YA5XW,uEA6XX,iBACA,gBAEA,oBACE,kBACA,gBACA,mBAGF,8BACE,MAjZY,QAkZZ,WAnZW,QAsZb,8BACE,MApZW,QAqZX,WAtZU,QA6Zd,UACE,kBACA,gBACA,gCAGF,gBACE,mBACA,MA5aS,QA6aT,iBACA,kBAGF,cACE,aACA,eACA,uBACA,mBACA,oBAEA,kBACE,WACA,YACA,gBACA,mBACA,oBACA,YACA,4BAEA,wBACE,YACA,UAQN,YACE,eACA,gBAGF,kBACE,6DAGF,kBACE,WACA,WACE,6IAIJ,SACE,aACA,sBACA,mBACA,SACA,gBACA,mBACA,kBAEA,YACE,SACA,MAveM,QAkCR,YAjBW,uEAkBX,UAqcsB,0BApctB,YAHgC,IAwc9B,iBACA,uBAGF,WACE,gBACA,SACA,MA/eO,QAgfP,kBACA,iBAKF,yCACA,uDAMF,WACE,aACA,0CACA,YACA,gBACA,cACA,aACA,oCACA,cAjfK,KAkfL,0DAEA,aACE,iBACA,MA1gBO,QA2gBP,iBACA,iBAEA,yBACE,MAhhBI,QAihBJ,kBAGF,wBACE,gBAKN,wDACE,MAhiBW,QAiiBX,gBACA,0BACA,wCACA,0BAEA,8DACE,sBAviBS,QA2iBb,4DACE,WACA,0CAGF,qEACE,MAjjBW,QAkjBX,wCAGF,SACE,aACA,mBACA,uBACA,WACA,YACA,mBACA,WACA,qDAGF,eACE,qDAMF,UACE,aACA,gDACA,WAGF,aACE,gDACA,YAGF,aACE,gDAGF,SACE,gBACA,yBACA,cA/jBK,KAgkBL,gBACA,2EAEA,eACE,2BACA,2BACA,WAlkBQ,+BAqkBV,kBACE,mBAGF,YACE,kBACA,MApmBM,QAkCR,YAjBW,uEAkBX,UAkkBsB,QAjkBtB,YAikB+B,IAC7B,gBAGF,WACE,SACA,MA1mBO,QA2mBP,iBACA,iBAOJ,SACE,aACA,MAtnBQ,QAunBR,qCACA,cAlmBQ,KAmmBR,gBACA,WAhmBe,2BAmmBjB,cACE,aACA,8BACA,qBACA,WACA,qBACA,sBACA,gCAEA,iBACE,uBACA,MAxoBM,QAkCR,YAjBW,uEAkBX,UAsmBsB,2BArmBtB,YAHgC,IAymB9B,iBACA,uBAGF,gBACE,gBACA,SACA,MAhpBO,QAipBP,iBAIJ,WACE,aACA,gDACA,SACA,qBACA,eACA,0BACA,mBACA,WA3pBQ,QA8pBV,cACE,gDAGF,iBACE,iBACA,SACA,MAxqBQ,QAyqBR,YAxpBW,uEAypBX,iBACA,gBAGF,UACE,aACA,sBACA,WAEA,gBACE,MAprBM,QAqrBN,iBACA,gBAGF,iCAEE,WACA,YACA,eACA,MA9rBM,QA+rBN,2BACA,mBACA,gBACA,YAhrBM,uEAirBN,iBACA,qDAEA,2DACE,cAGF,6CACE,aACA,aAjtBO,QAktBP,wCAIJ,gBACE,MAjtBO,QAktBP,iBACA,gBAIJ,SACE,aACA,2DACA,UACA,qBAGF,QACE,oBACA,mBACA,uBACA,WACA,gBACA,qBACA,MAruBS,QAsuBT,yBACA,cAptBQ,KAqtBR,gBACA,YAztBW,uEA0tBX,gBACA,gBACA,iBACA,kBACA,eACA,oDAEA,cACE,+BAGF,sBACE,0BACA,mBAGF,8CAEE,MAlwBS,QAmwBT,+BACA,WA3vBS,QAgwBb,iBACE,aAGF,WACE,aACA,SAGF,uBACE,MAEA,iDACE,aAGF,uCApuBA,kBACA,UACA,WACA,UACA,YACA,gBACA,sBACA,mBACA,SAiuBF,UACE,aACA,SAGF,gBACE,SACA,MAhyBQ,QAkCR,YAjBW,uEAkBX,UA8vBoB,OA7vBpB,YAHgC,IAmwBlC,cACE,aACA,gDACA,SAGF,aACE,aACA,sBACA,WACA,gBACA,2BACA,cA3xBK,KA4xBL,gBAGF,kBACE,aACA,8BACA,uBACA,WAEA,0CAEE,SACA,MA7zBM,QAkCR,YAjBW,uEAkBX,UA2xBsB,QA1xBtB,YAHgC,IA8xB9B,gBAIJ,kBACE,aACA,eACA,WACA,yBAGF,kBACE,oBACA,MA50BQ,QA60BR,yBACA,iCACA,WA50BQ,QA60BR,iBACA,iBAEA,oBACE,iBACA,MAr1BM,QAs1BN,iBACA,iBAEA,+BACE,gBAKN,uBACE,mBACA,aA/1BU,QAg2BV,gBACA,iCAGF,SACE,iBACA,kBACA,MA92BW,QA+2BX,8BACA,gBAEA,mBACE,MA92BM,QA+2BN,gCAIJ,kBACE,aACA,8BACA,mBACA,WACA,gBAGF,kBACE,SACA,MA53BS,QA63BT,iBACA,iBAGF,SACE,oBACA,mBACA,WACA,cACA,gBACA,eACA,MA94BW,QA+4BX,SACA,cAp3BQ,MAq3BR,WAx4BW,QAy4BX,YA53BW,uEA63BX,iBACA,gBACA,eACA,8BAEA,eACE,2BAGF,uBACE,0BACA,mBAGF,mBACE,MAn5BS,QAo5BT,WAn5BY,QAu5BhB,kBACE,SACA,oBACA,MA16BW,QA26BX,yBACA,mBACA,mBACA,gBACA,iBAGF,YACE,aACA,8BACA,mBACA,WACA,kBACA,uBACA,oCACA,cAh6BK,KAi6BL,0DAEA,mBACE,cACA,MA17BM,QAkCR,YAjBW,uEAkBX,UAw5BsB,OAv5BtB,YAHgC,IA65BhC,cACE,gBACA,iBACA,MAh8BO,QAi8BP,gBACA,gBAGF,oBACE,cAIJ,eACE,mBACA,MA58BS,QA68BT,iBACA,iBAMF,aACE,aACA,gDACA,YAGF,YACE,eACA,qCACA,cAz8BK,KA08BL,mBAEA,eACE,aACA,mBACA,UACA,kBACA,MA59BS,QAwBX,YAjBW,uEAkBX,UAo8BsB,QAn8BtB,YAHgC,IAy8BhC,eACE,aACA,UACA,SACA,UACA,gBAGF,eACE,aACA,0CACA,WACA,MAt/BM,QAu/BN,iBACA,iBAEA,uBACE,kBACA,MAl/BO,QAu/Bb,gBACE,gCACA,mBAEA,8CAEE,MAz/BQ,QA8/BZ,SACE,aACA,gDACA,kBACA,SAGF,cACE,gBACA,yBACA,cAjgCK,KAkgCL,gBACA,gCAEA,oBACE,WAlgCQ,+BAqgCV,sBACE,aACA,0CACA,mBACA,SACA,gBACA,wBACA,MAriCM,QAsiCN,YArhCS,uEAshCT,eACA,gBACA,gBACA,gBACA,eAEA,8CACE,aAGF,oCACE,0BACA,oBAKN,gBACE,oBACA,oBACA,cApiCQ,MAqiCR,MAjkCW,QAkkCX,WAzjCW,QA0jCX,YA5iCQ,uEA6iCR,iBACA,gBACA,mBAEA,uBACE,uBAIJ,2CACE,kBAGF,cACE,aACA,UACA,0BAEA,gBACE,SACA,MAllCO,QAmlCP,iBACA,gBAIJ,aACE,yBACA,2BACA,gBAMF,eACE,gBACA,yBACA,mBACA,gBAGF,UACE,WACA,gBACA,yBAEA,aACE,oBACA,MA/mCO,QAgnCP,WA9mCM,QA+mCN,gCA1kCF,YAvBW,uEAwBX,UA0kCmB,OAzkCnB,gBACA,qBACA,yBAwkCE,qBACA,gBACA,sBAGF,aACE,aACA,MA3nCM,QA4nCN,gCACA,iBACA,iBACA,mBAGF,2BACE,gBAGF,yBACE,MA5oCS,QA6oCT,YAvnCS,uEAwnCT,gBAIJ,SACE,gBACA,qBACA,MA/oCS,QAgpCT,gBACA,gBACA,kBAMF,aACE,aACA,gDACA,YACA,SACA,UACA,gBAGF,WACE,kBACA,eACA,yBACA,cAjpCK,KAkpCL,gBAEA,cACE,iBACA,MA3qCM,QAkCR,YAjBW,uEAkBX,UAyoCsB,OAxoCtB,YAwoC8B,IAC5B,gBAGF,aACE,SACA,MAjrCO,QAkrCP,iBACA,gBAIJ,gBACE,oBACA,oBACA,qBACA,cArqCQ,MAsqCR,MAprCa,QAqrCb,WAtrCY,QAurCZ,YA9qCW,uEA+qCX,iBACA,gBAMF,aACE,aACA,gDACA,SAGF,QACE,aACA,0CACA,SACA,eACA,yBACA,cA9rCK,KA+rCL,gBACA,oDAEA,cACE,2BACA,WAhsCQ,+BAmsCV,WACE,iBACA,MA9tCM,QAkCR,YAjBW,uEAkBX,UA4rCsB,QA3rCtB,YAHgC,IA+rC9B,iBAGF,UACE,SACA,MApuCO,QAquCP,iBACA,gBAIJ,YACE,oBACA,mBACA,uBACA,eACA,YACA,gBACA,mBACA,MAxvCW,QAyvCX,WAhvCW,QAivCX,YApuCW,uEAquCX,gBACA,gBACA,mBAMF,UACE,aACA,0DACA,SACA,mBAEA,aACE,mBACA,MAtwCM,QAkCR,YAjBW,uEAkBX,UAouCsB,0BAnuCtB,YAHgC,IAuuC9B,iBACA,uBAGF,gBACE,gBACA,MA7wCO,QA8wCP,kBACA,iBAIJ,SACE,aACA,WACA,wBACA,UACA,gBAEA,YACE,aACA,0CACA,UACA,MA/xCM,QAgyCN,iBACA,iBAIJ,aACE,aACA,mBACA,uBACA,WACA,YACA,kBACA,MAlyCW,QAmyCX,WAlyCc,QAqyChB,SACE,kBACA,eACA,WACA,cA9xCQ,KA+xCR,WACE,4IAEF,yCAEA,YACE,aACA,WACA,SACA,UACA,gBAGF,YACE,kBACA,aACA,0CACA,UAEA,oCACE,WACA,kBACA,SACA,aACA,UACA,UACA,8BAIJ,gBACE,cACA,qBACA,WACA,YAt0CS,uEAu0CT,gBAGF,cACE,0BACA,gBACA,gBAIJ,eACE,aACA,mBACA,8BACA,SACA,kBA/zCA,YAvBW,uEAwBX,UA+zCiB,OA9zCjB,gBACA,qBACA,yBA6zCA,yBAGF,aACE,aACA,mBACA,uBACA,WACA,YACA,kBACA,WACA,oCACA,+BAMF,YACE,aACA,+CACA,mBACA,YACA,gBACA,uBACA,sCACA,cA92CK,KA+2CL,WA53CY,QA83CZ,mBACE,cACA,oBACA,MAz4CM,QAkCR,YAjBW,uEAkBX,UAu2CsB,QAt2CtB,YAHgC,IA42ChC,cACE,SACA,cACA,iBACA,gBAOJ,QACE,aACA,WACA,gBACA,cAGF,aACE,yBACA,mBACA,gBACA,uDAEA,mBACE,2BACA,WA94CQ,+BAi5CV,qBACE,aACA,8BACA,mBACA,SACA,gBACA,uBACA,MAj7CM,QAk7CN,YAj6CS,uEAk6CT,kBACA,gBACA,gBACA,gBACA,eAEA,6CACE,aAGF,mCACE,0BACA,oBACA,mBAIJ,eACE,SACA,0BACA,MAt8CO,QAu8CP,iBAIJ,aACE,aACA,mBACA,uBACA,cACA,WACA,YACA,kBACA,MAz9CW,QA09CX,WAj9CW,QAk9CX,+BAGF,gCACE,wBAMF,UACE,kBACA,gBACA,eACA,WACA,kBACA,WAz8CA,kOA28CA,aACE,gBACA,mBACA,WAz8CF,YAjBW,uEAkBX,UAy8CsB,2BAx8CtB,YAHgC,IA48C9B,iBACA,uBAGF,YACE,gBACA,mBACA,0BACA,kBACA,gBAIJ,UACE,aACA,gDACA,SAGF,SACE,aACA,sBACA,WACA,eACA,yBACA,mBACA,gBACA,qBACA,2EAEA,eACE,2BACA,2BACA,WAr/CQ,+BAs/CR,qBAGF,uBACE,0BACA,mBAGF,gBACE,aACA,8BACA,mBACA,WACA,MAjiDS,QAkiDT,YA5gDS,uEA6gDT,kBACA,gBACA,iBAGF,cACE,MAniDO,QAoiDP,gBACA,iBAQF,wBACE,aACA,0CACA,SACA,gBACA,sBACA,oCACA,cAhiDG,KAiiDH,0DAEA,0BACE,SACA,MA1jDI,QA2jDJ,eACA,gBAGF,iCACE,WACA,YACA,mBAIJ,iIAKE,iBAGF,yBACE,0BAGF,2BACE,aAGF,sBACE,gBAGF,yBACE,MA1lDO,QAgmDT,4EAEE,cACA,eAGF,+EAEE,gBAGF,gDACE,cACA,WACA,eACA,SACA,iBACA,SACA,gBAEA,sDACE,2BAGF,sDACE,wBAGF,4GAEE,WACA,YAGF,mDACE,MAnoDK,QAooDL,WAloDI,QAmoDJ,gBACA,iBAGF,sEACE,yBAIJ,mHAGE,gBAIJ,aACE,aACA,2DACA,SAGF,YACE,aACA,sBACA,WACA,eACA,yBACA,cA7oDK,KA8oDL,gBAEA,qBACE,sBAGF,eACE,oBACA,MA3qDM,QAkCR,YAjBW,uEAkBX,UAyoDsB,QAxoDtB,YAHgC,IA4oD9B,iBAGF,cACE,oBACA,MAjrDO,QAkrDP,iBACA,gBAIJ,eACE,aACA,WACA,SACA,UACA,gBACA,qBAEA,kBACE,aACA,0CACA,UACA,sBACA,yBACA,mBACA,gBACA,yBAEA,0BACE,wBACA,aACA,mBACA,uBACA,WACA,YACA,mBACA,WACA,qDACA,YAnsDO,uEAosDP,gBAIJ,sBACE,cACA,oBACA,MA5tDM,QA6tDN,YA5sDS,uEA+sDX,oBACE,MAhuDO,QAiuDP,iBACA,gBAIJ,eACE,kBACA,gBACA,iBACA,eACA,WACA,cAvtDQ,KAwtDR,WAjtDA,kOAmtDA,sBACE,cACA,oBACA,WAjtDF,YAjBW,uEAkBX,UAitDsB,QAhtDtB,YAHgC,IAotD9B,gBAGF,iBACE,6BACA,qCACA,iBAGF,2BACE,UAGF,uBACE,gBACA,iBAOJ,0BACE,wBAEE,qCACA,SAGF,cACE,uBAGF,aACE,eAGF,0BAEE,gDAGF,UACE,iDAIJ,yBACE,SACE,sBAGF,iCAEE,iBAGF,sBAEE,kBAGF,SACE,sBAGF,qIAWE,qCAGF,WACE,qCACA,eAGF,SACE,gBACA,mBAGF,0BAEE,sBACA,uBAGF,YACE,qCAGF,SACE,gDAGF,YACE,mBAGF,oBACE,YAIJ,yBACE,cACE,2BAGF,iCAEE,iBAGF,aACE,kBAGF,aACE,eAGF,yBACE,iBAGF,mCAEE,sBACA,WAGF,oCAEE,sBACA,uBAGF,kBACE,2BAGF,SACE,qCAGF,QACE,qCAGF,kBACE,aAIJ,uCACE,kFAQE,gBAGF,yEAKE,eAGF,aACE,gBCz7DF,oCACE,iBAKF,sBACE,eAGF,8BACE,gBACA,mBAGF,2BACE,aACA,WAKF,uCACE,iBAIJ,yBACE,2EAEE","sourcesContent":["// =============================================================\n// Kit LX: componentes de landing page SEO no padrão visual da\n// Central do Reajuste Escolar 2027 (assets/css/central-do-reajuste.css).\n// Classes com prefixo .lx-* para LPs (body.lx-page) e posts (.lx-article).\n// Entrada por semana: @use \"components/lx-kit\"; no assets/css/seo-week-*.scss\n// =============================================================\n\n// Tokens do kit\n$lx-navy: #071747;\n$lx-primary: #083FCF;\n$lx-coral: #FC7D55;\n$lx-purple: #B073FF;\n$lx-indigo: #5b55df;\n$lx-violet: #5736c7;\n$lx-text: #1F2937;\n$lx-muted: #6b7280;\n$lx-border: #e5e7eb;\n$lx-soft: #f8faff;\n$lx-blue-50: #edf2ff;\n$lx-blue-100: #dbe4ff;\n$lx-purple-50: #f2e9ff;\n$lx-purple-700: #8b3fe8;\n$lx-coral-50: #ffece5;\n$lx-coral-700: #c2441f;\n$lx-success: #059669;\n$lx-success-50: #ECFDF5;\n$lx-warning: #B45309;\n$lx-warning-50: #FFFBEB;\n$lx-danger: #DC2626;\n$lx-danger-50: #FEF2F2;\n\n$lx-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n$lx-body: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n\n$lx-r-sm: 14px;\n$lx-r: 20px;\n$lx-r-lg: 28px;\n$lx-pill: 999px;\n\n$lx-shadow: 0 20px 44px rgba($lx-primary, .13);\n$lx-shadow-dark: 0 28px 70px rgba(0, 0, 0, .2);\n\n$lx-hero-bg:\n  radial-gradient(circle at 12% 18%, rgba($lx-coral, .25) 0%, transparent 28%),\n  radial-gradient(circle at 82% 72%, rgba($lx-purple, .24) 0%, transparent 35%),\n  linear-gradient(135deg, $lx-navy 0%, $lx-primary 54%, $lx-indigo 100%);\n\n@mixin lx-heading($size, $weight: 800) {\n  font-family: $lx-heading;\n  font-size: $size;\n  font-weight: $weight;\n}\n\n@mixin lx-caps($size: .76rem) {\n  font-family: $lx-heading;\n  font-size: $size;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n@mixin lx-sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n// -------------------------------------------------------------\n// Base\n// -------------------------------------------------------------\n.lx-page {\n  color: $lx-text;\n  overflow-x: hidden;\n}\n\n.lx-container {\n  width: calc(100% - 2rem);\n  max-width: 1140px;\n  margin: 0 auto;\n}\n\n.lx-ico {\n  flex-shrink: 0;\n}\n\n// -------------------------------------------------------------\n// Botões\n// -------------------------------------------------------------\n.lx-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .55rem;\n  min-height: 54px;\n  padding: 0 1.5rem;\n  border: 0;\n  border-radius: $lx-pill;\n  font-family: $lx-heading;\n  font-size: .98rem;\n  font-weight: 800;\n  line-height: 1.2;\n  text-decoration: none;\n  white-space: nowrap;\n  cursor: pointer;\n  transition: transform .2s ease, box-shadow .2s ease;\n\n  &:hover {\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n\n  &:active {\n    transform: translateY(1px);\n  }\n\n  &:focus-visible {\n    outline: 3px solid $lx-coral;\n    outline-offset: 3px;\n  }\n}\n\n.lx-btn--light {\n  color: $lx-primary;\n  background: #fff;\n  box-shadow: 0 14px 30px rgba(0, 0, 0, .24);\n\n  &:hover {\n    color: $lx-primary;\n  }\n}\n\n.lx-btn--ghost {\n  color: #fff;\n  background: rgba(255, 255, 255, .12);\n  border: 1px solid rgba(255, 255, 255, .34);\n\n  &:hover {\n    color: #fff;\n    background: rgba(255, 255, 255, .18);\n  }\n}\n\n.lx-btn--primary {\n  color: #fff;\n  background: linear-gradient(135deg, $lx-primary 0%, $lx-indigo 100%);\n  box-shadow: 0 14px 30px rgba($lx-primary, .26);\n\n  &:hover {\n    color: #fff;\n  }\n}\n\n.lx-btn--soft {\n  min-height: 46px;\n  color: $lx-primary;\n  background: $lx-blue-50;\n\n  &:hover {\n    color: $lx-primary;\n  }\n}\n\n.lx-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .85rem;\n}\n\n.lx-actions--center {\n  justify-content: center;\n}\n\n// -------------------------------------------------------------\n// Rótulos e chips\n// -------------------------------------------------------------\n.lx-badge,\n.lx-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: .45rem;\n  width: fit-content;\n  border-radius: $lx-pill;\n  @include lx-caps(.76rem);\n}\n\n.lx-badge {\n  padding: .42rem 1rem;\n  color: #fff;\n  background: rgba(255, 255, 255, .16);\n  border: 1px solid rgba(255, 255, 255, .25);\n  backdrop-filter: blur(10px);\n}\n\n.lx-tag {\n  padding: .35rem .95rem;\n  color: $lx-primary;\n  background: $lx-blue-50;\n}\n\n.lx-tag--warm {\n  color: $lx-coral-700;\n  background: $lx-coral-50;\n}\n\n.lx-tag--glass {\n  color: #fff;\n  background: rgba(255, 255, 255, .14);\n  border: 1px solid rgba(255, 255, 255, .22);\n}\n\n.lx-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: .3rem;\n  padding: .22rem .62rem;\n  border-radius: $lx-pill;\n  font-family: $lx-body;\n  font-size: .74rem;\n  font-weight: 700;\n  line-height: 1.4;\n  white-space: nowrap;\n  color: $lx-primary;\n  background: $lx-blue-50;\n}\n\n.lx-chip--purple { color: $lx-purple-700; background: $lx-purple-50; }\n.lx-chip--coral { color: $lx-coral-700; background: $lx-coral-50; }\n.lx-chip--success { color: $lx-success; background: $lx-success-50; }\n.lx-chip--danger { color: $lx-danger; background: $lx-danger-50; }\n.lx-chip--warning { color: $lx-warning; background: $lx-warning-50; }\n\n// -------------------------------------------------------------\n// Hero\n// -------------------------------------------------------------\n.lx-hero {\n  position: relative;\n  overflow: hidden;\n  padding: 4.5rem 0 5rem;\n  color: #fff;\n  background: $lx-hero-bg;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255, 255, 255, .05) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255, 255, 255, .05) 1px, transparent 1px);\n    background-size: 52px 52px;\n    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);\n    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);\n    pointer-events: none;\n  }\n}\n\n.lx-hero-grid {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);\n  gap: 4rem;\n  align-items: center;\n}\n\n.lx-hero-copy {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 1.4rem;\n}\n\n.lx-hero h1,\n.lx-page .lx-hero h1 {\n  max-width: 620px;\n  margin: 0;\n  color: #fff;\n  @include lx-heading(clamp(2.15rem, 3.6vw, 3.2rem));\n  line-height: 1.06;\n  letter-spacing: -.035em;\n\n  span {\n    color: $lx-coral;\n  }\n}\n\n.lx-hero-sub {\n  max-width: 560px;\n  margin: 0;\n  color: rgba(255, 255, 255, .84);\n  font-family: $lx-body;\n  font-size: 1.12rem;\n  line-height: 1.7;\n}\n\n.lx-hero-visual {\n  display: flex;\n  justify-content: center;\n}\n\n// Artefato: prévia fiel da ferramenta da própria página\n.lx-artifact {\n  position: relative;\n  width: min(100%, 440px);\n  padding: 1.4rem;\n  overflow: hidden;\n  color: $lx-text;\n  border: 1px solid rgba(255, 255, 255, .28);\n  border-radius: $lx-r-lg;\n  background: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, rgba(246, 241, 255, .96) 100%);\n  box-shadow: 0 32px 70px rgba(0, 0, 0, .28), 18px 18px 0 rgba(255, 255, 255, .08);\n  transform: rotate(2deg);\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: auto -20% -18% 18%;\n    height: 240px;\n    background: radial-gradient(circle, rgba($lx-purple, .22), transparent 68%);\n    pointer-events: none;\n  }\n}\n\n.lx-artifact-top,\n.lx-artifact-foot {\n  position: relative;\n  z-index: 1;\n  display: flex;\n  justify-content: space-between;\n  gap: 1rem;\n  color: $lx-primary;\n  @include lx-caps(.72rem);\n}\n\n.lx-artifact-main {\n  position: relative;\n  z-index: 1;\n  margin-top: 1.6rem;\n  padding: 1.5rem;\n  border-radius: 22px;\n  background: #fff;\n  box-shadow: 0 18px 44px rgba($lx-primary, .12);\n\n  strong {\n    display: block;\n    color: $lx-primary;\n    @include lx-heading(3.3rem);\n    line-height: 1;\n    letter-spacing: -.05em;\n  }\n\n  p {\n    margin: .7rem 0 0;\n    color: $lx-muted;\n    font-size: .92rem;\n    line-height: 1.5;\n  }\n}\n\n.lx-artifact-title {\n  display: block;\n  color: $lx-primary;\n  @include lx-heading(1.65rem);\n  line-height: 1.15;\n  letter-spacing: -.02em;\n}\n\n.lx-artifact-kicker {\n  display: block;\n  margin: 0 0 .55rem;\n  color: $lx-coral;\n  @include lx-caps(.74rem);\n}\n\n.lx-artifact-bubble {\n  margin: 0;\n  padding: .95rem 1.05rem;\n  border-radius: 16px 16px 16px 4px;\n  color: $lx-text;\n  background: $lx-blue-50;\n  font-size: .9rem;\n  line-height: 1.55;\n\n  b {\n    color: $lx-primary;\n  }\n}\n\n.lx-artifact-rows {\n  position: relative;\n  z-index: 1;\n  display: grid;\n  gap: .7rem;\n  margin: 1.2rem 0;\n}\n\n.lx-artifact-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1rem;\n  min-height: 52px;\n  padding: 0 1rem;\n  border-radius: 16px;\n  color: $lx-primary;\n  background: $lx-blue-50;\n  font-family: $lx-heading;\n  font-size: .95rem;\n  font-weight: 700;\n\n  em {\n    font-style: normal;\n    font-weight: 800;\n    white-space: nowrap;\n  }\n\n  &:nth-child(2) {\n    color: $lx-purple-700;\n    background: $lx-purple-50;\n  }\n\n  &:nth-child(3) {\n    color: $lx-coral-700;\n    background: $lx-coral-50;\n  }\n}\n\n// -------------------------------------------------------------\n// Faixa de logos\n// -------------------------------------------------------------\n.lx-logos {\n  padding: 2.25rem 0;\n  background: #fff;\n  border-bottom: 1px solid $lx-border;\n}\n\n.lx-logos-label {\n  margin: 0 0 1.25rem;\n  color: $lx-muted;\n  font-size: .92rem;\n  text-align: center;\n}\n\n.lx-logos-row {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  gap: 1.25rem 2.75rem;\n\n  img {\n    width: auto;\n    height: 44px;\n    max-width: 150px;\n    object-fit: contain;\n    filter: grayscale(1);\n    opacity: .68;\n    transition: opacity .3s ease;\n\n    &:hover {\n      filter: none;\n      opacity: 1;\n    }\n  }\n}\n\n// -------------------------------------------------------------\n// Seções e cabeçalhos\n// -------------------------------------------------------------\n.lx-section {\n  padding: 5rem 0;\n  background: #fff;\n}\n\n.lx-section--soft {\n  background: linear-gradient(180deg, #f9fbff 0%, #f5efff 100%);\n}\n\n.lx-section--dark {\n  color: #fff;\n  background:\n    radial-gradient(circle at 20% 20%, rgba($lx-coral, .18), transparent 28%),\n    linear-gradient(145deg, $lx-navy 0%, $lx-primary 58%, $lx-violet 100%);\n}\n\n.lx-head {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  max-width: 760px;\n  margin: 0 auto 3rem;\n  text-align: center;\n\n  h2 {\n    margin: 0;\n    color: $lx-text;\n    @include lx-heading(clamp(1.8rem, 3vw, 2.55rem));\n    line-height: 1.15;\n    letter-spacing: -.03em;\n  }\n\n  p {\n    max-width: 680px;\n    margin: 0;\n    color: $lx-muted;\n    font-size: 1.05rem;\n    line-height: 1.75;\n  }\n}\n\n.lx-section--dark .lx-head {\n  h2 { color: #fff; }\n  p { color: rgba(255, 255, 255, .78); }\n}\n\n// -------------------------------------------------------------\n// Resposta direta (definição + fronteira)\n// -------------------------------------------------------------\n.lx-answer {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 1.35rem;\n  max-width: 940px;\n  margin: 0 auto;\n  padding: 2rem;\n  border: 1px solid rgba($lx-primary, .14);\n  border-radius: $lx-r;\n  background: linear-gradient(135deg, #f4f8ff 0%, #fff 100%);\n\n  p {\n    margin: 0 0 .9rem;\n    color: $lx-muted;\n    font-size: .98rem;\n    line-height: 1.75;\n\n    &:first-child {\n      color: $lx-text;\n      font-size: 1.08rem;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.lx-page main a:not(.lx-btn):not(.lx-link):not(.lx-tab) {\n  color: $lx-primary;\n  font-weight: 700;\n  text-decoration: underline;\n  text-decoration-color: rgba($lx-primary, .3);\n  text-underline-offset: 3px;\n\n  &:hover {\n    text-decoration-color: $lx-primary;\n  }\n}\n\n.lx-section--dark a:not(.lx-btn):not(.lx-link):not(.lx-tab) {\n  color: #fff;\n  text-decoration-color: rgba(255, 255, 255, .45);\n}\n\n.lx-section--dark .lx-tool a:not(.lx-btn):not(.lx-link):not(.lx-tab) {\n  color: $lx-primary;\n  text-decoration-color: rgba($lx-primary, .3);\n}\n\n.lx-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 52px;\n  height: 52px;\n  border-radius: 16px;\n  color: #fff;\n  background: linear-gradient(135deg, $lx-primary, $lx-purple);\n}\n\n.lx-icon--warm {\n  background: linear-gradient(135deg, $lx-coral, $lx-purple);\n}\n\n// -------------------------------------------------------------\n// Cartões com ícone\n// -------------------------------------------------------------\n.lx-cards {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1.5rem;\n}\n\n.lx-cards--4 {\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 1.25rem;\n}\n\n.lx-cards--2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.lx-card {\n  padding: 1.75rem;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n\n  &:hover {\n    transform: translateY(-5px);\n    border-color: transparent;\n    box-shadow: $lx-shadow;\n  }\n\n  .lx-icon {\n    margin-bottom: 1rem;\n  }\n\n  h3 {\n    margin: 0 0 .55rem;\n    color: $lx-text;\n    @include lx-heading(1.15rem, 700);\n    line-height: 1.3;\n  }\n\n  p {\n    margin: 0;\n    color: $lx-muted;\n    font-size: .95rem;\n    line-height: 1.65;\n  }\n}\n\n// -------------------------------------------------------------\n// Ferramenta (cartão branco sobre painel escuro)\n// -------------------------------------------------------------\n.lx-tool {\n  padding: 2rem;\n  color: $lx-text;\n  border: 1px solid rgba(255, 255, 255, .16);\n  border-radius: $lx-r-lg;\n  background: #fff;\n  box-shadow: $lx-shadow-dark;\n}\n\n.lx-tool-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-end;\n  gap: 1.5rem;\n  margin-bottom: 1.5rem;\n  padding-bottom: 1.5rem;\n  border-bottom: 1px solid $lx-border;\n\n  h2 {\n    margin: .75rem 0 .45rem;\n    color: $lx-text;\n    @include lx-heading(clamp(1.5rem, 2.6vw, 2.2rem));\n    line-height: 1.15;\n    letter-spacing: -.03em;\n  }\n\n  p {\n    max-width: 640px;\n    margin: 0;\n    color: $lx-muted;\n    line-height: 1.65;\n  }\n}\n\n.lx-fields {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n  padding: 1.1rem;\n  border: 1px dashed #cbd5e1;\n  border-radius: 18px;\n  background: $lx-soft;\n}\n\n.lx-fields--2 {\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.lx-fields-title {\n  grid-column: 1 / -1;\n  margin: 0;\n  color: $lx-text;\n  font-family: $lx-heading;\n  font-size: .95rem;\n  font-weight: 700;\n}\n\n.lx-field {\n  display: flex;\n  flex-direction: column;\n  gap: .35rem;\n\n  label {\n    color: $lx-text;\n    font-size: .88rem;\n    font-weight: 700;\n  }\n\n  input,\n  select {\n    width: 100%;\n    height: 50px;\n    padding: 0 1rem;\n    color: $lx-text;\n    border: 1.5px solid $lx-border;\n    border-radius: 12px;\n    background: #fff;\n    font-family: $lx-body;\n    font-size: .95rem;\n    transition: border-color .2s ease, box-shadow .2s ease;\n\n    &::placeholder {\n      color: #8a93a3;\n    }\n\n    &:focus {\n      outline: none;\n      border-color: $lx-primary;\n      box-shadow: 0 0 0 3px rgba($lx-primary, .12);\n    }\n  }\n\n  small {\n    color: $lx-muted;\n    font-size: .78rem;\n    line-height: 1.4;\n  }\n}\n\n.lx-tabs {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n  gap: .6rem;\n  margin-bottom: 1.5rem;\n}\n\n.lx-tab {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: .45rem;\n  min-height: 48px;\n  padding: .5rem .75rem;\n  color: $lx-muted;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r-sm;\n  background: #fff;\n  font-family: $lx-heading;\n  font-size: .9rem;\n  font-weight: 700;\n  line-height: 1.25;\n  text-align: center;\n  cursor: pointer;\n  transition: border-color .2s ease, transform .2s ease;\n\n  &:hover {\n    border-color: rgba($lx-primary, .3);\n  }\n\n  &:focus-visible {\n    outline: 3px solid $lx-coral;\n    outline-offset: 2px;\n  }\n\n  &.is-active,\n  &[aria-selected=\"true\"] {\n    color: $lx-primary;\n    border-color: rgba($lx-primary, .2);\n    background: $lx-blue-50;\n  }\n}\n\n// Sem JavaScript as abas somem e todos os painéis aparecem empilhados\n.lx-tabs[hidden] {\n  display: none;\n}\n\n.lx-panels {\n  display: grid;\n  gap: 2rem;\n}\n\n.lx-panels.is-enhanced {\n  gap: 0;\n\n  .lx-panel:not(.is-active) {\n    display: none;\n  }\n\n  .lx-panel-title {\n    @include lx-sr-only;\n  }\n}\n\n.lx-panel {\n  display: grid;\n  gap: 1rem;\n}\n\n.lx-panel-title {\n  margin: 0;\n  color: $lx-text;\n  @include lx-heading(1.1rem);\n}\n\n.lx-templates {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.lx-template {\n  display: flex;\n  flex-direction: column;\n  gap: .85rem;\n  padding: 1.25rem;\n  border: 1.5px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n}\n\n.lx-template-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: .75rem;\n\n  h3,\n  h4 {\n    margin: 0;\n    color: $lx-text;\n    @include lx-heading(1.05rem);\n    line-height: 1.3;\n  }\n}\n\n.lx-template-meta {\n  display: flex;\n  flex-wrap: wrap;\n  gap: .35rem;\n  justify-content: flex-end;\n}\n\n.lx-template-text {\n  padding: 1rem 1.1rem;\n  color: $lx-text;\n  border: 1px solid $lx-blue-100;\n  border-radius: 16px 16px 16px 4px;\n  background: $lx-soft;\n  font-size: .94rem;\n  line-height: 1.65;\n\n  p {\n    margin: 0 0 .7rem;\n    color: $lx-text;\n    font-size: .94rem;\n    line-height: 1.65;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n\n.lx-template-text--doc {\n  border-radius: 12px;\n  border-color: $lx-border;\n  background: #fff;\n  box-shadow: inset 4px 0 0 $lx-primary;\n}\n\n.lx-slot {\n  padding: 0 .15rem;\n  border-radius: 6px;\n  color: $lx-primary;\n  background: rgba($lx-primary, .07);\n  font-weight: 700;\n\n  &.is-filled {\n    color: $lx-text;\n    background: rgba($lx-coral, .14);\n  }\n}\n\n.lx-template-foot {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: .75rem;\n  margin-top: auto;\n}\n\n.lx-template-note {\n  margin: 0;\n  color: $lx-muted;\n  font-size: .82rem;\n  line-height: 1.45;\n}\n\n.lx-copy {\n  display: inline-flex;\n  align-items: center;\n  gap: .45rem;\n  flex-shrink: 0;\n  min-height: 44px;\n  padding: 0 1rem;\n  color: $lx-primary;\n  border: 0;\n  border-radius: $lx-pill;\n  background: $lx-blue-50;\n  font-family: $lx-heading;\n  font-size: .88rem;\n  font-weight: 800;\n  cursor: pointer;\n  transition: transform .2s ease;\n\n  &:hover {\n    transform: translateY(-1px);\n  }\n\n  &:focus-visible {\n    outline: 3px solid $lx-coral;\n    outline-offset: 2px;\n  }\n\n  &.is-copied {\n    color: $lx-success;\n    background: $lx-success-50;\n  }\n}\n\n.lx-inline-result {\n  margin: 0;\n  padding: 1rem 1.1rem;\n  color: $lx-primary;\n  border: 1px solid $lx-blue-100;\n  border-radius: 16px;\n  background: #f4f7ff;\n  font-weight: 700;\n  line-height: 1.55;\n}\n\n.lx-cta-bar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 1.5rem;\n  margin-top: 1.5rem;\n  padding: 1.25rem 1.4rem;\n  border: 1px solid rgba($lx-primary, .18);\n  border-radius: $lx-r;\n  background: linear-gradient(135deg, #f4f8ff 0%, #fff 100%);\n\n  strong {\n    display: block;\n    color: $lx-text;\n    @include lx-heading(1.1rem);\n  }\n\n  p {\n    max-width: 620px;\n    margin: .3rem 0 0;\n    color: $lx-muted;\n    font-size: .9rem;\n    line-height: 1.5;\n  }\n\n  .lx-btn {\n    flex-shrink: 0;\n  }\n}\n\n.lx-disclaimer {\n  margin: 1.25rem 0 0;\n  color: $lx-muted;\n  font-size: .84rem;\n  line-height: 1.65;\n}\n\n// -------------------------------------------------------------\n// Pode e não pode\n// -------------------------------------------------------------\n.lx-verdicts {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1.25rem;\n}\n\n.lx-verdict {\n  padding: 1.6rem;\n  border: 1px solid rgba($lx-success, .24);\n  border-radius: $lx-r;\n  background: #f4fbf7;\n\n  h3 {\n    display: flex;\n    align-items: center;\n    gap: .6rem;\n    margin: 0 0 1.1rem;\n    color: $lx-success;\n    @include lx-heading(1.15rem);\n  }\n\n  ul {\n    display: grid;\n    gap: .8rem;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    display: grid;\n    grid-template-columns: 22px minmax(0, 1fr);\n    gap: .65rem;\n    color: $lx-text;\n    font-size: .95rem;\n    line-height: 1.55;\n\n    .lx-ico {\n      margin-top: .15rem;\n      color: $lx-success;\n    }\n  }\n}\n\n.lx-verdict--no {\n  border-color: rgba($lx-danger, .2);\n  background: #fff7f7;\n\n  h3,\n  li .lx-ico {\n    color: $lx-danger;\n  }\n}\n\n// Quiz de situações com <details>\n.lx-quiz {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  gap: 1rem;\n}\n\n.lx-quiz-item {\n  overflow: hidden;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n  transition: box-shadow .25s ease;\n\n  &[open] {\n    box-shadow: $lx-shadow;\n  }\n\n  summary {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    align-items: center;\n    gap: 1rem;\n    min-height: 44px;\n    padding: 1.15rem 1.25rem;\n    color: $lx-text;\n    font-family: $lx-heading;\n    font-size: 1rem;\n    font-weight: 700;\n    line-height: 1.4;\n    list-style: none;\n    cursor: pointer;\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &:focus-visible {\n      outline: 3px solid $lx-coral;\n      outline-offset: -3px;\n    }\n  }\n}\n\n.lx-quiz-toggle {\n  display: inline-flex;\n  padding: .3rem .7rem;\n  border-radius: $lx-pill;\n  color: $lx-primary;\n  background: $lx-blue-50;\n  font-family: $lx-body;\n  font-size: .76rem;\n  font-weight: 700;\n  white-space: nowrap;\n\n  &::after {\n    content: 'Ver resposta';\n  }\n}\n\n.lx-quiz-item[open] .lx-quiz-toggle::after {\n  content: 'Ocultar';\n}\n\n.lx-quiz-body {\n  display: grid;\n  gap: .6rem;\n  padding: 0 1.25rem 1.25rem;\n\n  p {\n    margin: 0;\n    color: $lx-muted;\n    font-size: .93rem;\n    line-height: 1.6;\n  }\n}\n\n.lx-quiz-law {\n  color: $lx-primary !important;\n  font-size: .8rem !important;\n  font-weight: 700;\n}\n\n// -------------------------------------------------------------\n// Tabela\n// -------------------------------------------------------------\n.lx-table-wrap {\n  overflow-x: auto;\n  border: 1px solid $lx-border;\n  border-radius: 18px;\n  background: #fff;\n}\n\n.lx-table {\n  width: 100%;\n  min-width: 760px;\n  border-collapse: collapse;\n\n  th {\n    padding: .95rem 1rem;\n    color: $lx-muted;\n    background: $lx-soft;\n    border-bottom: 1px solid $lx-border;\n    @include lx-caps(.74rem);\n    letter-spacing: .06em;\n    text-align: left;\n    vertical-align: bottom;\n  }\n\n  td {\n    padding: 1rem;\n    color: $lx-text;\n    border-bottom: 1px solid $lx-border;\n    font-size: .93rem;\n    line-height: 1.55;\n    vertical-align: top;\n  }\n\n  tr:last-child td {\n    border-bottom: 0;\n  }\n\n  td:first-child {\n    color: $lx-primary;\n    font-family: $lx-heading;\n    font-weight: 700;\n  }\n}\n\n.lx-note {\n  max-width: 900px;\n  margin: 1.1rem auto 0;\n  color: $lx-muted;\n  font-size: .9rem;\n  line-height: 1.6;\n  text-align: center;\n}\n\n// -------------------------------------------------------------\n// Linha do tempo horizontal\n// -------------------------------------------------------------\n.lx-timeline {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 1.25rem;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.lx-moment {\n  position: relative;\n  padding: 1.5rem;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n\n  h3 {\n    margin: 0 0 .5rem;\n    color: $lx-text;\n    @include lx-heading(1.1rem, 700);\n    line-height: 1.3;\n  }\n\n  p {\n    margin: 0;\n    color: $lx-muted;\n    font-size: .93rem;\n    line-height: 1.6;\n  }\n}\n\n.lx-moment-when {\n  display: inline-flex;\n  margin-bottom: .9rem;\n  padding: .3rem .75rem;\n  border-radius: $lx-pill;\n  color: $lx-coral-700;\n  background: $lx-coral-50;\n  font-family: $lx-heading;\n  font-size: .78rem;\n  font-weight: 800;\n}\n\n// -------------------------------------------------------------\n// Grade de artigos (legislação)\n// -------------------------------------------------------------\n.lx-articles {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.lx-law {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  gap: 1rem;\n  padding: 1.4rem;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n  transition: box-shadow .25s ease, transform .25s ease;\n\n  &:hover {\n    transform: translateY(-3px);\n    box-shadow: $lx-shadow;\n  }\n\n  h3 {\n    margin: 0 0 .4rem;\n    color: $lx-text;\n    @include lx-heading(1.05rem);\n    line-height: 1.35;\n  }\n\n  p {\n    margin: 0;\n    color: $lx-muted;\n    font-size: .93rem;\n    line-height: 1.6;\n  }\n}\n\n.lx-law-art {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 74px;\n  height: 36px;\n  padding: 0 .6rem;\n  border-radius: 12px;\n  color: $lx-primary;\n  background: $lx-blue-50;\n  font-family: $lx-heading;\n  font-size: .8rem;\n  font-weight: 800;\n  white-space: nowrap;\n}\n\n// -------------------------------------------------------------\n// Split com fluxo (ponte para o produto)\n// -------------------------------------------------------------\n.lx-split {\n  display: grid;\n  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);\n  gap: 4rem;\n  align-items: center;\n\n  h2 {\n    margin: 1rem 0 1rem;\n    color: $lx-text;\n    @include lx-heading(clamp(1.8rem, 3vw, 2.45rem));\n    line-height: 1.15;\n    letter-spacing: -.03em;\n  }\n\n  > div > p {\n    margin: 0 0 1rem;\n    color: $lx-muted;\n    font-size: 1.03rem;\n    line-height: 1.75;\n  }\n}\n\n.lx-list {\n  display: grid;\n  gap: .85rem;\n  margin: 1.5rem 0 1.75rem;\n  padding: 0;\n  list-style: none;\n\n  li {\n    display: grid;\n    grid-template-columns: 28px minmax(0, 1fr);\n    gap: .7rem;\n    color: $lx-text;\n    font-size: .98rem;\n    line-height: 1.55;\n  }\n}\n\n.lx-list-ico {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  color: $lx-success;\n  background: $lx-success-50;\n}\n\n.lx-flow {\n  position: relative;\n  padding: 1.9rem;\n  color: #fff;\n  border-radius: $lx-r-lg;\n  background:\n    radial-gradient(circle at 85% 15%, rgba($lx-coral, .2), transparent 32%),\n    linear-gradient(145deg, $lx-navy 0%, $lx-primary 70%, $lx-violet 100%);\n  box-shadow: 0 28px 60px rgba($lx-navy, .28);\n\n  ol {\n    display: grid;\n    gap: 1.1rem;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  li {\n    position: relative;\n    display: grid;\n    grid-template-columns: 42px minmax(0, 1fr);\n    gap: .9rem;\n\n    &:not(:last-child)::after {\n      content: '';\n      position: absolute;\n      top: 46px;\n      bottom: -16px;\n      left: 20px;\n      width: 2px;\n      background: rgba(255, 255, 255, .2);\n    }\n  }\n\n  strong {\n    display: block;\n    margin-bottom: .15rem;\n    color: #fff;\n    font-family: $lx-heading;\n    font-weight: 700;\n  }\n\n  span {\n    color: rgba(255, 255, 255, .76);\n    font-size: .9rem;\n    line-height: 1.5;\n  }\n}\n\n.lx-flow-title {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1rem;\n  margin: 0 0 1.4rem;\n  @include lx-caps(.74rem);\n  color: rgba(255, 255, 255, .8);\n}\n\n.lx-flow-dot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 42px;\n  height: 42px;\n  border-radius: 50%;\n  color: #fff;\n  border: 1px solid rgba(255, 255, 255, .3);\n  background: rgba(255, 255, 255, .14);\n}\n\n// -------------------------------------------------------------\n// Chamada de destaque\n// -------------------------------------------------------------\n.lx-callout {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  align-items: center;\n  gap: 1.25rem;\n  margin-top: 2rem;\n  padding: 1.5rem 1.75rem;\n  border: 1px solid rgba($lx-coral, .32);\n  border-radius: $lx-r;\n  background: $lx-coral-50;\n\n  strong {\n    display: block;\n    margin-bottom: .2rem;\n    color: $lx-text;\n    @include lx-heading(1.08rem);\n  }\n\n  p {\n    margin: 0;\n    color: #5b3a2f;\n    font-size: .95rem;\n    line-height: 1.6;\n  }\n}\n\n// -------------------------------------------------------------\n// Perguntas frequentes\n// -------------------------------------------------------------\n.lx-faq {\n  display: grid;\n  gap: .85rem;\n  max-width: 860px;\n  margin: 0 auto;\n}\n\n.lx-faq-item {\n  border: 1px solid $lx-border;\n  border-radius: 18px;\n  background: #fff;\n  transition: box-shadow .25s ease, border-color .25s ease;\n\n  &[open] {\n    border-color: transparent;\n    box-shadow: $lx-shadow;\n  }\n\n  summary {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 1rem;\n    min-height: 56px;\n    padding: 1.1rem 1.35rem;\n    color: $lx-text;\n    font-family: $lx-heading;\n    font-size: 1.02rem;\n    font-weight: 700;\n    line-height: 1.4;\n    list-style: none;\n    cursor: pointer;\n\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &:focus-visible {\n      outline: 3px solid $lx-coral;\n      outline-offset: -3px;\n      border-radius: 18px;\n    }\n  }\n\n  p {\n    margin: 0;\n    padding: 0 1.35rem 1.35rem;\n    color: $lx-muted;\n    line-height: 1.75;\n  }\n}\n\n.lx-faq-plus {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 34px;\n  width: 34px;\n  height: 34px;\n  border-radius: 50%;\n  color: $lx-primary;\n  background: $lx-blue-50;\n  transition: transform .25s ease;\n}\n\n.lx-faq-item[open] .lx-faq-plus {\n  transform: rotate(45deg);\n}\n\n// -------------------------------------------------------------\n// CTA final e links\n// -------------------------------------------------------------\n.lx-final {\n  position: relative;\n  overflow: hidden;\n  padding: 5rem 0;\n  color: #fff;\n  text-align: center;\n  background: $lx-hero-bg;\n\n  h2 {\n    max-width: 760px;\n    margin: 0 auto 1rem;\n    color: #fff;\n    @include lx-heading(clamp(1.9rem, 3.4vw, 2.7rem));\n    line-height: 1.12;\n    letter-spacing: -.03em;\n  }\n\n  p {\n    max-width: 620px;\n    margin: 0 auto 2rem;\n    color: rgba(255, 255, 255, .82);\n    font-size: 1.08rem;\n    line-height: 1.7;\n  }\n}\n\n.lx-links {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 1rem;\n}\n\n.lx-link {\n  display: flex;\n  flex-direction: column;\n  gap: .45rem;\n  padding: 1.4rem;\n  border: 1px solid $lx-border;\n  border-radius: 18px;\n  background: #fff;\n  text-decoration: none;\n  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n\n  &:hover {\n    transform: translateY(-3px);\n    border-color: transparent;\n    box-shadow: $lx-shadow;\n    text-decoration: none;\n  }\n\n  &:focus-visible {\n    outline: 3px solid $lx-coral;\n    outline-offset: 3px;\n  }\n\n  strong {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: .75rem;\n    color: $lx-primary;\n    font-family: $lx-heading;\n    font-size: 1.02rem;\n    font-weight: 700;\n    line-height: 1.35;\n  }\n\n  span {\n    color: $lx-muted;\n    font-size: .9rem;\n    line-height: 1.55;\n  }\n}\n\n// -------------------------------------------------------------\n// Componentes para posts (dentro de .post-body)\n// -------------------------------------------------------------\n.lx-article {\n  .lx-summary {\n    display: grid;\n    grid-template-columns: auto minmax(0, 1fr);\n    gap: 1rem;\n    margin: 0 0 2rem;\n    padding: 1.4rem 1.5rem;\n    border: 1px solid rgba($lx-primary, .14);\n    border-radius: $lx-r;\n    background: linear-gradient(135deg, #f4f8ff 0%, #fff 100%);\n\n    p {\n      margin: 0;\n      color: $lx-text;\n      font-size: 1rem;\n      line-height: 1.7;\n    }\n\n    .lx-icon {\n      width: 44px;\n      height: 44px;\n      border-radius: 14px;\n    }\n  }\n\n  .lx-verdicts,\n  .lx-template,\n  .lx-table-wrap,\n  .lx-profiles,\n  .lx-steps-post {\n    margin: 1.75rem 0;\n  }\n\n  .lx-verdicts {\n    grid-template-columns: 1fr;\n  }\n\n  .lx-verdict h3 {\n    margin-top: 0;\n  }\n\n  .lx-table {\n    min-width: 640px;\n  }\n\n  .lx-table th {\n    color: $lx-muted;\n  }\n}\n\n// O CSS do blog recua listas e transforma tabela em bloco; o kit desfaz isso só nos componentes\n.lx-article .post-body {\n  .lx-steps-post,\n  .lx-verdict ul {\n    margin-left: 0;\n    padding-left: 0;\n  }\n\n  .lx-steps-post li,\n  .lx-verdict li {\n    margin-bottom: 0;\n  }\n\n  .lx-table-wrap .lx-table {\n    display: table;\n    width: 100%;\n    max-width: none;\n    margin: 0;\n    overflow: visible;\n    border: 0;\n    border-radius: 0;\n\n    thead {\n      display: table-header-group;\n    }\n\n    tbody {\n      display: table-row-group;\n    }\n\n    thead,\n    tbody {\n      width: auto;\n      min-width: 0;\n    }\n\n    th {\n      color: $lx-muted;\n      background: $lx-soft;\n      border-radius: 0;\n      font-size: .74rem;\n    }\n\n    tr:nth-child(even) td {\n      background: transparent;\n    }\n  }\n\n  .lx-summary p,\n  .lx-profile p,\n  .lx-template-note {\n    margin-bottom: 0;\n  }\n}\n\n.lx-profiles {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n  gap: 1rem;\n}\n\n.lx-profile {\n  display: flex;\n  flex-direction: column;\n  gap: .55rem;\n  padding: 1.3rem;\n  border: 1px solid $lx-border;\n  border-radius: $lx-r;\n  background: #fff;\n\n  .lx-chip {\n    align-self: flex-start;\n  }\n\n  h3 {\n    margin: 0 !important;\n    color: $lx-text;\n    @include lx-heading(1.02rem);\n    line-height: 1.35;\n  }\n\n  p {\n    margin: 0 !important;\n    color: $lx-muted;\n    font-size: .92rem;\n    line-height: 1.6;\n  }\n}\n\n.lx-steps-post {\n  display: grid;\n  gap: .85rem;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  counter-reset: lxstep;\n\n  li {\n    display: grid;\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: .9rem;\n    padding: 1.1rem 1.2rem;\n    border: 1px solid $lx-border;\n    border-radius: 18px;\n    background: #fff;\n    counter-increment: lxstep;\n\n    &::before {\n      content: counter(lxstep);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 40px;\n      height: 40px;\n      border-radius: 12px;\n      color: #fff;\n      background: linear-gradient(135deg, $lx-primary, $lx-purple);\n      font-family: $lx-heading;\n      font-weight: 800;\n    }\n  }\n\n  strong {\n    display: block;\n    margin-bottom: .2rem;\n    color: $lx-text;\n    font-family: $lx-heading;\n  }\n\n  span {\n    color: $lx-muted;\n    font-size: .95rem;\n    line-height: 1.6;\n  }\n}\n\n.lx-inline-cta {\n  position: relative;\n  overflow: hidden;\n  margin: 2.25rem 0;\n  padding: 1.8rem;\n  color: #fff;\n  border-radius: $lx-r-lg;\n  background: $lx-hero-bg;\n\n  strong {\n    display: block;\n    margin-bottom: .4rem;\n    color: #fff;\n    @include lx-heading(1.25rem);\n    line-height: 1.3;\n  }\n\n  p {\n    margin: 0 0 1.2rem !important;\n    color: rgba(255, 255, 255, .84) !important;\n    line-height: 1.65;\n  }\n\n  .lx-actions {\n    gap: .7rem;\n  }\n\n  .lx-btn {\n    min-height: 48px;\n    font-size: .92rem;\n  }\n}\n\n// -------------------------------------------------------------\n// Responsividade\n// -------------------------------------------------------------\n@media (max-width: 1024px) {\n  .lx-hero-grid,\n  .lx-split {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 3rem;\n  }\n\n  .lx-hero-copy {\n    align-items: flex-start;\n  }\n\n  .lx-artifact {\n    transform: none;\n  }\n\n  .lx-cards--4,\n  .lx-timeline {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .lx-links {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n\n@media (max-width: 768px) {\n  .lx-hero {\n    padding: 3rem 0 3.5rem;\n  }\n\n  .lx-hero h1,\n  .lx-page .lx-hero h1 {\n    font-size: 2.1rem;\n  }\n\n  .lx-section,\n  .lx-final {\n    padding: 3.75rem 0;\n  }\n\n  .lx-head {\n    margin-bottom: 2.25rem;\n  }\n\n  .lx-cards,\n  .lx-cards--2,\n  .lx-cards--4,\n  .lx-templates,\n  .lx-fields,\n  .lx-fields--2,\n  .lx-verdicts,\n  .lx-quiz,\n  .lx-timeline,\n  .lx-articles,\n  .lx-links {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .lx-answer {\n    grid-template-columns: minmax(0, 1fr);\n    padding: 1.5rem;\n  }\n\n  .lx-tool {\n    padding: 1.25rem;\n    border-radius: 22px;\n  }\n\n  .lx-tool-head,\n  .lx-cta-bar {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .lx-callout {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .lx-tabs {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .lx-actions {\n    align-self: stretch;\n  }\n\n  .lx-actions .lx-btn {\n    width: 100%;\n  }\n}\n\n@media (max-width: 480px) {\n  .lx-container {\n    width: calc(100% - 1.25rem);\n  }\n\n  .lx-hero h1,\n  .lx-page .lx-hero h1 {\n    font-size: 1.8rem;\n  }\n\n  .lx-hero-sub {\n    font-size: 1.02rem;\n  }\n\n  .lx-artifact {\n    padding: 1.1rem;\n  }\n\n  .lx-artifact-main strong {\n    font-size: 2.6rem;\n  }\n\n  .lx-artifact-top,\n  .lx-artifact-foot {\n    flex-direction: column;\n    gap: .35rem;\n  }\n\n  .lx-template-head,\n  .lx-template-foot {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .lx-template-meta {\n    justify-content: flex-start;\n  }\n\n  .lx-tabs {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .lx-law {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .lx-logos-row img {\n    height: 36px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .lx-btn,\n  .lx-card,\n  .lx-link,\n  .lx-law,\n  .lx-copy,\n  .lx-tab,\n  .lx-faq-plus,\n  .lx-logos-row img {\n    transition: none;\n  }\n\n  .lx-btn:hover,\n  .lx-card:hover,\n  .lx-link:hover,\n  .lx-law:hover,\n  .lx-copy:hover {\n    transform: none;\n  }\n\n  .lx-artifact {\n    transform: none;\n  }\n}\n","// Semana 28/set/2026: ajustes por página sobre o kit LX (_sass/components/_lx-kit.scss)\n\n.recado-cobranca {\n  .lx-template--wide {\n    grid-column: 1 / -1;\n  }\n}\n\n.lei-9870 {\n  .lx-law-art {\n    min-width: 96px;\n  }\n\n  .lx-tool .lx-fields {\n    margin-top: 2rem;\n    margin-bottom: 1rem;\n  }\n\n  .lx-date-results {\n    display: grid;\n    gap: .75rem;\n  }\n}\n\n.matriculas-abertas {\n  .lx-template--wide {\n    grid-column: 1 / -1;\n  }\n}\n\n@media (max-width: 768px) {\n  .recado-cobranca .lx-template--wide,\n  .matriculas-abertas .lx-template--wide {\n    grid-column: auto;\n  }\n}\n"],"file":"seo-week-2026-09-28.css"}