/* Visão geral: comando concentrado, operações claras, detalhes sob demanda. */
.os-next{--os-acento:var(--bolt,var(--brand));--os-dado:#156c80;--os-hero:#11161e;--os-hero-ink:#f5f6f8;--os-hero-muted:#b8c2d0;max-width:1570px;padding:6px 0 44px;font-size:14px}
html[data-tema="escuro"] .os-next{--os-dado:#8fd7e1;--os-hero:#0c1118}
.os-next .os-abertura{margin:0 0 18px;gap:16px;min-height:36px}
.os-next .os-sobretitulo{display:flex;gap:12px;font-size:13px;letter-spacing:0;color:var(--ink-2)}
.os-next .os-sobretitulo>span{padding-left:12px;font-size:12px;color:var(--ink-3)}
.os-next .os-atualizacao>span{font-size:12px}
.os-next .os-atualizar{background:transparent;border:0;padding:7px 0 7px 10px;border-radius:6px;color:var(--ink-2);font-size:12px}
.os-next .os-atualizar .ic{width:15px;height:15px}
.os-next .os-atualizar[disabled] .ic{animation:os-rotacao 1.4s linear infinite}
.os-next [data-os-surface]{position:relative;isolation:isolate}
.os-next [data-os-surface]:not(.os-hero)::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(350px circle at var(--os-pointer-x,50%) var(--os-pointer-y,50%),color-mix(in srgb,var(--os-acento) 4%,transparent),transparent 75%);transition:opacity .35s}
.os-next [data-os-surface][data-os-hover]:not(.os-hero)::before{opacity:1}
.os-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 320px;overflow:hidden;border:1px solid #28303c;border-radius:20px;background:var(--os-hero);color:var(--os-hero-ink);box-shadow:0 20px 48px #080d1612,0 2px 5px #080d1610;animation:os-emergir .55s var(--ease-out) both}
.os-hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.65;background:radial-gradient(700px circle at var(--os-pointer-x,78%) var(--os-pointer-y,32%),#66839c1b,transparent 72%);transition:opacity .4s}
.os-hero[data-os-hover]::before{opacity:1}
.os-hero::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff18;pointer-events:none}
.os-hero-conteudo{position:relative;z-index:1;padding:24px 32px 20px}
.os-hero-saudacao{font-size:13px;color:var(--os-hero-muted);line-height:1.5}
.os-next .os-hero h1{margin:10px 0 16px;font-size:clamp(40px,3.6vw,52px);font-weight:600;line-height:1.03;letter-spacing:-.04em;color:var(--os-hero-ink)}
.os-hero h1>span{color:#aebacb}
.os-next .os-pedido{max-width:730px;gap:8px;padding:14px;border:1px solid #8996a53d;background:#ffffff06;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff05;transition:border-color .2s,box-shadow .2s,background .2s}
.os-next .os-pedido:focus-within{border-color:#ff8287;box-shadow:0 0 0 3px #ef3b4317;background:#ffffff09}
.os-pedido-linha{display:flex;align-items:flex-start;gap:12px}
.os-comando-icone{display:grid;place-items:center;width:24px;height:27px;color:#ff6a70;flex:none}
.os-comando-icone>.ic{width:21px;height:21px}
.os-next .os-pedido textarea{min-height:44px;max-height:190px;font-size:16px;line-height:1.4;color:var(--os-hero-ink);resize:vertical}
.os-next .os-pedido textarea::placeholder{color:#b8c2d0}
.os-next .os-pedido-rodape{gap:12px;padding-left:36px}
.os-next .os-pedido-rodape>span{color:var(--os-hero-muted);font-size:12px}
.os-next .os-pedido-rodape>.btn{min-height:32px;height:32px;padding:0 14px;border:1px solid #ffffff1c;border-radius:7px;background:#e92e37;color:#fff;font-size:13px;box-shadow:0 4px 13px #090b1430;transition:background .18s,transform .18s}
.os-next .os-pedido-rodape>.btn:hover{background:#fa4049;transform:translateY(-1px)}
.os-next .os-pedido-rodape>.btn:active{transform:translateY(0)}
.os-next .os-pedido-rodape>.btn>.ic{width:15px;height:15px}
.os-next .os-pedido-status{color:#efbec2;font-size:13px;margin-top:10px}
.os-next .os-pedido-status:empty{margin:0}
.os-next .os-sugestoes{gap:5px 16px;margin-top:10px}
.os-next .os-sugestoes>button{min-height:28px;padding:4px 0;border-radius:4px;color:#c6cfdb;font-size:12px;line-height:1.4;background:transparent;transition:color .2s}
.os-next .os-sugestoes>button:hover{background:transparent;color:#fff}
.os-next .os-sugestoes>button>.ic{width:13px;height:13px;color:#8d9eb1}
.os-presenca-hero{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:270px;margin:0 26px 0 0;pointer-events:none}
.os-presenca-halo{position:absolute;top:50%;left:50%;width:270px;height:270px;transform:translate(-50%,-54%);border-radius:50%;background:radial-gradient(circle,#7d333719,transparent 70%);box-shadow:0 0 100px #4c647914}
.os-next .os-personagem{position:relative;width:230px;height:242px;object-fit:contain;filter:drop-shadow(0 23px 24px #0007);animation:os-presenca .7s var(--ease-out) both}
.os-presenca-legenda{display:grid;gap:5px;text-align:center;font-size:12px;line-height:1.4;color:var(--os-hero-muted);margin-top:8px}
.os-presenca-marca{display:flex;align-items:center;justify-content:center;gap:5px;color:#ecf0f7;font-size:12px;font-weight:600;letter-spacing:.08em}
.os-presenca-marca .ic{width:13px;height:13px;color:#f6656c}
.os-hero-sinais{grid-column:1/-1;border-top:1px solid #a5b4ca1c;background:#ffffff02}
.os-sinais{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.os-sinal{display:grid;gap:5px;position:relative;padding:16px 32px;text-align:left;color:var(--os-hero-ink);min-height:100px;transition:background .2s}
.os-sinal+.os-sinal{border-left:1px solid #a5b4ca1c}
.os-sinal:hover{background:#ffffff03}
.os-sinal-topo{display:flex;align-items:center;gap:8px;color:#c0cad8;font-size:12px;line-height:1.35}
.os-sinal-topo>.ic{width:14px;height:14px;color:#9aafc2}
.os-sinal-topo>.os-sinal-seta{margin-left:auto;opacity:0;transform:translateX(-3px);transition:opacity .2s,transform .2s}
.os-sinal:is(:hover,:focus-visible) .os-sinal-seta{opacity:1;transform:translateX(0)}
.os-sinal>strong{font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}
.os-sinal-pipeline>strong{color:#a5d9e2}
.os-sinal-detalhe{font-size:12px;color:var(--os-hero-muted);line-height:1.4}
.os-sinal-vazio{padding:20px 36px;font-size:13px;color:var(--os-hero-muted)}
.os-next .os-atalhos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;margin:14px 0 24px}
.os-next .os-area{position:relative;gap:12px;padding:9px 5px;min-height:48px;border:0;border-radius:8px;background:transparent;transition:background .2s}
.os-next .os-area:hover{background:var(--hover)}
.os-next .os-area-texto>b{font-size:14px;font-weight:600}
.os-next .os-area-texto>small{font-size:12px;line-height:1.4}
.os-next .os-area-icone{width:28px;height:30px;color:var(--ink-2)}
.os-next .os-area-icone>.ic{width:20px;height:20px}
.os-next .os-area-seta{width:14px;height:14px;opacity:.65;margin:0}
.os-next .os-cockpit{display:block}
.os-next .os-principal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.os-next .os-panorama{display:contents}
.os-movimentos{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;margin-bottom:4px}
.os-next .os-secao-topo{margin-bottom:20px;gap:14px;align-items:center;flex-wrap:wrap}
.os-next .os-secao-topo h2,.os-next .os-disclosure>summary h2{margin:0;font-size:22px;font-weight:600;letter-spacing:-.025em;line-height:1.2}
.os-next .os-link{min-height:32px;font-size:12px;white-space:nowrap;color:var(--ink-2)}
.os-next .os-link:hover{color:var(--os-acento)}
.os-fluxo,.os-foco,.os-projecao{padding:27px 28px;border:0;border-radius:16px;background:var(--surface);box-shadow:0 5px 20px #0b122006}
.os-fluxo{grid-column:1/-1}
.os-foco{background:color-mix(in srgb,var(--surface) 70%,var(--bg));height:100%;box-shadow:none}
.os-projecao{background:color-mix(in srgb,var(--surface) 92%,var(--os-dado));box-shadow:none}
.os-next .os-dia,.os-next .os-decisoes{padding:0;border:0;background:none}
.os-next .os-decisoes .pedidos-vazio{padding:0}
.os-next .os-decisoes .pedido{background:var(--surface);border:0;border-radius:10px;box-shadow:0 2px 10px #0b122005}
.os-etapas{display:grid;grid-auto-columns:minmax(115px,1fr);grid-auto-flow:column;gap:0;overflow-x:auto;padding:2px 0 18px;scrollbar-width:thin;scroll-snap-type:x proximity}
.os-etapa{display:grid;position:relative;gap:6px;padding:14px 17px 12px;border:0;border-radius:8px;background:transparent;text-align:left;scroll-snap-align:start;transition:background .2s}
.os-etapa+.os-etapa{border-left:1px solid var(--line-soft)}
.os-etapa:hover{background:var(--hover)}
.os-etapa>span:first-child{font-size:12px;line-height:1.4;color:var(--ink-2);white-space:nowrap}
.os-etapa>strong{font-size:32px;line-height:1.1;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--ink)}
.os-etapa>small{font-size:12px;color:var(--ink-3);white-space:nowrap}
.os-etapa-barra{display:block;height:2px;border-radius:2px;background:var(--track);margin-top:8px;overflow:hidden}
.os-etapa-barra>i{display:block;width:var(--volume);height:100%;background:var(--os-dado);border-radius:inherit;transition:width .3s var(--ease-out)}
.os-etapa[aria-pressed="true"]{background:color-mix(in srgb,var(--os-acento) 4%,var(--surface))}
.os-etapa[aria-pressed="true"]>span:first-child{color:var(--os-acento);font-weight:600}
.os-etapa[aria-pressed="true"] .os-etapa-barra>i{background:var(--os-acento)}
.os-recorte{border-top:1px solid var(--line);margin-top:1px}
.os-recorte-cab{display:flex;align-items:center;gap:16px;padding:17px 2px 0;cursor:pointer;list-style:none}
.os-recorte-cab::-webkit-details-marker,.os-disclosure>summary::-webkit-details-marker{display:none}
.os-recorte-nome{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:1}
.os-recorte-nome>b{font-size:14px;font-weight:600;color:var(--ink)}
.os-recorte-nome>span{font-size:12px;color:var(--ink-3)}
.os-recorte-cab>strong{display:grid;gap:2px;text-align:right;font-size:18px;font-weight:600;color:var(--os-dado);font-variant-numeric:tabular-nums}
.os-recorte-cab>strong>small{font-size:12px;font-weight:400;color:var(--ink-3)}
.os-recorte-cab>.ic{width:14px;height:14px;flex:none;color:var(--ink-3);transition:transform .2s}
.os-recorte[open]>.os-recorte-cab>.ic{transform:rotate(90deg)}
.os-recorte[open]>.os-recorte-cab{padding-bottom:15px}
.os-recorte-lista{animation:os-revelar .2s var(--ease-out) both}
.os-conta-foco{display:flex;align-items:center;gap:12px;padding:13px 2px;width:100%;text-align:left;border-bottom:1px solid var(--line-soft);border-radius:5px;transition:background .18s}
.os-conta-foco:hover{background:var(--hover)}
.os-conta-marca{display:grid;place-items:center;width:38px;height:38px;flex:none}
.os-conta-marca>.ficha-logo{border-radius:10px;box-shadow:none}
.os-conta-marca>.marca-logo{border:0;background:var(--surface)!important}
.os-conta-texto{display:grid;gap:4px;flex:1;overflow:hidden}
.os-conta-texto>b{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.os-conta-texto>small{color:var(--ink-3);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.os-conta-valor{display:grid;gap:3px;color:var(--ink);font-size:14px;font-weight:500;text-align:right;flex:none;font-variant-numeric:tabular-nums}
.os-conta-valor>small{font-size:12px;color:var(--ink-3);font-weight:400}
.os-conta-foco>.ic{width:14px;height:14px;color:var(--ink-3);flex:none;opacity:.7}
.os-recorte>.os-link,.os-foco>.os-link{margin-top:14px}
.os-foco-tabs{display:flex;flex-wrap:wrap;gap:4px 15px;margin:0 0 10px}
.os-foco-tabs>button{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 0;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--ink-3);background:transparent;font-size:12px;transition:color .2s,border-color .2s}
.os-foco-tabs>button>span{font-size:12px}
.os-foco-tabs>button:is(:hover,[aria-pressed="true"]){color:var(--ink)}
.os-foco-tabs>button[aria-pressed="true"]{border-bottom-color:var(--os-acento)}
.os-foco-lista{animation:os-revelar .2s var(--ease-out) both}
.os-foco-total{font-size:12px;color:var(--ink-3)}
.os-sem-itens{font-size:13px;color:var(--ink-3);line-height:1.6;padding:20px 0}
.os-meses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.os-meses>button{display:grid;gap:7px;padding:12px;border:0;border-bottom:2px solid transparent;border-radius:7px 7px 0 0;background:transparent;text-align:left;transition:background .2s,border-color .2s}
.os-meses>button+button{border-left:1px solid var(--line-soft)}
.os-meses>button:hover{background:var(--hover)}
.os-meses>button>span:first-child{text-transform:capitalize;font-size:13px;color:var(--ink-2)}
.os-meses>button>strong{font-size:28px;line-height:1.1;letter-spacing:-.025em;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.os-meses>button>small{font-size:12px;line-height:1.4;color:var(--os-dado)}
.os-meses>button>.os-mes-commit{font-size:12px;color:var(--ink-3);margin-top:-3px;line-height:1.4}
.os-meses>button>.os-mes-base{font-size:12px;color:var(--ink-3);margin-top:3px;line-height:1.4}
.os-meses>button[aria-pressed="true"]{border-bottom-color:var(--os-dado);background:var(--surface)}
.os-mes-itens{margin-top:15px;animation:os-revelar .2s var(--ease-out) both}
.os-mes-itens>button{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 2px;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--ink)}
.os-mes-itens>button:hover{background:var(--hover)}
.os-mes-itens>button>span{display:grid;gap:4px;flex:1}
.os-mes-itens>button>span>small{font-size:12px;line-height:1.4;color:var(--ink-3)}
.os-mes-itens time{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-2)}
.os-mes-itens .ic{width:14px;height:14px;color:var(--ink-3)}
.os-projecao-rodape{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;line-height:1.5;color:var(--ink-3);padding-top:17px;margin-top:8px}
.os-projecao-rodape b{color:var(--ink-2);font-weight:600}
.os-projecao-rodape>span:last-child{width:100%}
.os-next .os-agora{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.os-next .os-agora h3{font-size:13px;padding-bottom:10px;margin-bottom:3px;letter-spacing:0;text-transform:none}
.os-next .os-compromisso{gap:10px;padding:13px 0}
.os-next .os-compromisso-texto>b{font-size:14px;font-weight:600}
.os-next .os-compromisso-texto>small,.os-next .os-compromisso-quando{font-size:12px;line-height:1.4}
.os-next .os-compromisso-quando{max-width:80px}
.os-next .os-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin-top:28px;padding:0;border:0;align-items:start}
.os-next .os-disclosure{padding:0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.os-next .os-entregas{grid-column:1/-1;margin-top:4px}
.os-next .os-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:21px 0;min-height:60px;cursor:pointer;list-style:none}
.os-next .os-disclosure>summary h2{font-size:18px}
.os-next .os-disclosure>summary>.ic{width:14px;height:14px;flex:none;color:var(--ink-3);transition:transform .2s}
.os-next .os-disclosure[open]>summary>.ic{transform:rotate(90deg)}
.os-next .os-disclosure-corpo{padding:0 0 22px;animation:os-revelar .2s var(--ease-out) both}
.os-next .os-disclosure-link{display:flex;justify-content:flex-end;margin-top:-6px;margin-bottom:10px}
.os-next .os-agente{gap:12px;padding:13px 0}
.os-next .os-agente-icone{width:24px;height:28px}
.os-next .os-agente-icone>.ic{width:19px;height:19px}
.os-next .os-agente-texto>b{font-size:14px;font-weight:600}
.os-next .os-agente-texto>small,.os-next .os-status{font-size:12px}
.os-next .os-aviso{padding:12px;font-size:12px;margin:0 0 10px}
.os-next .os-feitos>li{gap:12px;padding-bottom:22px}
.os-next .os-feito-texto>p{font-size:14px;line-height:1.5}
.os-next .os-feito-texto>small,.os-next .os-feito-texto>time{font-size:12px}
.os-next .os-estado{gap:10px;padding:12px 0;font-size:13px}
.os-next .os-estado b{font-size:14px;color:var(--ink-2)}
.os-next .os-estado p{font-size:13px;line-height:1.6;max-width:55ch}
.os-next .os-carregando{font-size:13px;padding:12px 0;gap:10px}
.os-next .os-carregando i{height:6px;animation:os-souffle 1.4s ease-in-out infinite}
.os-next .os-carregando i:nth-of-type(2){animation-delay:.12s}
.os-next .os-carregando i:nth-of-type(3){animation-delay:.24s}
.os-next .os-entregas-vazio{padding:0;border:0;background:none;border-radius:0}
.os-next .os-entregas-vazio>b{font-size:14px}
.os-next .os-entregas-vazio>p{font-size:13px;line-height:1.6;margin:8px 0;max-width:65ch}
.os-next .os-entrega{gap:12px;padding:14px 0}
.os-next .os-entrega-corpo>b{font-size:14px}
.os-next .os-entrega-corpo>small,.os-next .os-entrega-meta,.os-next .os-entrega-acao{font-size:12px}
.os-next .os-entregas-grupo>h3{font-size:13px;letter-spacing:0;text-transform:none}
.os-next .os-decisoes .pedido-titulo{font-size:14px}
.os-next .os-decisoes :is(.pedido-sub,.pedido-validade,small){font-size:12px}
.os-next .os-rail-nota{grid-column:1/-1;font-size:12px;padding:12px 0}
.os-next :is(button,a,summary):focus-visible{outline:2px solid var(--os-acento);outline-offset:3px}
.os-next :is(.os-etapa,.os-sinal):focus-visible{outline-offset:-3px}
.os-hero :is(button,a,textarea):focus-visible{outline-color:#ff8b91}
.os-next [data-os-slot="forecast"]:empty{display:none}
@keyframes os-emergir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes os-presenca{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes os-revelar{from{opacity:.6;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@keyframes os-rotacao{to{transform:rotate(360deg)}}
@keyframes os-souffle{0%,100%{opacity:.5}50%{opacity:1}}
@media(min-width:1450px){
  .os-hero{grid-template-columns:minmax(0,1fr) 380px}
  .os-presenca-hero{margin-right:44px}
  .os-next .os-personagem{width:250px;height:264px}
  .os-presenca-halo{width:310px;height:310px}
}
@media(max-width:1150px){
  .os-hero{grid-template-columns:minmax(0,1fr) 235px}
  .os-hero-conteudo{padding:24px}
  .os-next .os-personagem{width:208px;height:232px}
  .os-presenca-hero{margin-right:14px}
  .os-presenca-halo{width:230px;height:230px}
  .os-movimentos{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  .os-next .os-agora{grid-template-columns:minmax(0,1fr);gap:20px}
  .os-fluxo,.os-foco,.os-projecao{padding:24px}
  .os-sinal{padding:15px 24px}
  .os-meses>button{padding:12px 9px}
  .os-meses>button>strong{font-size:25px}
}
@media(max-width:950px){
  .os-next .os-principal{grid-template-columns:minmax(0,1fr);gap:26px}
  .os-movimentos{gap:26px}
  .os-foco{height:auto}
  .os-next .os-atalhos{gap:0 18px}
  .os-next .os-area-texto>small{display:none}
  .os-next .os-area{padding:8px 3px;gap:9px}
  .os-etapas{grid-auto-columns:minmax(112px,1fr)}
}
@media(max-width:680px){
  .os-next{padding:0 0 28px}
  .os-next .os-abertura{margin-bottom:13px;gap:12px}
  .os-next .os-sobretitulo{display:grid;gap:3px;font-size:13px}
  .os-next .os-sobretitulo>span{padding:0;border:0;font-size:12px}
  .os-next .os-atualizacao>span{display:none}
  .os-next .os-atualizar{font-size:12px;min-height:36px;width:auto;height:auto;padding:7px 0 7px 8px;gap:6px}
  .os-hero{grid-template-columns:minmax(0,1fr);border-radius:15px}
  .os-hero-conteudo{padding:21px 20px 17px}
  .os-hero-saudacao{font-size:13px}
  .os-next .os-hero h1{font-size:36px;line-height:1.05;max-width:80%;margin:10px 0 18px}
  .os-presenca-hero{position:absolute;right:4px;top:27px;width:85px;min-height:115px;height:115px;margin:0}
  .os-next .os-personagem{width:94px;height:112px;filter:drop-shadow(0 12px 10px #0007)}
  .os-presenca-halo,.os-presenca-legenda{display:none}
  .os-next .os-pedido{padding:14px 12px;gap:12px}
  .os-next .os-pedido textarea{font-size:16px;min-height:44px}
  .os-next .os-pedido-rodape{padding-left:0}
  .os-next .os-pedido-rodape>span{font-size:12px}
  .os-next .os-pedido-rodape>.btn{height:40px;min-height:40px;font-size:13px;padding:0 12px}
  .os-next .os-sugestoes{gap:4px 14px}
  .os-next .os-sugestoes>button{font-size:12px;padding:5px 0;min-height:36px}
  .os-sinal{padding:14px 12px;min-height:116px;gap:6px}
  .os-sinal-topo{font-size:12px;line-height:1.35;align-items:start;gap:0}
  .os-sinal-topo>.ic{display:none}
  .os-sinal>strong{font-size:22px}
  .os-sinal-detalhe{font-size:12px;line-height:1.4}
  .os-sinal-vazio{padding:16px 20px}
  .os-next .os-atalhos{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:10px 0 20px}
  .os-next .os-area-texto>b{font-size:13px}
  .os-next .os-area-icone{width:22px}
  .os-next .os-area-icone>.ic{width:18px;height:18px}
  .os-next .os-area-seta{display:none}
  .os-next .os-principal{gap:24px}
  .os-movimentos{grid-template-columns:minmax(0,1fr);gap:27px}
  .os-next .os-secao-topo{margin-bottom:15px;gap:8px;align-items:center}
  .os-next .os-secao-topo h2{font-size:20px;max-width:24ch}
  .os-next .os-link{font-size:12px;min-height:36px}
  .os-fluxo,.os-foco,.os-projecao{padding:20px 16px;border-radius:12px}
  .os-etapas{grid-auto-columns:112px;margin-right:-16px;padding-right:16px}
  .os-etapa{padding:13px 12px}
  .os-etapa>strong{font-size:30px}
  .os-recorte-cab{gap:10px}
  .os-recorte-nome{display:grid;gap:3px}
  .os-recorte-nome>b{font-size:13px}
  .os-recorte-cab>strong{font-size:16px}
  .os-conta-foco{gap:10px;padding:12px 0}
  .os-conta-texto>b{font-size:14px}
  .os-conta-texto>small{font-size:12px}
  .os-conta-valor{font-size:13px}
  .os-conta-foco>.ic{display:none}
  .os-foco-tabs{gap:4px 13px}
  .os-foco-tabs>button{font-size:12px;min-height:36px}
  .os-meses>button{padding:12px 9px;gap:7px}
  .os-meses>button>strong{font-size:24px}
  .os-meses>button>span:first-child{font-size:12px}
  .os-next .os-agora{grid-template-columns:minmax(0,1fr);gap:22px}
  .os-next .os-rail{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}
  .os-next .os-disclosure>summary{padding:20px 0;min-height:62px}
  .os-next .os-entregas{margin-top:0}
  .os-next .os-entrega-meta{max-width:none}
}
@media(max-width:380px){
  .os-next .os-hero h1{font-size:35px}
  .os-presenca-hero{top:29px;width:70px;right:0}
  .os-next .os-personagem{width:78px;height:100px}
  .os-hero-conteudo{padding:22px 16px 18px}
  .os-sinal{padding:13px 9px}
  .os-sinal>strong{font-size:20px}
  .os-next .os-pedido-rodape>span>.ic{display:none}
  .os-meses>button{padding:11px 7px}
  .os-meses>button>strong{font-size:22px}
  .os-conta-valor{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .os-next,.os-next *,.os-next *::before,.os-next *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .os-next .os-pedido-rodape>.btn:hover{transform:none}
}
@media(forced-colors:active){
  .os-hero,.os-next .os-pedido{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}
  .os-hero::before,.os-hero::after,.os-presenca-halo,.os-next [data-os-surface]::before{display:none}
  .os-hero h1,.os-hero h1>span,.os-hero-saudacao,.os-presenca-legenda,.os-presenca-marca,.os-sinal,.os-sinal-topo,.os-sinal-detalhe,.os-sinal-pipeline>strong,.os-next .os-pedido textarea,.os-next .os-pedido-rodape>span,.os-next .os-sugestoes>button{color:CanvasText}
  .os-fluxo,.os-foco,.os-projecao{background:Canvas;box-shadow:none;border:1px solid CanvasText}
  .os-etapa[aria-pressed="true"],.os-meses>button[aria-pressed="true"],.os-foco-tabs>button[aria-pressed="true"]{outline:2px solid Highlight;background:Canvas;color:CanvasText}
  .os-next :is(button,a,summary):focus-visible{outline-color:Highlight}
}