/* Cruzeiro Manager (antigo Diretor da Toca) dentro do site. Só a paleta da Central: azul #0055ff, marinho #082656, texto #63748f, bordas #eaeaea, tons #d7eaff/#f4f9fe. */
/* na página do shortcode o conteúdo ocupa o container inteiro (o tema reserva 1/3 para um sidebar vazio) */
body.cdt-diretor .td-pb-row>.td-main-content{width:100%}
body.cdt-diretor .td-pb-row>.td-main-sidebar{display:none}
#dt{
  --azul:#0055ff; --azul2:#213acc; --navy:#082656; --navy2:#002f7a; --muted:#63748f; --muted2:#8d9ab0;
  --bg2:#f4f9fe; --tint:#d7eaff; --tint2:#b0d4ff; --tint3:#e9f2ff; --line:#eaeaea;
  --grao:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --sai:#dc2626; --sai2:#b91c1c; --sai-bg:#fef2f2; --sai-tint:#fee2e2; --sai-line:#fecaca;   /* "sai": a única família fora da paleta azul, além do amarelo do reforço */
  --r:12px; --r-md:10px; --r-sm:8px;
  --shadow:0 12px 32px -14px rgba(8,38,86,.28); --shadow-sm:0 2px 8px -3px rgba(8,38,86,.14);
  font-family:var(--cdt-font,'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif);
  color:var(--navy);font-size:15px;line-height:1.4;font-variant-numeric:tabular-nums;position:relative;
}
#dt *,#dt *::before,#dt *::after{box-sizing:border-box}
#dt [hidden]{display:none!important}
#dt h2,#dt h3,#dt h4,#dt p,#dt ul{margin:0;padding:0;font-family:inherit;letter-spacing:0;text-transform:none}
#dt ul{list-style:none}
#dt img{max-width:none;height:auto;display:block;border:0}
#dt button,#dt input,#dt select{font-family:inherit;font-size:inherit;color:inherit;margin:0;line-height:1.2;-webkit-appearance:none;appearance:none}
#dt button{cursor:pointer;border:0;background:none;padding:0;border-radius:0;text-transform:none;letter-spacing:0;box-shadow:none;height:auto;min-height:0}
#dt button:disabled{cursor:default;opacity:.5}
#dt input[type=checkbox]{-webkit-appearance:checkbox;appearance:auto;width:16px;height:16px;accent-color:var(--azul)}
#dt a{color:var(--azul)}
#dt :focus-visible{outline:2px solid var(--azul);outline-offset:2px}
#dt p,#dt .dt-lead,#dt .dt-foot,#dt .dt-sub{font-weight:400;line-height:1.4;margin-bottom:0}

/* tipografia */
#dt .dt-h{color:var(--navy);font-size:22px;font-weight:800;line-height:1.15;letter-spacing:-.01em;margin:0}
#dt .dt-lead{color:var(--muted);font-size:14px;margin-top:4px}
#dt .dt-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:18px 0 12px}
#dt .dt-sec-head>div{min-width:0}
#dt .dt-grp h3,#dt .dt-box h3{color:var(--azul);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.3}
#dt .dt-grp h3,#dt .dt-box h3{display:flex;align-items:baseline;gap:8px;padding:0 0 8px;margin:0 0 6px;border-bottom:1px solid var(--line)}
#dt .dt-grp h3 span,#dt .dt-box h3 span{color:var(--muted);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
#dt .dt-link{color:var(--azul);font-weight:600;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
#dt .dt-link:hover{color:var(--azul2)}

/* botões e campos */
#dt .dt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--tint2);color:var(--azul2);font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,border-color .15s}
#dt .dt-btn:hover{background:var(--bg2)}
#dt .dt-btn svg{width:16px;height:16px;flex:none}
#dt .dt-btn.primary{background:var(--azul);color:#fff;border-color:transparent}
#dt .dt-btn.primary:hover{background:var(--azul2)}
#dt .dt-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;background:#fff;border:1px solid var(--tint2);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;color:var(--navy2);transition:background .15s}
#dt .dt-chip:hover{background:var(--bg2)}
#dt .dt-chip.on{background:var(--azul);color:#fff;border-color:transparent}
#dt .dt-chip small{font-size:9px;letter-spacing:.5px;text-transform:uppercase;opacity:.85;font-weight:700}
#dt .dt-chips{display:flex;flex-wrap:wrap;gap:6px}
#dt .dt-input{width:100%;min-height:44px;height:auto;background:#fff;border:1px solid var(--tint2);border-radius:var(--r-sm);padding:10px 12px;font-size:15px;font-weight:500;color:var(--navy);box-shadow:none}
#dt .dt-input::placeholder{color:var(--muted2)}
#dt .dt-input:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px var(--tint)}
#dt .dt-sel{height:auto;min-height:36px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23213acc' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--tint2);border-radius:var(--r-sm);padding:6px 30px 6px 10px;font-size:13px;font-weight:600;color:var(--navy)}

/* topo: time e compartilhar */
#dt .dt-topo{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:2px 0 12px}
#dt .dt-topo-acts{display:flex;align-items:center;gap:8px;flex:none}
/* Tarja da marca (3.8.1): a logo do Cruzeiro Manager (assets/logo-{256,512,768}.webp, 3.11.0) sobre o fundo da própria arte da logo (faixa de cima da arte
   enviada, sem a logo: azul royal com lascas diagonais, mais escuro à esquerda, onde fica a logo, e mais claro à direita, onde ficam os
   botões). O rótulo em caixa alta só na leitura. Compartilhar é o botão principal (branco); Recomeçar é secundário (translúcido), por ser
   a ação que apaga. Na página a tarja substitui o título do tema (H1 escondido; a tarja é o H1, com o nome no alt da logo). */
