/* ============================================================
   Central de Saúde Mental 2055 (teste.html)
   Estilos da nova seção #triagem e dos fluxos no modal #m-triagem.
   Usa os tokens de site.css (teal, mint, Plus Jakarta Sans, Inter).
   ============================================================ */

/* ---------- Seção ---------- */
.sm-intro{max-width:46rem;margin:0 auto;text-align:center}
.sm-intro .section-desc{margin-bottom:10px}
.sm-privacy{display:flex;align-items:flex-start;gap:14px;text-align:left;margin:18px auto 0;max-width:40rem;padding:16px 18px;border-radius:16px;background:#fff;border:1.5px solid var(--primary);box-shadow:0 10px 30px rgba(0,45,59,.08)}
.sm-privacy .ic{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:var(--primary-light);color:var(--primary-dark);flex-shrink:0}
.sm-privacy .ic .icon{width:20px;height:20px}
.sm-privacy b{display:block;font-family:var(--font-heading);font-size:15px;font-weight:800;color:var(--heading-dark);margin-bottom:2px}
.sm-privacy span{font-size:13.5px;line-height:1.6;color:hsl(200 16% 38%)}
.sm-area{margin-top:48px}
@media(min-width:768px){.sm-area{margin-top:64px}}
.sm-area-head{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;row-gap:10px;margin-bottom:22px}
.sm-area-head h3{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--heading-dark);line-height:1.2}
@media(min-width:768px){.sm-area-head h3{font-size:28px}}
.sm-area-head p{grid-column:1/-1;font-size:15px;color:var(--muted-foreground);max-width:44rem}
.sm-area-head .sm-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:9999px;background:var(--gradient);color:#fff;font-family:var(--font-heading);font-weight:800;font-size:15px}
.chooser .card-inner{position:relative}
.chooser .sm-oficial{position:absolute;top:14px;right:14px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:hsl(187 52% 29%);background:var(--primary-light);padding:3px 8px;border-radius:9999px}
.chooser .card-inner.sm-destaque{background:#FFFAEB;border-color:var(--primary);box-shadow:0 0 0 2px hsl(var(--primary-h)/.45)}
.chooser .sm-tag{display:inline-block;align-self:flex-start;width:fit-content;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A5A00;background:#FCEBC2;padding:4px 10px;border-radius:9999px}

/* botões grandes da área 2 */
.sm-big{display:grid;gap:14px}
@media(min-width:768px){.sm-big{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(min-width:1024px){.sm-big{grid-template-columns:repeat(4,1fr);gap:16px}}
.sm-big button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;width:100%;padding:22px 22px 20px;border-radius:20px;border:1.5px solid var(--border);background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s;min-height:56px}
.sm-big button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,45,59,.12);border-color:var(--primary)}
.sm-big .ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--primary-light);color:var(--primary)}
.sm-big .ic .icon{width:22px;height:22px}
.sm-big b{font-family:var(--font-heading);font-size:17px;font-weight:800;color:var(--heading-dark);text-transform:uppercase;letter-spacing:.02em}
.sm-big i{font-style:italic;font-size:14px;color:hsl(200 16% 38%);line-height:1.5}
.sm-big small{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--primary-dark);font-weight:600}
.sm-big button.cuidar{border-color:#EFD48F;background:#FFFBF0}
.sm-big button.cuidar .ic{background:#FFF3D6;color:#8A5A00}
.sm-big button.cuidar small{color:#8A5A00}
.sm-big button.sos{border-color:#F5C2B8;background:#FFF7F5}
.sm-big button.sos .ic{background:#FDE7E3;color:#A83E27}
.sm-big button.sos small{color:#A83E27}
.sm-crise-band{margin-top:16px;border-radius:20px;border:1.5px solid #F0B7AE;background:linear-gradient(135deg,#FFF3F0,#FDE7E3);padding:22px;display:flex;flex-direction:column;gap:10px}
@media(min-width:768px){.sm-crise-band{flex-direction:row;align-items:center;justify-content:space-between;gap:24px;padding:26px 30px}}
.sm-crise-band b{display:block;font-family:var(--font-heading);font-size:19px;font-weight:800;color:#7A2415;text-transform:uppercase}
.sm-crise-band p{font-size:14.5px;color:#6E2A1B;margin:4px 0 0;max-width:40rem}
.sm-crise-band .btn-primary{background:linear-gradient(to right,#B4311F,#D9583F);flex-shrink:0}
.sm-crise-band .btn-primary .btn-fill{background:#8F2415}

/* IMPORTANTE + PAUSA */
.sm-important{margin-top:44px;border-radius:16px;border:1px solid #EFD48F;background:#FFF6DB;padding:20px 22px;max-width:52rem;margin-left:auto;margin-right:auto}
.sm-important b{display:block;font-family:var(--font-heading);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7A5200;margin-bottom:8px}
.sm-important p{font-size:14px;line-height:1.7;color:#3D3520;margin:0}
.sm-important p+p{margin-top:8px}
.sm-pausa{margin:36px auto 0;max-width:52rem;text-align:center}
.sm-pausa .word{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:520px;margin:0 auto 12px}
.sm-pausa .word span{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.sm-pausa .word b{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--gradient);color:#fff;font-family:var(--font-heading);font-size:22px;font-weight:800}
.sm-pausa .word small{font-size:12px;line-height:1.25;color:var(--muted-foreground);font-weight:600;text-align:center}
.sm-pausa .lema{font-family:var(--font-heading);font-weight:700;color:var(--heading-dark);font-size:16px}
.sm-pausa .msg{font-size:14px;color:var(--muted-foreground);margin-top:4px}

/* ---------- Modal: comum ---------- */
#m-triagem .modal-head .lead{margin-top:6px}
#quiz.sm{padding:0}
.sm h4{font-family:var(--font-heading);font-size:20px;font-weight:800;line-height:1.25;color:var(--heading-dark);margin:0 0 10px;text-wrap:balance}
.sm h4:focus,.sm .quiz-q:focus,.sm .qr-title:focus{outline:none}
.sm p{font-size:15px;line-height:1.7;color:var(--foreground);margin:0 0 10px}
.sm p.muted{color:var(--muted-foreground);font-size:14px}
.sm .lead-sm{font-size:13px;color:var(--muted-foreground);margin:0 0 6px}
.sm .btn-row{margin-top:18px}
.sm .btn-primary,.sm .btn-outline{min-height:48px}
.sm .link{background:none;border:0;padding:11px 4px;min-height:44px;display:inline-flex;align-items:center;color:hsl(187 52% 29%);font-weight:600;text-decoration:underline;font-size:14px;cursor:pointer}
.sm .sm-opts{display:grid;gap:8px;margin-top:16px}
.sm .sm-opts button,.sm .quiz-opts button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border-radius:9999px;border:1.5px solid var(--border);background:#fff;padding:13px 16px;font-size:14.5px;font-weight:600;color:var(--foreground);min-height:52px;transition:border-color .2s,background-color .2s,transform .2s}
.sm .sm-opts button:hover,.sm .quiz-opts button:hover{border-color:var(--primary);background:var(--primary-light);transform:translateX(4px)}
.sm .sm-opts button i{width:26px;height:26px;border-radius:9999px;background:var(--primary-light);color:hsl(187 52% 29%);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800;flex-shrink:0}
.sm .sm-opts.cols{grid-template-columns:1fr}
@media(min-width:640px){.sm .sm-opts.cols{grid-template-columns:1fr 1fr}}
.sm .sm-note{margin-top:16px;border-left:4px solid var(--primary);background:var(--primary-light);padding:12px 16px;border-radius:0 12px 12px 0;font-size:14px;line-height:1.6}
.sm .sm-warn{margin-top:16px;border-radius:12px;background:#FDE7E3;border:1px solid #F5C2B8;padding:14px 16px;font-size:14px;line-height:1.6;color:#6E2A1B}
.sm .sm-warn b{display:block;font-family:var(--font-heading);font-size:15px;margin-bottom:4px;color:#A83E27}
.sm .sm-disclaimer{margin-top:16px;font-size:12.5px;line-height:1.6;color:var(--muted-foreground);border-top:1px solid var(--border);padding-top:12px}
.sm .sm-steps{list-style:none;padding:0;margin:14px 0 0;counter-reset:s}
.sm .sm-steps li{position:relative;padding:10px 0 10px 44px;border-bottom:1px dashed var(--border);font-size:15px}
.sm .sm-steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:10px;width:28px;height:28px;border-radius:9999px;background:var(--primary-light);color:var(--primary-dark);font-family:var(--font-heading);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.sm .sm-steps li b{display:block;color:var(--heading-dark)}
.sm .sm-steps li small{color:var(--muted-foreground);font-size:13.5px}
.sm .sm-check{list-style:none;padding:0;margin:14px 0 0}
.sm .sm-check li{margin:0 0 8px}
.sm .sm-check label{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--border);border-radius:14px;cursor:pointer;font-size:15px}
.sm .sm-check label b{display:block;color:var(--heading-dark)}
.sm .sm-check label small{color:var(--muted-foreground);font-size:13.5px}
.sm .sm-check input{width:20px;height:20px;margin-top:3px;accent-color:var(--primary)}
.sm .sm-check input:checked{outline:2px solid var(--primary);outline-offset:2px}
.sm .sm-check label:has(input:checked){border-color:var(--primary);background:var(--primary-light)}

/* resultado */
.sm .qr-title{margin-top:12px;font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--heading-dark);line-height:1.25}
.sm .sm-badge{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;padding:8px 16px;font-family:var(--font-heading);font-weight:800;font-size:14px;margin-top:12px}
.sm .sm-badge.b0{background:#E4F3EA;color:#1F7A4D}.sm .sm-badge.b1{background:#FFF3D6;color:#8A5A00}.sm .sm-badge.b2{background:#FDE7DA;color:#B4410E}.sm .sm-badge.b3{background:#FBDCCB;color:#8A3309}
.sm .sm-scale{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:16px;position:relative;padding-bottom:30px}
.sm .sm-scale i{display:block;height:12px;border-radius:6px;opacity:.28}
.sm .sm-scale i.s0{background:#2E8B57}.sm .sm-scale i.s1{background:#D9A300}.sm .sm-scale i.s2{background:#E0762A}.sm .sm-scale i.s3{background:#A83E0B}
.sm .sm-scale i.on{opacity:1}
/* Marcador: a seta aponta a posição; o número fica numa linha só e, perto das pontas, encosta para dentro
   da barra em vez de centralizar (senão "19 de 21" quebra e cai em cima do texto de baixo) */
.sm .sm-scale .mk{position:absolute;top:16px;width:0;height:0}
.sm .sm-scale .mk::before{content:"";position:absolute;left:-6px;top:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid var(--heading-dark)}
.sm .sm-scale .mkl{position:absolute;top:25px;transform:translateX(-50%);white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2;color:var(--heading-dark)}
.sm .sm-scale .mkl.ini{left:0!important;transform:none}
.sm .sm-scale .mkl.fim{left:auto!important;right:0;transform:none}
.sm .sm-score{font-size:13px;color:var(--muted-foreground);margin-top:6px}
.sm .sm-legend{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:6px}
.sm .sm-legend li{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border-radius:10px;font-size:14px;line-height:1.5;color:hsl(200 16% 38%)}
.sm .sm-legend li.on{color:var(--foreground);background:var(--primary-light);box-shadow:inset 3px 0 0 var(--primary)}
.sm .sm-legend li.on b::after{content:" (seu resultado)";font-weight:600;color:var(--primary-dark)}
.sm .sm-legend li span{width:12px;height:12px;border-radius:9999px;flex-shrink:0;margin-top:5px}
.sm .sm-legend .c0{background:#2E8B57}.sm .sm-legend .c1{background:#D9A300}.sm .sm-legend .c2{background:#E0762A}.sm .sm-legend .c3{background:#C8452E}
.sm .sm-legend li b{color:var(--heading-dark)}
.sm .sm-dims{margin-top:18px;display:grid;gap:10px}
.sm .sm-dims .d{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;font-size:13.5px}
.sm .sm-dims .d b{font-weight:600;color:var(--heading-dark)}
.sm .sm-dims .d small{color:var(--muted-foreground);white-space:nowrap}
.sm .sm-dims .bar{grid-column:1/-1;height:8px;border-radius:9999px;background:var(--primary-light);overflow:hidden}
.sm .sm-dims .bar i{display:block;height:100%;border-radius:inherit}
.sm .sm-dims .bar i.s0{background:#2E8B57}.sm .sm-dims .bar i.s1{background:#D9A300}.sm .sm-dims .bar i.s2{background:#E0762A}.sm .sm-dims .bar i.s3{background:#A83E0B}
.sm .sm-cta{margin-top:18px;border-radius:14px;border:1.5px solid var(--primary);padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.sm .sm-cta b{font-family:var(--font-heading);font-size:16px;color:var(--heading-dark)}
.sm .qr-bridge{margin-top:20px;padding-top:18px;border-top:1px solid var(--border);font-size:14px;line-height:1.6;color:var(--muted-foreground)}
.sm .qr-bridge b{color:var(--heading-dark)}
.sm .qr-help{margin-top:16px;border-left:4px solid var(--primary);background:var(--primary-light);padding:12px 16px;border-radius:0 12px 12px 0;font-size:14px;line-height:1.6}

/* telefones */
.sm .sm-phones{display:grid;gap:10px;margin-top:14px}
@media(min-width:640px){.sm .sm-phones{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.sm .sm-phones a{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--border);background:#fff;color:var(--foreground);text-decoration:none;min-height:56px;justify-content:center}
.sm .sm-phones a b{font-family:var(--font-heading);font-size:20px;color:var(--primary-dark);line-height:1.1}
.sm .sm-phones a span{font-size:13px;color:hsl(200 16% 38%)}
.sm .sm-phones a.em{border-color:#F0B7AE;background:#FFF7F5}
.sm .sm-phones a.em b{color:#A83E27}
.sm .sm-phones-tip{font-size:12px;color:var(--muted-foreground);margin-top:6px}
.sm .sm-emerg{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:-10px 0 12px;font-size:12.5px;color:var(--muted-foreground)}
.sm .sm-emerg a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:6px 14px;border-radius:9999px;border:1.5px solid #F0B7AE;background:#FFF7F5;color:#A83E27;font-weight:700;text-decoration:none;font-size:13px}
.sm .sm-emerg .link{margin-left:auto}

/* respiração */
.sm .sm-breath{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:26px 0 18px}
.sm .sm-breath .circ{width:150px;height:150px;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,hsl(var(--primary-h)/.16),transparent 68%);transform:scale(.6);transition:transform 4s ease-in-out}
.sm .sm-breath .circ svg{width:76%;height:76%;fill:var(--primary);filter:drop-shadow(0 12px 30px rgba(0,148,163,.35));transition:fill .6s ease}
.sm .sm-breath.in .circ svg{fill:var(--primary-dark)}
.sm .sm-breath.in .circ{transform:scale(1)}
.sm .sm-breath.out .circ{transform:scale(.6);transition-duration:6s}
.sm .sm-breath .lbl{font-family:var(--font-heading);font-size:18px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--heading-dark);min-height:1.4em}
.sm .sm-breath .cnt{font-size:13px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){.sm .sm-breath .circ{transition:none!important;transform:scale(.85)!important}.sm .sm-breath .circ svg{transition:none!important}}
.sm .sm-timer{font-size:13px;color:var(--muted-foreground);text-align:center;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:center}
.sm .sm-timer[hidden]{display:none}
.sm .sm-audio{margin-top:14px;border-radius:14px;border:1.5px solid var(--border);padding:14px 16px}
.sm .sm-audio b{display:block;font-family:var(--font-heading);font-size:15px;color:var(--heading-dark);margin-bottom:4px}
.sm .sm-audio small{display:block;font-size:12.5px;color:var(--muted-foreground);margin-top:6px}
.sm .sm-audio audio{width:100%;margin-top:8px}

/* ---------- Modal em modo crise: tela cheia escura ---------- */
dialog.modal.sm-crise{max-width:none;width:100%;height:100%;max-height:100%;border-radius:0;background:#07171C;color:#E6F0F2}
@supports(height:100dvh){dialog.modal.sm-crise{height:100dvh;max-height:100dvh}}
dialog.modal.sm-crise .modal-head{background:#0B2229;padding-left:max(30px,calc((100vw - 760px) / 2));padding-right:max(18px,calc((100vw - 760px) / 2))}
dialog.modal.sm-crise .modal-body{max-width:760px;width:100%;margin:0 auto}
dialog.modal.sm-crise .sm h4,dialog.modal.sm-crise .sm .qr-title{color:#fff}
dialog.modal.sm-crise .sm p{color:#D6E4E8}
dialog.modal.sm-crise .sm p.muted,dialog.modal.sm-crise .sm .lead-sm{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-opts button{background:#10252C;border-color:#25434C;color:#E6F0F2}
dialog.modal.sm-crise .sm .sm-opts button:hover,dialog.modal.sm-crise .sm .sm-opts button.sel{background:#123A42;border-color:#3FBAC9}
dialog.modal.sm-crise .sm .sm-opts button i{background:#123A42;color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-steps li{border-color:#25434C;color:#D6E4E8}
dialog.modal.sm-crise .sm .sm-steps li b{color:#fff}
dialog.modal.sm-crise .sm .sm-steps li small{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-steps li::before{background:#3F1512;color:#F58B80}
dialog.modal.sm-crise .sm .sm-phones a{background:#10252C;border-color:#25434C;color:#E6F0F2}
dialog.modal.sm-crise .sm .sm-phones a b{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-phones a span{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-phones a.em{background:#2A1210;border-color:#7A2415}
dialog.modal.sm-crise .sm .sm-phones a.em b{color:#F58B80}
dialog.modal.sm-crise .sm .sm-emerg{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-emerg a{background:#2A1210;border-color:#7A2415;color:#F58B80}
dialog.modal.sm-crise .sm .link{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-note{background:#123A42;border-color:#3FBAC9;color:#E6F0F2}
dialog.modal.sm-crise .sm .sm-warn{background:#2A1210;border-color:#7A2415;color:#F9D9D2}
dialog.modal.sm-crise .sm .sm-warn b{color:#F58B80}
dialog.modal.sm-crise .sm .btn-outline{border-color:#7FD5DF;color:#7FD5DF}
dialog.modal.sm-crise .sm .btn-outline:hover{background:#123A42}
dialog.modal.sm-crise .sm .sm-breath .lbl{color:#fff}
dialog.modal.sm-crise .sm .sm-breath .cnt,dialog.modal.sm-crise .sm .sm-timer{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-breath.full{padding:30px 0}
dialog.modal.sm-crise .sm .sm-breath.full .circ{width:min(62vw,300px);height:min(62vw,300px)}
dialog.modal.sm-crise .sm .sm-audio{background:#10252C;border-color:#25434C}
dialog.modal.sm-crise .sm .sm-audio b{color:#fff}
dialog.modal.sm-crise .sm .sm-disclaimer{border-color:#25434C;color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-urgent{border-radius:16px;border:2px solid #C8452E;background:#2A1210;padding:18px 20px;margin-top:6px}
dialog.modal.sm-crise .sm .sm-urgent h4{color:#FFD6CF;font-size:22px}
.sm .sm-urgent h4{font-size:22px}
.sm .sm-causas{display:grid;gap:8px;margin-top:14px}
@media(min-width:640px){.sm .sm-causas{grid-template-columns:1fr 1fr}}
.sm .sm-causas button{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:14px;border:1.5px solid var(--border);background:#fff;font-size:14.5px;font-weight:600;min-height:52px}
.sm .sm-causas button .icon{width:20px;height:20px;color:var(--primary);flex-shrink:0}
dialog.modal.sm-crise .sm .sm-causas button{background:#10252C;border-color:#25434C;color:#E6F0F2}
dialog.modal.sm-crise .sm .sm-causas button .icon{color:#7FD5DF}
.sm .sm-protocol p{font-family:var(--font-heading);font-size:18px;line-height:1.5;color:var(--heading-dark);margin-bottom:12px}
dialog.modal.sm-crise .sm .sm-protocol p{color:#fff}
.sm .sm-protocol p.small{font-family:Inter,sans-serif;font-size:15px;font-weight:400;color:var(--muted-foreground)}
dialog.modal.sm-crise .sm .sm-protocol p.small{color:#9DB4BB}
.sm .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
dialog.modal.sm-crise .sm .sm-cta{border-color:#3FBAC9;background:#0E2028}
dialog.modal.sm-crise .sm .sm-cta b{color:#fff}
dialog.modal.sm-crise .sm .quiz-bar{background:#123A42}
dialog.modal.sm-crise .sm .quiz-back,dialog.modal.sm-crise .sm .quiz-count{color:#9DB4BB}
.sm[tabindex="-1"]:focus,.sm [tabindex="-1"]:focus{outline:none}

/* títulos dos cards abaixo do título da área */
.chooser h4{font-size:17px;font-weight:700;color:var(--heading-dark);font-family:var(--font-heading);margin:0}
.sm .sm-legend li.on b{color:var(--heading-dark)}

/* respiração no modo crise: símbolo claro sobre o fundo escuro */
dialog.modal.sm-crise .sm .sm-breath .circ{background:radial-gradient(circle,rgba(63,186,201,.22),transparent 68%)}
dialog.modal.sm-crise .sm .sm-breath .circ svg{fill:#3FBAC9;filter:drop-shadow(0 12px 34px rgba(63,186,201,.45))}
dialog.modal.sm-crise .sm .sm-breath.in .circ svg{fill:#7FD5DF}

/* chamada em destaque no resultado */
.sm .sm-cta.forte{background:#fff;border-color:var(--border);color:var(--foreground);box-shadow:0 14px 34px rgba(0,45,59,.10)}
.sm .sm-cta.forte b{color:var(--heading-dark);font-size:18px}
.sm .sm-cta.forte p{color:var(--foreground);margin:0}
.sm .sm-cta.forte .btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--primary-dark);border-radius:9999px;padding:13px 24px;font-size:14px;font-weight:700;min-height:48px;transition:transform .2s,box-shadow .2s}
.sm .sm-cta.forte .btn-white:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(0,45,59,.22)}
.sm .sm-cta.forte .btn-white .icon{width:16px;height:16px;color:var(--primary-dark)}

/* ---------- Protocolos sonoros: orientação ---------- */
.sm .sm-lr{display:flex;align-items:center;justify-content:center;gap:18px;margin:4px 0 16px}
.sm .sm-lr span{display:flex;flex-direction:column;align-items:center;gap:3px}
.sm .sm-lr b{width:46px;height:46px;border-radius:9999px;background:var(--gradient);color:#fff;font-family:var(--font-heading);font-size:21px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.sm .sm-lr small{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground)}
.sm .sm-lr .icon{width:40px;height:40px;color:var(--primary-dark)}
.sm .sm-orient{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sm .sm-orient li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--border);border-radius:14px;font-size:14px;line-height:1.55}
.sm .sm-orient li .icon{width:22px;height:22px;color:var(--primary-dark);flex-shrink:0;margin-top:2px}
.sm .sm-orient li b{display:block;color:var(--heading-dark);font-family:var(--font-heading)}
.sm .sm-orient li span{color:hsl(200 16% 38%)}
.sm .sm-intro-p{font-size:15.5px;line-height:1.6;color:var(--foreground);margin:0 0 12px}
.sm .sm-steps.compact li{padding:8px 0 8px 40px;font-size:14.5px}
.sm .sm-steps.compact li::before{top:8px;width:26px;height:26px;font-size:12px}
.sm .sm-steps.compact li b{font-weight:600;color:var(--foreground)}
.sm .sm-frase{margin:18px 0 8px;padding:16px 18px;border-left:4px solid var(--primary);background:var(--primary-light);border-radius:0 14px 14px 0;font-family:var(--font-heading);font-size:17px;font-weight:700;line-height:1.45;color:var(--heading-dark)}
.sm .sm-meta{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted-foreground)}
.sm .sm-meta .icon{color:var(--primary-dark);margin-top:2px}
.sm .btn-primary .icon.play{fill:currentColor;stroke:none}
.sm .btn-row .link{margin-left:4px}

/* ---------- Botão de play (amarelo quente) ---------- */
.sm .sm-start{margin:4px 0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.sm .sm-start.fim{margin:22px 0 0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
.sm .sm-start .sm-meta{margin-top:6px}
.sm .sm-play-btn,.sm .btn-warm{display:inline-flex;align-items:center;gap:14px;text-align:left;border:0;border-radius:9999px;background:#FFC94D;color:#3D2A00;box-shadow:0 10px 26px rgba(214,150,0,.32);transition:transform .15s,box-shadow .2s,background-color .2s;-webkit-tap-highlight-color:transparent;cursor:pointer}
.sm .sm-play-btn{padding:10px 26px 10px 10px;min-height:68px;max-width:100%}
.sm .sm-play-btn:hover,.sm .btn-warm:hover{background:#FFBE2E;box-shadow:0 14px 30px rgba(214,150,0,.4)}
.sm .sm-play-btn:active,.sm .btn-warm:active{transform:scale(.97)}
.sm .sm-play-btn:focus-visible,.sm .btn-warm:focus-visible{outline:3px solid #3D2A00;outline-offset:3px}
.sm .sm-play-btn .pi,.sm .btn-warm .pi{display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#3D2A00;color:#FFC94D;flex-shrink:0}
.sm .sm-play-btn .pi{width:48px;height:48px}
.sm .sm-play-btn .pi .icon{width:22px;height:22px;fill:currentColor;stroke:none;margin-left:3px}
.sm .sm-play-btn .tx{display:flex;flex-direction:column;min-width:0}
.sm .sm-play-btn .tx b{font-family:var(--font-heading);font-size:17px;font-weight:800;line-height:1.2}
.sm .sm-play-btn .tx small{font-size:12.5px;font-weight:600;color:#6B4E00;margin-top:2px}
@media(max-width:480px){.sm .sm-start:not(.fim) .sm-play-btn{width:100%}}
dialog.modal.sm-crise .sm .sm-play-btn{box-shadow:0 10px 30px rgba(255,201,77,.18)}
/* CTA do resultado: fone no botão, etiqueta de áudio */
.sm .sm-cta.forte .sm-cta-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B4E00;background:#FFF3D6;padding:4px 10px;border-radius:9999px}
.sm .sm-cta.forte .sm-cta-tag .icon{width:14px;height:14px}
.sm .btn-warm{padding:8px 24px 8px 8px;min-height:56px;font-size:15px;font-weight:800}
.sm .btn-warm .pi{width:40px;height:40px}
.sm .btn-warm .pi .icon{width:20px;height:20px}
@media(max-width:480px){.sm .btn-warm{width:100%}}

/* ---------- Player ---------- */
.sm .sm-player{margin-top:6px;border-radius:20px;border:1.5px solid var(--border);background:#fff;padding:18px 18px 14px;box-shadow:0 10px 30px rgba(0,45,59,.08)}
.sm .sm-player-top{display:flex;gap:14px;align-items:center}
.sm .sm-player .art{width:56px;height:56px;border-radius:14px;background:var(--gradient);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sm .sm-player .art svg{width:34px;height:34px;fill:#fff}
.sm .sm-player .meta{min-width:0}
.sm .sm-player .meta b{display:block;font-family:var(--font-heading);font-size:17px;color:var(--heading-dark);line-height:1.2}
.sm .sm-player .meta span{display:block;font-size:13px;color:var(--muted-foreground);margin-top:3px}
.sm .sm-player-ctl{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0 6px}
.sm .sm-player-ctl button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:9999px;border:1.5px solid var(--border);background:#fff;color:var(--primary-dark);transition:transform .15s,border-color .2s;-webkit-tap-highlight-color:transparent}
.sm .sm-player-ctl button:hover{border-color:var(--primary)}
.sm .sm-player-ctl button:active{transform:scale(.94)}
.sm .sm-player-ctl button:focus-visible{outline:2px solid var(--primary-dark);outline-offset:3px}
.sm .sm-player-ctl button .icon{width:26px;height:26px}
.sm .sm-player-ctl button i{position:absolute;font-style:normal;font-size:9px;font-weight:800;top:50%;left:50%;transform:translate(-50%,-38%);font-family:var(--font-heading);letter-spacing:-.02em}
.sm .sm-player-ctl .big{width:78px;height:78px;background:var(--gradient);border:0;color:#fff;box-shadow:0 12px 28px rgba(0,148,163,.35)}
.sm .sm-player-ctl .big .icon{width:34px;height:34px;display:none;fill:currentColor;stroke:none}
.sm .sm-player-ctl .big .icon.play{margin-left:4px}
.sm .sm-player-ctl .big .icon.again{fill:none;stroke:currentColor;width:30px;height:30px}
.sm .sm-player.paused .big .icon.play,.sm .sm-player.error .big .icon.play,.sm .sm-player.loading .big .icon.pause,.sm .sm-player.playing .big .icon.pause,.sm .sm-player.ended .big .icon.again{display:block}
.sm .sm-player.loading .big{animation:sm-pulse 1.2s ease-in-out infinite}
@keyframes sm-pulse{0%,100%{box-shadow:0 12px 28px rgba(0,148,163,.35)}50%{box-shadow:0 0 0 12px rgba(0,148,163,.16)}}
@media(prefers-reduced-motion:reduce){.sm .sm-player.loading .big{animation:none}}
.sm .sm-player-bar input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:44px;background:transparent;margin:-6px 0 -4px;cursor:pointer;display:block}
.sm .sm-player-bar input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:9999px;background:linear-gradient(to right,var(--grad-a) 0,var(--grad-b) var(--p,0%),var(--primary-light) var(--p,0%))}
.sm .sm-player-bar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:9999px;background:#fff;border:3px solid var(--grad-a);margin-top:-7px;box-shadow:0 2px 6px rgba(0,45,59,.25)}
.sm .sm-player-bar input[type=range]::-moz-range-track{height:8px;border-radius:9999px;background:var(--primary-light)}
.sm .sm-player-bar input[type=range]::-moz-range-progress{height:8px;border-radius:9999px;background:var(--gradient)}
.sm .sm-player-bar input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:9999px;background:#fff;border:3px solid var(--grad-a);box-shadow:0 2px 6px rgba(0,45,59,.25)}
.sm .sm-player-bar input[type=range]:focus-visible{outline:2px solid var(--primary-dark);outline-offset:2px;border-radius:9999px}
.sm .sm-player-bar .times{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}
.sm .sm-player-bar .st{flex:1;text-align:center;font-weight:600;color:var(--primary-dark);min-height:1.2em}
.sm .sm-player.error .st{color:#A83E27}
.sm .sm-player-tips{list-style:none;padding:12px 0 0;margin:12px 0 0;display:grid;gap:6px;border-top:1px solid var(--border)}
.sm .sm-player-tips li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:var(--muted-foreground)}
.sm .sm-player-tips li .icon{color:var(--primary-dark);margin-top:2px}
.sm .sm-player-tips li b{color:var(--heading-dark)}
.sm .sm-player-tips li.warn{color:#7A5200}
.sm .sm-player-tips li.warn .icon{color:#7A5200}
.sm .sm-player-tips a{color:inherit;font-weight:700;text-decoration:underline}
.sm .sm-help{margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--muted-foreground)}
.sm .sm-help summary{cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 0;font-weight:700;color:var(--primary-dark);list-style:none}
.sm .sm-help summary::-webkit-details-marker{display:none}
.sm .sm-help summary::before{content:"+";content:"+" / "";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;background:var(--primary-light);font-weight:800;flex-shrink:0}
.sm .sm-help[open] summary::before{content:"\2212";content:"\2212" / ""}
.sm .sm-help ul{list-style:none;padding:0 0 6px 28px;margin:0;display:grid;gap:6px}
.sm .sm-help li b{color:var(--heading-dark)}
.sm .sm-breath-lbl{margin:20px 0 -6px;text-align:center;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-foreground)}

/* Player compacto: uma faixa só, para a respiração ocupar a tela */
.sm .sm-player.compacto{margin-top:0;padding:10px 12px 4px;border-radius:18px}
.sm .sm-player-row{display:flex;align-items:center;gap:12px}
.sm .sm-player.compacto .art{width:44px;height:44px;border-radius:12px}
.sm .sm-player.compacto .art svg{width:26px;height:26px}
.sm .sm-player.compacto .meta{flex:1;min-width:0}
.sm .sm-player.compacto .meta b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm .sm-player.compacto .times{display:block;margin-top:2px;font-size:12.5px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;white-space:nowrap}
.sm .sm-player.compacto .times span{display:inline;margin:0;font-size:inherit;color:inherit}
.sm .sm-player.compacto .sm-player-ctl{margin:0;gap:2px;flex-shrink:0}
.sm .sm-player.compacto .sm-player-ctl button{width:44px;height:44px;border:0;background:transparent}
.sm .sm-player.compacto .sm-player-ctl button .icon{width:22px;height:22px}
.sm .sm-player.compacto .sm-player-ctl button i{font-size:8px}
.sm .sm-player.compacto .sm-player-ctl .big{width:56px;height:56px;margin:0 4px;background:var(--gradient);box-shadow:0 8px 20px rgba(0,148,163,.3)}
.sm .sm-player.compacto .sm-player-ctl .big .icon{width:24px;height:24px}
.sm .sm-player.compacto .sm-player-ctl .big .icon.play{margin-left:3px}
.sm .sm-player.compacto .sm-player-ctl .big .icon.again{width:22px;height:22px}
.sm .sm-player.compacto .st{display:block;margin:-8px 0 6px;text-align:center;font-size:12.5px;font-weight:600;color:var(--primary-dark)}
.sm .sm-player.compacto .st:empty{display:none}
.sm .sm-player.compacto.error .st{color:#A83E27}
@media(max-width:400px){.sm .sm-player.compacto .art{display:none}}

/* Respiração: o centro da tela. Anda com o áudio, recolhe quando pausa */
.sm .sm-sessao{margin-top:4px}
.sm .sm-sessao .sm-breath{padding:18px 0 8px;gap:12px}
.sm .sm-sessao .sm-breath .circ{width:min(64vw,280px);height:min(64vw,280px);transition:transform 4s ease-in-out,opacity .5s ease}
.sm .sm-sessao .sm-breath.out .circ{transition-duration:6s,.5s}
.sm .sm-sessao .sm-breath .lbl{font-size:22px}
.sm .sm-sessao.pausado .sm-breath .circ{opacity:.4;transform:scale(.55);transition-duration:.6s,.5s}
.sm .sm-sessao.pausado .sm-breath .lbl{font-size:15px;color:var(--muted-foreground)}

/* Rodapé da tela do player: dicas e telefones */
.sm .sm-rodape{margin-top:22px;padding-top:14px;border-top:1px solid var(--border)}
.sm .sm-rodape .sm-player-tips{margin:0;padding:0;border:0}
.sm .sm-rodape .sm-emerg{margin:12px 0 0}
/* no celular o rodapé fica todo centralizado: dica, rótulo, telefones e o link em linhas próprias */
@media(max-width:640px){
  .sm .sm-rodape .sm-player-tips li{display:block;text-align:center}
  .sm .sm-rodape .sm-player-tips li .icon{display:inline-block;vertical-align:-3px;margin:0 6px 0 0}
  .sm .sm-rodape .sm-player-tips li span{display:inline}
  .sm .sm-rodape+.sm-disclaimer{text-align:center}
  .sm .sm-rodape .sm-emerg{justify-content:center;text-align:center}
  .sm .sm-rodape .sm-emerg>span{flex-basis:100%}
  .sm .sm-rodape .sm-emerg .link{flex-basis:100%;justify-content:center;margin:0}
}
dialog.modal.sm-crise .sm .sm-rodape{border-color:#25434C}
dialog.modal.sm-crise .sm .sm-player.compacto .times,dialog.modal.sm-crise .sm .sm-sessao.pausado .sm-breath .lbl{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-player.compacto .sm-player-ctl button:not(.big){background:transparent}
dialog.modal.sm-crise .sm .sm-player.compacto .st{color:#7FD5DF}

/* player e orientação no modo crise (fundo escuro) */
dialog.modal.sm-crise .sm .sm-player{background:#10252C;border-color:#25434C;box-shadow:none}
dialog.modal.sm-crise .sm .sm-player .meta b,dialog.modal.sm-crise .sm .sm-player-tips li b{color:#fff}
dialog.modal.sm-crise .sm .sm-player .meta span,dialog.modal.sm-crise .sm .sm-player-bar .times,dialog.modal.sm-crise .sm .sm-player-tips li,dialog.modal.sm-crise .sm .sm-breath-lbl{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-player-ctl button{background:#0B2229;border-color:#25434C;color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-player-ctl .big{background:var(--gradient);color:#fff;border:0}
dialog.modal.sm-crise .sm .sm-player-bar input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--grad-a) 0,var(--grad-b) var(--p,0%),#123A42 var(--p,0%))}
dialog.modal.sm-crise .sm .sm-player-bar input[type=range]::-moz-range-track{background:#123A42}
dialog.modal.sm-crise .sm .sm-player-bar .st{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-player-tips{border-color:#25434C}
dialog.modal.sm-crise .sm .sm-player-tips li .icon{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-player-tips li.warn,dialog.modal.sm-crise .sm .sm-player-tips li.warn .icon{color:#F3D48A}
dialog.modal.sm-crise .sm .sm-help{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-help summary{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-help summary::before{background:#123A42}
dialog.modal.sm-crise .sm .sm-help li b{color:#fff}
dialog.modal.sm-crise .sm .sm-orient li{border-color:#25434C}
dialog.modal.sm-crise .sm .sm-orient li b{color:#fff}
dialog.modal.sm-crise .sm .sm-orient li span{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-orient li .icon,dialog.modal.sm-crise .sm .sm-lr .icon,dialog.modal.sm-crise .sm .sm-meta .icon{color:#7FD5DF}
dialog.modal.sm-crise .sm .sm-lr small,dialog.modal.sm-crise .sm .sm-meta{color:#9DB4BB}
dialog.modal.sm-crise .sm .sm-frase{background:#123A42;border-color:#3FBAC9;color:#fff}
dialog.modal.sm-crise .sm .sm-intro-p{color:#D6E4E8}