/* ===== _dbt.css — componentes dos módulos "Habilidades DBT" =====
   Carregar depois de ../_shared.css. Cor do módulo pela classe no <body>: m-mf, m-tm, m-re, m-ei. */
a{color:var(--primary)}a:hover{color:var(--accent)}
[hidden]{display:none!important}
.m-mf{--mod:#4F7F6C}.m-tm{--mod:#A0603E}.m-re{--mod:#7A6A92}.m-ei{--mod:#4F7A9C}
.lbl{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:600;color:var(--accent);margin-bottom:4px}
/* navegação entre módulos */
.dbt-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 22px}
.dn-grp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dn-k{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:.6rem;text-transform:uppercase;letter-spacing:2px;color:var(--mute);font-weight:600}
.dn-k::after{content:'';flex:1;height:1px;background:var(--line)}
.dn{position:relative;display:flex;flex-direction:column;gap:3px;padding:12px 14px 13px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);transition:border-color .18s,transform .18s,box-shadow .18s}
.dn:hover{border-color:var(--mod);color:var(--text);transform:translateY(-1px);box-shadow:0 6px 18px rgba(74,95,124,.08)}
.dn-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:.92rem;color:var(--mod);line-height:1}
.dn-t{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.06rem;color:var(--primary);line-height:1.15}
.dn-d{font-size:.72rem;font-weight:300;color:var(--mute);line-height:1.35}
.dn-tag{position:absolute;top:10px;right:10px;font-size:.54rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:600;color:var(--mod);border:1px solid color-mix(in srgb,var(--mod) 40%,transparent);border-radius:999px;padding:2px 7px}
.dn.on{background:var(--mod);border-color:var(--mod)}
.dn.on .dn-n,.dn.on .dn-t,.dn.on .dn-d,.dn.on .dn-tag{color:#fff}
.dn.on .dn-tag{border-color:rgba(255,255,255,.55)}
@media(max-width:760px){.dbt-nav{grid-template-columns:1fr}}
/* índice do módulo */
.toc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.toc-k{font-size:.64rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:600;color:var(--mute);margin-right:4px}
.toc a{font-size:.8rem;text-decoration:none;color:var(--primary);background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 12px;transition:all .15s}
.toc a:hover{border-color:var(--mod);color:var(--mod)}
/* seções */
.sec{padding-top:48px;scroll-margin-top:56px}
.sec-h{display:flex;align-items:flex-end;gap:14px;margin-bottom:12px}
.sec-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;font-size:2.7rem;line-height:.82;color:var(--mod)}
.sec-k{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:1.8px;font-weight:600;color:var(--accent);margin-bottom:3px}
.sec h2{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:600;color:var(--primary);line-height:1.1}
.sec-lead{font-size:.96rem;font-weight:300;line-height:1.7;max-width:720px;margin-bottom:18px;text-wrap:pretty}
.sec-lead strong,.sub-p strong,.sk strong,.card strong{color:var(--primary);font-weight:500}
.sec-lead em,.sub-p em{color:var(--primary)}
.sub-h{font-family:'Cormorant Garamond',serif;font-size:1.32rem;font-weight:600;color:var(--primary);margin:30px 0 4px;line-height:1.2}
.sub-p{font-size:.9rem;font-weight:300;margin-bottom:14px;max-width:720px;line-height:1.65;text-wrap:pretty}
/* grids e cartões */
.g2,.g3,.g5{display:grid;gap:12px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:820px){.g3,.g5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.g2,.g3,.g5{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.sk{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:6px}
.sk-n{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:600;color:var(--mod);font-size:1rem;line-height:1}
.sk h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--primary);line-height:1.15}
.sk .tg{font-size:.82rem;font-style:italic;color:var(--mute);line-height:1.4}
.sk p{font-size:.88rem;font-weight:300;line-height:1.62;text-wrap:pretty}
.sk .ex{margin-top:auto;padding-top:10px;border-top:1px dashed var(--line);font-size:.84rem;font-weight:300;line-height:1.55}
.sk .ex .lbl{margin-bottom:2px}
.tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.tags>b{font-size:.64rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:600;color:var(--mute);margin-right:4px}
.tags span,.tags a{font-size:.8rem;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px 11px;color:var(--text);text-decoration:none}
.tags a{color:var(--mod);border-color:color-mix(in srgb,var(--mod) 40%,transparent);font-weight:500}
.tags a:hover{background:color-mix(in srgb,var(--mod) 10%,#fff)}
/* é / não é */
.isnot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
@media(max-width:540px){.isnot{grid-template-columns:1fr}}
.isnot>div{border-radius:14px;padding:16px 18px}
.isnot .is{background:color-mix(in srgb,var(--green) 10%,#fff);border:1px solid color-mix(in srgb,var(--green) 32%,transparent)}
.isnot .not{background:color-mix(in srgb,var(--red) 7%,#fff);border:1px solid color-mix(in srgb,var(--red) 26%,transparent)}
.isnot h4{font-size:.66rem;text-transform:uppercase;letter-spacing:1.6px;font-weight:600;margin-bottom:8px}
.isnot .is h4{color:#3f6b4e}.isnot .not h4{color:#9a4f43}
.isnot ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.isnot li{font-size:.88rem;font-weight:300;line-height:1.5;padding-left:22px;position:relative}
.isnot li::before{position:absolute;left:0;top:0;font-weight:600}
.isnot .is li::before{content:'✓';color:#3f6b4e}.isnot .not li::before{content:'✕';color:#9a4f43}
/* siglas */
.acro{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 24px 24px;margin-bottom:16px}
.acro-top{display:flex;align-items:center;gap:16px 20px;flex-wrap:wrap;margin-bottom:18px}
.acro-word{display:flex;gap:5px;flex-wrap:wrap}
.acro-word span{min-width:42px;height:50px;padding:0 7px;border-radius:10px;background:color-mix(in srgb,var(--mod) 11%,#fff);color:var(--mod);font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.9rem;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s,transform .15s}
.acro-word span.sp{min-width:8px;padding:0;background:none}
.acro-word span.hl{background:var(--mod);color:#fff;transform:translateY(-2px)}
.acro-meta{flex:1;min-width:170px}
.acro-meta h3{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--primary);line-height:1.15}
.acro-meta p{font-size:.84rem;color:var(--mute);font-weight:300;line-height:1.45}
.acro-test{flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font:500 .78rem 'DM Sans',sans-serif;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s}
.acro-test svg{width:14px;height:14px}
.acro-test:hover{border-color:var(--mod);color:var(--mod)}
.acro.testing .acro-test{background:var(--mod);border-color:var(--mod);color:#fff}
.acro-hint{display:none;font-size:.8rem;color:var(--mute);font-style:italic;margin:-6px 0 12px}
.acro.testing .acro-hint{display:block}
.acro-list{list-style:none;display:grid;gap:8px}
.acro-list li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:12px 14px;border-radius:12px;background:var(--soft);transition:background .15s}
.acro-list li:hover,.acro-list li.lit{background:color-mix(in srgb,var(--mod) 9%,var(--soft))}
.al{width:40px;height:40px;border-radius:50%;background:var(--mod);color:#fff;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.3rem;display:flex;align-items:center;justify-content:center}
.at{font-weight:600;font-size:.95rem;color:var(--primary);line-height:1.3;padding-top:2px}
.at i{font-weight:400;font-size:.76rem;color:var(--mute);margin-left:6px}
.ab p{font-size:.87rem;font-weight:300;line-height:1.6;margin-top:2px;text-wrap:pretty}
.acro.testing li{cursor:pointer}
.acro.testing li .ab{filter:blur(5px);opacity:.4;user-select:none;transition:filter .25s,opacity .25s}
.acro.testing li.shown .ab{filter:none;opacity:1}
.acro-foot{margin-top:14px;font-size:.85rem;font-weight:300;line-height:1.6;text-wrap:pretty}
.acro-foot strong{color:var(--primary);font-weight:500}
/* abas */
.tabs{display:flex;gap:4px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:4px;width:max-content;max-width:100%;margin-bottom:16px}
.tabs button{border:none;background:none;border-radius:999px;padding:8px 16px;font:500 .84rem 'DM Sans',sans-serif;color:var(--primary);cursor:pointer;transition:all .15s}
.tabs button:hover{color:var(--mod)}
.tabs button.on{background:var(--mod);color:#fff}
/* quiz */
.quiz{display:flex;flex-direction:column;gap:10px}
.qz{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px;transition:border-color .2s}
.qz.right{border-color:color-mix(in srgb,var(--green) 60%,transparent)}
.qz.wrong{border-color:color-mix(in srgb,var(--red) 55%,transparent)}
.qz-n{width:30px;height:30px;border-radius:50%;background:var(--soft);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-weight:700;color:var(--primary);transition:all .2s}
.qz.right .qz-n{background:var(--green);color:#fff}.qz.wrong .qz-n{background:var(--red);color:#fff}
.qz-q{font-size:.94rem;line-height:1.55;margin-bottom:10px;text-wrap:pretty}
.qz-o{display:flex;flex-wrap:wrap;gap:7px}
.qz-o button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 15px;font:400 .85rem 'DM Sans',sans-serif;color:var(--text);cursor:pointer;transition:all .15s;text-align:left}
.qz-o button:hover:not(:disabled){border-color:var(--mod);color:var(--mod)}
.qz-o button:disabled{cursor:default}
.qz-o button.ok{background:color-mix(in srgb,var(--green) 16%,#fff);border-color:var(--green);color:#2f5a3e;font-weight:500}
.qz-o button.no{background:color-mix(in srgb,var(--red) 13%,#fff);border-color:var(--red);color:#8a3e33}
.qz-why{display:none;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);font-size:.85rem;font-weight:300;line-height:1.6;text-wrap:pretty}
.qz.done .qz-why{display:block}
.qz.right .qz-why::before{content:'Isso mesmo. ';font-weight:600;color:#3f6b4e}
.qz.wrong .qz-why::before{content:'Não exatamente. ';font-weight:600;color:#9a4f43}
.quiz.bin .qz{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:12px 16px;gap:8px 16px}
.quiz.bin .qz-n{display:none}
.quiz.bin .qz-b{display:contents}
.quiz.bin .qz-q{margin:0;font-style:italic}
.quiz.bin .qz-why{grid-column:1/-1;margin-top:0}
@media(max-width:600px){.quiz.bin .qz{grid-template-columns:1fr}}
.qz-score{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;background:var(--soft);border-radius:14px;padding:14px 18px;font-size:.9rem}
.qz-score b{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--mod);font-weight:600;line-height:1}
.qz-msg{font-weight:300}
.qz-reset{margin-left:auto}
/* chips de alternar */
.tg-chips{display:flex;flex-wrap:wrap;gap:7px}
.tg-chip{background:#fff;border:1px solid var(--line);color:var(--text);font:400 .84rem 'DM Sans',sans-serif;padding:7px 13px;border-radius:999px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:6px}
.tg-chip:hover{border-color:var(--mod)}
.tg-chip.on{background:var(--mod);border-color:var(--mod);color:#fff}
.tg-chip.on::before{content:'✓';font-size:.78rem}
/* deslizador */
input[type="range"].tact{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;background:var(--track,var(--line));outline:none;cursor:pointer;margin:0;display:block}
input[type="range"].tact::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 3px 10px rgba(74,95,124,.25);cursor:grab}
input[type="range"].tact::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:2px solid var(--primary);box-shadow:0 3px 10px rgba(74,95,124,.25);cursor:grab}
input[type="range"].tact:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 5px rgba(151,117,57,.25)}
/* aviso */
.warn{display:flex;gap:12px;align-items:flex-start;background:color-mix(in srgb,var(--red) 7%,#fff);border:1px solid color-mix(in srgb,var(--red) 30%,transparent);border-radius:12px;padding:14px 16px;font-size:.84rem;font-weight:300;line-height:1.6;margin-top:14px}
.warn b{color:#9a4f43;font-weight:600}
.warn svg{width:18px;height:18px;flex-shrink:0;color:#9a4f43;margin-top:2px}
/* resumo */
.recap{background:var(--mod);color:#fff;border-radius:18px;padding:24px 26px;margin-top:48px}
.recap-k{font-size:.64rem;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:4px}
.recap h3{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.55rem;font-weight:600;line-height:1.2;margin-bottom:16px}
.recap-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.rc{background:rgba(0,0,0,.16);border-radius:12px;padding:12px 14px}
.rc b{display:block;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:600;line-height:1.2;margin-bottom:2px}
.rc span{font-size:.8rem;font-weight:300;line-height:1.45}
/* próximo módulo */
.nextmod{display:flex;align-items:center;gap:16px;margin-top:22px;padding:18px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--text);transition:all .18s}
.nextmod:hover{border-color:var(--mod);color:var(--text);box-shadow:0 8px 24px rgba(74,95,124,.08)}
.nm-k{font-size:.62rem;text-transform:uppercase;letter-spacing:1.8px;font-weight:600;color:var(--mod)}
.nm-t{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:600;color:var(--primary);line-height:1.2}
.nm-d{font-size:.82rem;font-weight:300;color:var(--mute)}
.nm-ar{margin-left:auto;width:38px;height:38px;border-radius:50%;background:var(--mod);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.nm-ar svg{width:16px;height:16px}
.ref{margin-top:18px;font-size:.75rem;color:var(--mute);font-style:italic;text-align:center}
@media print{.dbt-nav,.toc,.acro-test,.qz-reset,.nextmod{display:none!important}.acro.testing li .ab{filter:none;opacity:1}}