body.page.cdt-diretor h1.td-page-title{display:none}
/* breadcrumb no padrão das páginas de campeonato (bloco tdb_breadcrumbs: Figtree 600, caixa alta, 12 px, cores do tema), depois do
   anúncio; o padrão das páginas (antes do anúncio) sai */
body.cdt-diretor .td-crumb-container{display:none}
body.cdt-diretor .td-page-content>br{display:none}   /* o wpautop põe um <br> entre o bloco do anúncio e o app (linha nova entre os shortcodes) */
.cdt-migalhas{margin:40px 0 11px;font-family:Figtree,'Open Sans',sans-serif;font-weight:600;font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.5px;color:var(--custom-color-4,#747474);text-align:left}
.cdt-migalhas a{color:var(--custom-color-4,#747474)}
.cdt-migalhas a:hover{color:#000}
.cdt-migalhas-sep{font-size:12px;margin:0 5px;line-height:1;vertical-align:middle;color:var(--custom-color-2,#c3c3c3)}
@media (max-width:767px){ .cdt-migalhas{margin-top:48px} }   /* mesmas distâncias do anúncio ao breadcrumb das páginas de campeonato */
body.cdt-diretor .td-page-content>p:empty{display:none}   /* o wpautop abre um <p> antes do bloco do anúncio; vazio, a margem dele descia o anúncio 10 px em relação às páginas de campeonato */
#dt .dt-tarja{position:relative;isolation:isolate;overflow:hidden;gap:14px;padding:14px 18px 14px 24px;margin:4px 0 14px;border-radius:var(--r);color:#fff;   /* sem altura mínima desde a 3.11.1: a altura é a do conteúdo */
  background:#0333d6;   /* cor média da arte; a arte vem na <img class="dt-tarja-bg"> (3.10.1; arte nova na 3.11.0) */
  box-shadow:0 14px 30px -18px rgb(4 14 110 / .65)}
/* fundo da tarja (3.10.1): <img> embutida no HTML em vez de background no CSS. A tarja é o LCP da página; como imagem do HTML ela pinta
   junto com o primeiro conteúdo também na simulação do Lighthouse (no CSS, a simulação a contava só depois do CSS e do layout: +1,4 s) */
#dt .dt-tarja .dt-tarja-bg{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:0 30%;pointer-events:none}
#dt .dt-marca-txt{flex:1;min-width:0}
#dt .dt-eyebrow{display:block;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:#cae3ff}
#dt .dt-tarja .dt-marca{display:block;margin:0;padding:0;line-height:0}
#dt .dt-tarja .dt-eyebrow+.dt-marca{margin-top:8px}
#dt .dt-tarja .dt-logo{display:block;width:min(180px,100%);height:auto;max-width:none;margin:0}   /* no máximo 180 × 67 px (3.11.1); encolhe se faltar lugar ao lado dos botões; margin: o tema dá 21 px embaixo de todo img */
#dt .dt-tarja .dt-btn,#dt .dt-tarja .dt-btn.primary{background:#fff;color:#1530d5;border-color:transparent;box-shadow:0 10px 24px -10px rgb(2 26 77 / .55)}
#dt .dt-tarja .dt-btn:hover,#dt .dt-tarja .dt-btn.primary:hover{background:#eef6ff;color:#213acc}
#dt .dt-tarja #dtReset{background:rgb(255 255 255 / .12);color:#fff;border:1px solid rgb(255 255 255 / .38);box-shadow:none}
#dt .dt-tarja #dtReset:hover{background:rgb(255 255 255 / .22);color:#fff}
#dt .dt-tarja .dt-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* etapas (régua do menu do site) */
#dt .dt-steps-ph{height:0}
#dt .dt-steps{position:relative;display:flex;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#dt .dt-steps.fixa{position:fixed;margin:0;top:var(--dt-sticky,0px);z-index:9000;box-shadow:0 6px 16px -10px rgba(8,38,86,.3);transition:top .2s}
#dt .dt-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;height:46px;font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--navy2);box-shadow:inset 0 -2px 0 transparent;white-space:nowrap;transition:color .15s,box-shadow .15s}
#dt .dt-steps button:hover{color:var(--azul)}
#dt .dt-steps button.on{color:var(--azul);box-shadow:inset 0 -2px 0 var(--azul)}
#dt .dt-steps button i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--bg2);color:var(--navy2);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none;letter-spacing:0}
#dt .dt-steps button.on i,#dt .dt-steps button.ok i{background:var(--azul);color:#fff}
#dt .dt-empty{color:var(--muted);padding:24px 10px;text-align:center;font-weight:500;font-size:14px}
#dt .dt-sec-foot{display:flex;justify-content:space-between;gap:10px;margin:20px 0 8px;padding-top:14px;border-top:1px solid var(--line)}
#dt .dt-foot{color:var(--muted);font-size:12px;padding:12px 0 4px;border-top:1px solid var(--line);margin-top:8px}

/* progresso */
#dt .dt-prog{display:flex;align-items:center;gap:12px;margin:0 0 14px}
#dt .dt-prog .bar{flex:1;height:6px;border-radius:3px;background:var(--tint3);overflow:hidden}
#dt .dt-prog .bar i{display:block;height:100%;background:var(--azul);border-radius:3px;transition:width .3s}
#dt .dt-prog span{font-size:13px;color:var(--muted);font-weight:500;white-space:nowrap}
#dt .dt-prog span b{color:var(--navy);font-weight:700}
#dt .dt-prog span .s{color:var(--sai);font-weight:600}
#dt .dt-prog span .e{color:var(--navy);font-weight:600}

/* avatar */
#dt .dt-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#f4f9fe,#d7eaff);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex:none}
#dt .dt-av .ini{font-weight:800;font-size:15px;color:#7f93b5}
#dt .dt-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;background:inherit}   /* foto recortada (PNG transparente): o fundo do círculo cobre as iniciais, que só aparecem sem foto */

/* esqueleto (enquanto um elenco carrega) */
#dt .ph{display:block;background:linear-gradient(90deg,var(--tint3) 25%,var(--bg2) 50%,var(--tint3) 75%);background-size:200% 100%;animation:dt-shimmer 1.2s linear infinite;border-radius:6px}
@keyframes dt-shimmer{to{background-position:-200% 0}}
#dt .dt-skel .dt-card{box-shadow:var(--shadow-sm)}
#dt .dt-skel .dt-av.ph{border-radius:50%;background-color:var(--tint3)}
#dt .dt-skel .l1{width:55%;height:22px;margin:3px auto 0}
#dt .dt-skel .l2{width:75%;height:14px;margin:10px auto 0}
#dt .dt-skel .dt-deck-acts .b{height:50px;border-radius:var(--r-md)}
/* esqueletos que o servidor entrega para a etapa pedida (e a leitura do plano compartilhado) */
#dt .dt-sk .dt-av.ph{border-radius:50%;background-color:var(--tint3)}
#dt .dt-sk .dt-sec-head>div{flex:1}
#dt .dt-sk .dt-who .l1{width:60%;height:14px}
#dt .dt-sk .dt-who .l2{width:35%;height:11px;margin-top:6px}
#dt .dt-sk-input{height:48px;border-radius:var(--r-sm);margin-bottom:12px}
#dt .dt-sk-chip{display:inline-block;width:76px;height:34px;border-radius:999px}
#dt .dt-sk .dt-chips{display:flex;flex-wrap:wrap;gap:8px}
#dt .dt-le-h{width:min(320px,70%);height:26px}
#dt .dt-le-l{width:min(420px,90%);height:14px;margin-top:8px}
#dt .dt-le-n{width:44px;height:38px;border-radius:8px}
#dt .dt-le-b{width:150px;height:44px;border-radius:var(--r-sm)}
#dt .dt-sk-acao{height:58px;border-radius:var(--r-sm)}

/* decisão um por vez */
#dt .dt-deck{max-width:460px;margin:0 auto}
#dt .dt-stack{display:grid}
#dt .dt-stack>.dt-card{grid-area:1/1}
#dt .dt-stack>.dt-card[data-k]{z-index:1}
#dt .dt-stack>.dt-card.back{z-index:0;transform:scale(.95) translateY(12px);box-shadow:var(--shadow-sm);pointer-events:none}
#dt .dt-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}
#dt .dt-card.volta{transition:transform .25s ease}
#dt .dt-card.dt-ghost{position:fixed;z-index:5;margin:0;pointer-events:none}
#dt .dt-card.sai-anim{transition:transform .28s ease,opacity .28s ease;opacity:0}
#dt .dt-card-ph{position:relative;height:150px;background:linear-gradient(180deg,#e9f2ff,#d7eaff);display:flex;align-items:center;justify-content:center}
#dt .dt-card-ph .dt-av{width:112px;height:112px;border:4px solid #fff;box-shadow:0 8px 22px -8px rgba(8,38,86,.4);pointer-events:none}
#dt .dt-card-ph .dt-av .ini{font-size:38px}
#dt .dt-card-ph .stamp{position:absolute;top:16px;font-size:22px;font-weight:900;letter-spacing:.08em;padding:4px 12px;border:3px solid currentColor;border-radius:8px;opacity:0;background:rgba(255,255,255,.9);transition:opacity .1s;pointer-events:none}
/* carimbo do lado oposto ao gesto: arrastando para a esquerda (Sai) o canto esquerdo do card sai da tela, então SAI fica à direita, e vice-versa */
#dt .dt-card-ph .stamp.e{left:50%;color:var(--navy);transform:translateX(-50%) rotate(-4deg)}   /* emprestar: no meio, sem gesto (só o botão e a seta para cima) */
#dt .dt-card-ph .stamp.s{right:16px;color:var(--sai);transform:rotate(10deg)} #dt .dt-card-ph .stamp.f{left:16px;color:var(--azul);transform:rotate(-10deg)}
#dt .dt-card-body{padding:14px 16px 16px;text-align:center}
#dt .dt-card-body h3{font-size:21px;font-weight:800;line-height:1.15;color:var(--navy);margin:0}
#dt .dt-card-body .sub{color:var(--muted);font-size:13.5px;margin-top:4px}
#dt .dt-card-body .grupo{margin:0 0 5px;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--azul)}   /* "Goleiros · 2 de 5" */
#dt .dt-deck-acts{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:10px;margin-top:12px}   /* Sai | Emprestar | Fica */
#dt .dt-deck-acts button{min-height:50px;border-radius:var(--r-md);font-weight:800;font-size:16px;letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--tint2);transition:transform .1s,background .15s}
#dt .dt-deck-acts button:active{transform:scale(.97)}
#dt .dt-deck-acts .s{background:#fff;color:var(--sai);border-color:var(--sai-line)}
#dt .dt-deck-acts .s:hover{background:var(--sai-bg);color:var(--sai2);border-color:var(--sai)}
#dt .dt-deck-acts .f{background:var(--azul);color:#fff;border-color:transparent}
#dt .dt-deck-acts .f:hover{background:var(--azul2)}
#dt .dt-deck-acts .e{background:#fff;color:var(--navy);border-color:var(--tint2)}
#dt .dt-deck-acts .e:hover{background:var(--bg2)}
#dt .dt-deck-hint{display:flex;justify-content:center;gap:16px;color:var(--muted2);font-size:12.5px;margin-top:10px}
#dt .dt-deck-hint button{color:var(--azul);font-weight:600;font-size:13px}
#dt .dt-deck-done{background:var(--bg2);border-radius:16px;padding:24px 20px;text-align:center}
#dt .dt-deck-done h3{font-size:20px;font-weight:800;color:var(--navy);margin:0}
#dt .dt-deck-done p{color:var(--muted);margin:6px 0 14px;font-size:14px}
#dt .dt-deck-done .acts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}

/* lista por posição */
#dt .dt-grp{margin:0 0 16px}
#dt .dt-rows{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0 32px}
#dt .dt-row{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 0;border-bottom:1px solid var(--line);min-width:0}
#dt .dt-row .dt-av{width:40px;height:40px}
#dt .dt-who{min-width:0;flex:1}
#dt .dt-who b{display:block;font-size:14.5px;font-weight:700;color:var(--navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#dt .dt-who small{display:block;font-size:12px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
#dt .dt-who .tz{display:block;height:4px;border-radius:2px;background:var(--line);overflow:hidden;margin-top:5px;max-width:120px}
#dt .dt-who .tz i{display:block;height:100%;background:var(--azul)}
#dt .dt-row.st-S .dt-who b{color:var(--muted);text-decoration:line-through}   /* na lista só o botão Sai é vermelho; a linha do jogador não muda de cor */
#dt .dt-seg{display:inline-flex;border:1px solid var(--tint3);border-radius:var(--r-sm);overflow:hidden;flex:none}   /* borda e divisórias em --tint3 (3.11.1) */
#dt .dt-seg button{min-height:34px;padding:0 8px;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--azul2);background:#fff;min-width:44px}   /* compacto desde a 3.8.0 (três botões) */
#dt .dt-seg button+button{border-left:1px solid var(--tint3)}
#dt .dt-seg button.F{background:var(--azul);color:#fff}
#dt .dt-seg button.S{background:var(--sai);color:#fff}   /* só o botão fica vermelho: a borda do grupo não muda (3.11.1) */
#dt .dt-seg button[data-st="S"]:hover:not(.S){background:var(--sai-bg);color:var(--sai2)}
#dt .dt-seg button:hover:not(.F):not(.S):not(.E):not(.V){background:var(--bg2)}
/* Emprestar (marinho: nem o azul do Fica nem o vermelho do Sai) e Volta dos emprestados (azul, como Fica) */
#dt .dt-seg button.E{background:var(--navy);color:#fff}
#dt .dt-seg button.V{background:var(--azul);color:#fff}
#dt .dt-row:has(.dt-seg){flex-wrap:wrap;row-gap:6px}
#dt .dt-row:has(.dt-seg) .dt-who{flex:1 1 90px}   /* três botões: abaixo de ~350 px eles descem para a linha de baixo em vez de espremer o nome */
#dt .dt-row:has(.dt-seg) .dt-seg{margin-left:auto}
#dt .dt-emp{margin-top:8px}
#dt .dt-emp .dt-sub{color:var(--muted);font-size:13px;margin:-2px 0 4px}
#dt .dt-tag{display:inline-block;padding:5px 10px;border-radius:var(--r-sm);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--tint);color:var(--azul2);flex:none}
/* status no plano compartilhado (caixa Emprestados): fundo sólido na cor do status e texto claro, como o botão ativo da lista "Quem fica e quem sai?" (3.11.1) */
#dt .dt-tag.v{background:var(--azul);color:#fff}
#dt .dt-tag.s{background:var(--sai);color:#fff}
#dt .dt-more{width:34px;height:34px;border-radius:50%;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex:none}
#dt .dt-more:hover{background:var(--bg2);color:var(--navy)}
#dt .dt-more svg{width:18px;height:18px}

/* reforços */
#dt .dt-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2px 32px;margin:8px 0 4px}
#dt .dt-ri{display:flex;align-items:center;gap:10px;width:100%;min-width:0;text-align:left;min-height:56px;padding:6px 6px;border-radius:var(--r-md);border:1px solid transparent}
#dt .dt-ri:hover{background:var(--bg2)}
#dt .dt-ri.on{border-color:var(--azul);background:var(--tint3)}
#dt .dt-ri.dt-novo .dt-av .ini,#dt .dt-ri.dt-vazio .dt-av .ini{color:var(--azul);font-size:20px}
#dt .dt-ri .add{margin-left:auto;color:var(--azul);font-weight:700;font-size:13px;flex:none}
#dt .dt-sug{margin:14px 0}
#dt .dt-sug h4{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin:0 0 8px}
#dt .dt-sug .dt-chip b{font-weight:800;color:var(--azul)}
#dt .dt-sug .dt-chip.on b{color:#fff}
#dt .dt-meus .dt-sel{margin-left:auto}

/* escalação em DOM */
#dt .dt-xi{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"forms" "pitch" "acoes" "cmp";gap:12px;align-items:start}
#dt .dt-xi #xForms{grid-area:forms} #dt .dt-xi .dt-pitch{grid-area:pitch} #dt .dt-xi .dt-acoes{grid-area:acoes} #dt .dt-xi .dt-cmp{grid-area:cmp}
#dt .dt-pitch{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:repeating-linear-gradient(180deg,rgba(255,255,255,0) 0 10%,rgba(255,255,255,.06) 10% 20%),linear-gradient(135deg,#1974e6 0%,#1f93f1 50%,#12b6fe 100%);padding:22px 10px 16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow);width:100%}
/* granulado dos fundos da marca (o mesmo SVG de ruído do samuca.tv), em soft-light por cima do degradê */
#dt .dt-pitch{overflow:clip}   /* clip (não hidden): a caixa não vira área de rolagem e a proporção 4:5 passa a ser mínima — com 5 fileiras (4-2-3-1, 3-5-2…) num campo estreito (320 px, caixa da leitura e do Time da torcida) o goleiro passava da borda e era cortado */
#dt .dt-pitch::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:var(--grao);background-size:180px 180px;opacity:.4;mix-blend-mode:soft-light}
/* marcações do campo (3.8.2) na proporção de um campo oficial, medidas pela largura (68 m) para não deformar quando o campo cresce
   (5 fileiras): grande e pequena área, marca do pênalti e meia-lua nas duas pontas, linha do meio, círculo central e marca do centro.
   As mesmas medidas do campo() do arte.js */
#dt .dt-pitch::before{content:"";position:absolute;inset:14px 12px;border:2px solid rgba(255,255,255,.6);border-radius:8px;pointer-events:none;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 206'%3E%3Cpath fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2' vector-effect='non-scaling-stroke' d='M138.4 0V165H541.6V0M248.4 0V55H431.6V0M266.9 165A91.5 91.5 0 0 0 413.1 165'/%3E%3Ccircle cx='340' cy='110' r='4' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E") top center/100% auto no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 680 206'%3E%3Cg transform='matrix%281 0 0 -1 0 206%29'%3E%3Cpath fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2' vector-effect='non-scaling-stroke' d='M138.4 0V165H541.6V0M248.4 0V55H431.6V0M266.9 165A91.5 91.5 0 0 0 413.1 165'/%3E%3Ccircle cx='340' cy='110' r='4' fill='%23fff' fill-opacity='.6'/%3E%3C/g%3E%3C/svg%3E") bottom center/100% auto no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='48.5' fill='none' stroke='%23fff' stroke-opacity='.6' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3Ccircle cx='50' cy='50' r='2.4' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E") center/27% auto no-repeat,
    linear-gradient(rgba(255,255,255,.6),rgba(255,255,255,.6)) center/100% 2px no-repeat}
#dt .dt-pitch .linha{position:relative;z-index:1;display:flex;justify-content:center;gap:6px}
#dt .dt-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:19%;max-width:110px;min-width:60px;color:#fff;border-radius:10px;padding:4px 2px}
#dt .dt-slot:hover .dt-slot-ph{transform:scale(1.05)}
#dt .dt-slot-ph{position:relative;width:58px;height:58px;border-radius:50%;background:linear-gradient(180deg,#f6f9ff,#c9d8f2);border:3px solid #fff;box-shadow:0 6px 16px rgba(0,0,0,.35);overflow:visible;display:flex;align-items:center;justify-content:center;transition:transform .15s}
#dt .dt-slot-ph .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:50%;background:inherit}
#dt .dt-slot-ph .ini{font-weight:800;font-size:19px;color:#6b7fa6}
#dt .dt-slot-ph.vazio{background:rgba(255,255,255,.1);border:3px dashed rgba(255,255,255,.5)}
#dt .dt-slot-ph.vazio span{color:#fff;font-weight:800;font-size:14px}
/* reforço no campo: placa do nome amarela; a legenda com o ponto amarelo fica abaixo do campo */
#dt .dt-slot.chega b{background:#ffc400;border-color:#ffc400;color:var(--navy)}
#dt .dt-legenda{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:12px;font-weight:600;color:var(--muted)}
#dt .dt-pt{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ffc400;flex:none}
#dt .dt-slot b{display:block;max-width:100%;background:rgba(1,32,74,.9);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:4px 7px;font-size:11.5px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1;color:#fff}
/* % da torcida no Time da torcida: selo branco com texto azul, pequeno, no canto de baixo da foto (ombro), longe do rosto e do nome */
#dt .dt-slot-ph .pct{position:absolute;z-index:2;bottom:-4px;right:-9px;background:#fff;color:var(--azul);font-style:normal;font-size:10.5px;line-height:1;font-weight:800;letter-spacing:-.01em;padding:4px 6px;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.3);white-space:nowrap}
#dt #pitchTz .dt-slot:hover .dt-slot-ph,#dt #pitchLe .dt-slot:hover .dt-slot-ph{transform:none}
#dt .dt-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#dt .dt-acoes>:only-child{grid-column:1/-1}
#dt .dt-acao{display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:9px 12px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--tint2);text-align:left;transition:background .15s,border-color .15s}
#dt .dt-acao:hover{background:var(--bg2)}
#dt .dt-acao[aria-expanded="true"]{background:var(--tint3);border-color:var(--azul)}
#dt .dt-acao i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--tint3);color:var(--azul);flex:none}
#dt .dt-acao[aria-expanded="true"] i{background:var(--azul);color:#fff}
#dt .dt-acao i svg{width:18px;height:18px}
#dt .dt-acao span{display:flex;flex-direction:column;gap:2px;min-width:0}
#dt .dt-acao b{font-size:14px;font-weight:700;line-height:1.2;color:var(--azul2)}
#dt .dt-acao small{font-size:12px;font-weight:500;line-height:1.2;color:var(--muted)}
/* campo vazio: o Auto-escalar é o atalho principal */
#dt .dt-acao.destaque{background:var(--azul);border-color:var(--azul)}
#dt .dt-acao.destaque:hover{background:var(--azul2);border-color:var(--azul2)}
#dt .dt-acao.destaque i{background:#fff;color:var(--azul)}
#dt .dt-acao.destaque b{color:#fff}
#dt .dt-acao.destaque small{color:#dbe7ff}
#dt .dt-acao small{text-wrap:balance}   /* "pela frequência / de titular", sem palavra sozinha na 2ª linha */
@media (max-width:359px){ #dt .dt-acao i{display:none} }   /* em 320 px o ícone espremia "Auto-escalar" para duas linhas */
/* posição vazia: a sigla no círculo basta (o nome inteiro não cabe e saía cortado, "ZAGUEI…"); o espaço fica para a linha não pular */
#dt .dt-slot-ph.vazio + b{visibility:hidden}
#dt .dt-box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
#dt .dt-box .dt-sub{color:var(--muted);font-size:13px;margin-bottom:8px}
#dt .dt-cmp .placar{font-size:14px;color:var(--navy);margin-bottom:6px}
#dt .dt-cmp .placar b{color:var(--azul);font-size:18px}
#dt .dt-cmp .mark{width:22px;height:22px;flex:none;color:var(--muted2)}
#dt .dt-cmp .dt-row.ok .mark{color:var(--azul)}
#dt .dt-cmp .mark svg{width:100%;height:100%}
#dt .dt-grp-lbl{font-size:11px;color:var(--azul2);text-transform:uppercase;letter-spacing:.5px;font-weight:600;padding:10px 8px 4px}

/* folha (modal de baixo) */
/* página travada atrás da folha (classe no <html>; --dt-sb = largura da barra de rolagem que some) */
html.dt-trava,html.dt-trava body{overflow:hidden!important}
html.dt-trava body{padding-right:var(--dt-sb,0)!important}
#dt .dt-veil{position:fixed;inset:0;z-index:100000;background:rgba(8,38,86,.5);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;overscroll-behavior:contain;animation:dt-veu .18s ease-out}
#dt .dt-sheet{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:620px;max-height:92vh;max-height:92dvh;display:flex;flex-direction:column;box-shadow:var(--shadow);overscroll-behavior:contain;outline:0;animation:dt-sobe .24s cubic-bezier(.2,.8,.2,1)}
#dt .dt-sheet:focus,#dt .dt-sheet:focus-visible{outline:0!important}   /* foco programático ao abrir: sem contorno na folha inteira (vence o do módulo de acessibilidade do site) */
@keyframes dt-veu{from{background-color:rgba(8,38,86,0)}}
@keyframes dt-sobe{from{transform:translateY(32px);opacity:0}}
@media (prefers-reduced-motion:reduce){#dt .dt-veil,#dt .dt-sheet{animation:none}}
#dt .dt-sheet.larga{max-width:820px}
#dt .dt-sh{padding:14px 16px 12px;border-bottom:1px solid var(--line)}
#dt .dt-sh-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#dt .dt-sh h2{font-size:19px;font-weight:800;color:var(--navy);margin:0}
#dt .dt-x{width:36px;height:36px;border-radius:50%;background:var(--bg2);color:var(--navy);display:flex;align-items:center;justify-content:center;flex:none}
#dt .dt-x:hover{background:var(--tint)}
#dt .dt-x svg{width:16px;height:16px}
#dt .dt-sb{overflow:auto;padding:6px 10px;flex:1;min-height:120px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
/* busca na folha de uma posição (escalação) */
#dt .dt-filtro{position:relative;margin-top:10px}
#dt .dt-filtro>svg{position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--muted2);pointer-events:none}
#dt .dt-filtro .dt-input{padding-left:38px;padding-right:44px;font-size:16px}   /* com fonte de 16px o iOS não dá zoom ao focar o campo */
#dt .dt-filtro .dt-input::-webkit-search-cancel-button,#dt .dt-filtro .dt-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
#dt .dt-limpa{position:absolute;right:4px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted)}
#dt .dt-limpa:hover{background:var(--bg2);color:var(--navy)}
#dt .dt-limpa svg{width:14px;height:14px}
#dt .dt-onde{font-size:11px;color:var(--azul);font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:right;flex:none;margin-left:auto}

/* torcida */
#dt .dt-me{background:var(--bg2);border-radius:var(--r);padding:16px 18px;margin-bottom:12px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#dt .dt-me .nums{display:flex;gap:16px;flex:1;min-width:220px}
#dt .dt-me .nums div b{display:block;font-size:22px;font-weight:800;line-height:1;color:var(--navy)}
#dt .dt-me .nums div span{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}
#dt .dt-me .nums .f b{color:var(--azul)} #dt .dt-me .nums .s b{color:var(--sai)}
#dt .dt-me .acts{display:flex;gap:8px;flex-wrap:wrap}
#dt .dt-acordo{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--r)}
#dt .dt-acordo .big{font-size:34px;font-weight:800;color:var(--azul);line-height:1;flex:none}
#dt .dt-acordo p{color:var(--navy);font-size:14px}
#dt .dt-acordo p b{font-weight:700}
/* plano compartilhado: "você × ele" para quem já tem plano, e "Ficam" recolhido */
#dt .dt-vs{align-items:flex-start}
#dt .dt-vs ul{margin:6px 0 0;padding:0;list-style:none;font-size:13.5px;color:var(--navy);line-height:1.4}
#dt .dt-vs li{margin:3px 0 0;padding:0;font-size:13.5px;line-height:1.4;font-family:inherit}   /* o tema põe 20px em .td-page-content li */
#dt .dt-vs li::before{content:none}
#dt .dt-vs p{margin:0}
#dt .dt-vs li b{font-weight:700}
#dt .dt-ver-mais{display:inline-block;margin-top:10px}
#dt .dt-tz-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
#dt .dt-tz-time .dt-pitch{max-width:520px;margin:4px auto 0;box-shadow:none}
#dt .dt-bar{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
#dt .dt-bar:last-child{border-bottom:0}
#dt .dt-bar .dt-av{width:36px;height:36px}
#dt .dt-bar .dt-who b{font-size:14px}
#dt .dt-bar .dt-who i{display:block;height:5px;border-radius:3px;margin-top:5px;background:var(--azul)}
#dt .dt-bar .dt-who i.sai{background:var(--sai)}
#dt .dt-bar .pct{font-size:18px;font-weight:800;flex:none;width:50px;text-align:right;color:var(--azul)}
#dt .dt-bar .pct.sai{color:var(--sai)}
#dt .dt-tz-dispensa h3{color:var(--sai)}
#dt .dt-bar .dt-who small{display:block;font-size:12px;color:var(--muted);line-height:1.2}
#dt .dt-bar .dt-who i.emp{background:var(--navy)}
#dt .dt-bar .pct.emp{color:var(--navy)}
#dt .dt-tz-dispensa h3{border-bottom-color:var(--sai-tint)}

/* compartilhar */
#dt .dt-url{font-size:13px;color:var(--navy);background:var(--bg2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;margin:8px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}   /* link longo de reserva: uma linha; o botão copia inteiro */
#dt .dt-share{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px;padding:16px;overflow:auto;overscroll-behavior:contain}
/* prévia: quadro no formato da arte (escalação 1080×1350; elenco 1080×1920, .stories); esqueleto e indicador até a imagem decodificar */
#dt .dt-share .prev{display:flex;justify-content:center;align-items:flex-start}
#dt .dt-share .quadro{position:relative;width:min(100%,calc(60vh * .8));aspect-ratio:4/5;border-radius:var(--r-md);overflow:hidden;background:var(--bg2)}
#dt .dt-share .quadro.stories{aspect-ratio:9/16;width:min(100%,calc(60vh * .5625))}   /* elenco: 1080×1920 */
#dt .dt-share .quadro .ph{position:absolute;inset:0;border-radius:0}
#dt .dt-share .quadro img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .2s}
#dt .dt-share .quadro.pronto img{opacity:1}
#dt .dt-share .quadro.pronto .ph,#dt .dt-share .quadro.pronto .load{display:none}
#dt .dt-share .load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;color:var(--muted);font-size:13px;font-weight:600}
#dt .dt-share .quadro.erro .ph{animation:none}
#dt .dt-share .quadro.erro .dt-spin{display:none}
#dt .dt-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--tint2);border-top-color:var(--azul);animation:dt-gira .8s linear infinite}
@keyframes dt-gira{to{transform:rotate(360deg)}}
#dt .dt-share h3{margin:14px 0 6px;color:var(--azul);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
#dt .dt-share p{color:var(--muted);font-size:13px;margin-bottom:8px}
#dt .dt-share .tipos{display:flex;gap:6px;margin-bottom:10px}
#dt .dt-share .links{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#dt .dt-share .dt-btn.primary{width:100%}
#dt .dt-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:10px 16px;border-radius:var(--r-md);font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:.2s;z-index:100001;box-shadow:var(--shadow);width:max-content;max-width:92vw}   /* max-content: com left:50% a largura automática pararia na metade da tela e o texto quebraria cedo */
#dt .dt-toast.on{opacity:1;transform:translate(-50%,0)}
#dt .dt-toast.acao{pointer-events:auto;display:flex;align-items:center;gap:14px;padding:6px 6px 6px 16px}
#dt .dt-toast button{min-height:36px;padding:0 12px;border-radius:var(--r-sm);color:#b0d4ff;font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}
#dt .dt-toast button:hover{background:rgba(255,255,255,.12);color:#fff}
/* recomeçar: opções da folha */
#dt .dt-opcs{display:grid;gap:8px;padding:14px 16px 16px}
#dt .dt-opc{display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;padding:14px;border:1px solid var(--tint2);border-radius:var(--r-md);background:#fff;transition:background .15s,border-color .15s}
#dt .dt-opc:hover{background:var(--bg2);border-color:var(--azul)}
#dt .dt-opc i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--tint3);color:var(--azul);flex:none}
#dt .dt-opc i svg{width:20px;height:20px}
#dt .dt-opc span{min-width:0}
#dt .dt-opc b{display:block;font-size:15px;font-weight:700;color:var(--navy);line-height:1.25}
#dt .dt-opc small{display:block;font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.35}
#dt .dt-opc.perigo{border-color:var(--sai-line)}
#dt .dt-opc.perigo:hover{background:var(--sai-bg);border-color:var(--sai)}
#dt .dt-opc.perigo i{background:var(--sai-bg);color:var(--sai)}
#dt .dt-opc.perigo b{color:var(--sai2)}
#dt .dt-opcs .nota{font-size:12px;color:var(--muted);text-align:center;margin-top:2px}

@media (min-width:720px){
  #dt .dt-veil{align-items:center;padding:20px}
  #dt .dt-sheet{border-radius:16px}
}
@media (min-width:901px){
  #dt .dt-xi{grid-template-columns:minmax(0,520px) minmax(280px,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"pitch forms" "pitch acoes" "pitch cmp" "pitch .";gap:12px 28px}
  #dt .dt-xi .dt-pitch{margin:0}
  #dt .dt-tz-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  #dt .dt-tz-time{grid-row:span 5}
}
@media (min-width:1180px){
  #dt .dt-tz-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"time mantem reforcos" "time dispensa reforcos" "time empresta quervolta" "time . .";gap:14px}
  #dt .dt-tz-time{grid-area:time} #dt .dt-tz-mantem{grid-area:mantem} #dt .dt-tz-dispensa{grid-area:dispensa} #dt .dt-tz-ref{grid-area:reforcos}
  #dt .dt-tz-empresta{grid-area:empresta} #dt .dt-tz-quervolta{grid-area:quervolta}
  #dt .dt-tz-grid.le{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"time reforcos mantem" "time dispensa mantem" "time emp mantem" "time volta mantem" "time . mantem"}   /* leitura: chegam, saem, vão emprestados e emprestados no meio; ficam (a maioria) à direita */
  #dt .dt-tz-emp{grid-area:emp} #dt .dt-tz-volta{grid-area:volta}
}
@media (max-width:640px){
  #dt{font-size:14px}
  #dt .dt-h{font-size:20px}
  #dt .dt-sec-head{margin:14px 0 10px}
  #dt .dt-topo{gap:8px;padding-bottom:10px}
  /* 3.10.0 (performance): a tarja é o destaque da página e precisa ser o LCP. Com 94 px de altura o texto do aviso de cookies, que
     chega depois, tinha área maior e virava o LCP (15 s no laboratório). Com 133 px ela vence o aviso de 390 a 412 px de largura.
     3.11.1 (09/11/2026): a altura mínima de 133 px saiu a pedido; a tarja tem a altura do conteúdo: logo inteiro (180 × 67,4) + 36 de respiro = 104.
     Os 104 ficam como mínimo porque, de 320 a 340 px, quando o JS mostra o Recomeçar o logo encolhe (148 px) e a tarja descia 12 px (pulo de layout) */
  #dt .dt-tarja{min-height:104px;padding:18px 12px 18px 16px;gap:10px;margin:2px 0 12px}
  #dt .dt-eyebrow{font-size:10.5px;letter-spacing:.07em}
  #dt .dt-tarja .dt-eyebrow+.dt-marca{margin-top:6px}
  #dt .dt-tarja .dt-topo-acts{gap:6px}
  #dt .dt-tarja .dt-topo-acts .dt-btn{width:44px;min-height:44px;height:44px}   /* alvo de toque de 44 px */
  #dt .dt-topo-acts .dt-btn span{display:none}
  #dt .dt-topo-acts .dt-btn{width:44px;padding:0}
  #dt .dt-steps{margin-left:-16px;margin-right:-16px}
  #dt .dt-steps button{padding:0 2px;height:44px;font-size:11.5px;gap:5px;letter-spacing:.3px}
  #dt .dt-steps button i{width:19px;height:19px;font-size:11px}
  #dt .dt-prog span{font-size:12px}
  #dt .dt-seg button{padding:0 6px;min-width:38px;font-size:11.5px;letter-spacing:.2px}   /* Fica | Emprestar | Sai numa linha com o nome a partir de 360 px */
  #dt .dt-card-ph{height:132px}
  #dt .dt-card-ph .dt-av{width:100px;height:100px}
  #dt .dt-card-body{padding:12px 14px 14px}
  #dt .dt-card-body h3{font-size:19px}
  #dt .dt-deck-acts button{min-height:48px;font-size:15px}
  #dt .dt-rows,#dt .dt-res{grid-template-columns:minmax(0,1fr)} /* 1fr puro = minmax(auto,1fr): o texto nowrap do item alargava a coluna além do container */
  #dt .dt-share{grid-template-columns:minmax(0,1fr)}   /* 1fr puro cresceria com o link numa linha só */
  #dt .dt-share .quadro{width:min(100%,calc(42vh * .8))}   /* no celular a prévia não empurra os botões para fora da folha */
  #dt .dt-share .quadro.stories{width:min(100%,calc(42vh * .5625))}
  #dt .dt-me{padding:14px}
  #dt .dt-me .acts{width:100%}
  #dt .dt-me .acts .dt-btn{flex:1}
  #dt .dt-slot{min-width:54px}
  #dt .dt-slot-ph{width:48px;height:48px}
  #dt .dt-slot b{font-size:10px;padding:3px 5px}
  #dt .dt-slot-ph .pct{font-size:9.5px;padding:3px 5px;bottom:-4px;right:-7px}
  #dt .dt-pitch{padding:16px 4px 12px}
  #dt .dt-sec-foot .dt-btn{flex:1}
  #dt .dt-acao{gap:8px;padding:9px 10px}
  #dt .dt-acao i{width:30px;height:30px}
  #dt .dt-acao i svg{width:16px;height:16px}
}