:root{--tinta:#1d2430;--suave:#5b6573;--linha:#e2e5ea;--fundo:#f6f7f9;--marca:#0f4c81;--marca2:#0b3a63;--ok:#1e7b34;--alerta:#a86500;--erro:#b3261e}
*{box-sizing:border-box}
body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--tinta);background:var(--fundo)}
.caixa{max-width:1080px;margin:0 auto;padding:0 20px}
.topo{background:#fff;border-bottom:1px solid var(--linha)}
.topo .caixa{display:flex;align-items:center;gap:22px;height:58px}
.marca{font-size:18px;color:var(--tinta);text-decoration:none;letter-spacing:.2px}.marca b{color:var(--marca)}
.topo nav{display:flex;gap:16px;flex:1}.topo nav a{color:var(--suave);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.topo nav a.ativo,.topo nav a:hover{color:var(--tinta);border-color:var(--marca)}
.linguas a{color:var(--suave);text-decoration:none;font-size:13px;margin-left:8px}.linguas a.ativo{color:var(--marca);font-weight:700}
.sair{margin:0}
main.caixa{padding-top:26px;padding-bottom:40px}
h1{font-size:24px;margin:0 0 14px}h2{font-size:17px;margin:0 0 10px}h3{font-size:14px;margin:18px 0 8px;color:var(--suave);text-transform:uppercase;letter-spacing:.5px}
a{color:var(--marca)}
.cartao{background:#fff;border:1px solid var(--linha);border-radius:10px;padding:18px 20px;margin:0 0 16px}
.cartao.estreito{max-width:440px;margin:40px auto}
.cartao.perigo{border-color:#f0c9c6}
.cabeca{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cabeca h1{margin:0}
.botao{display:inline-block;background:var(--marca);color:#fff;border:0;border-radius:8px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.botao:hover{background:var(--marca2)}.botao.secundario{background:#fff;color:var(--marca);border:1px solid var(--marca)}
.botao.perigo{background:var(--erro)}.ligacao{background:none;border:0;color:var(--suave);font:inherit;cursor:pointer;padding:0}
.formulario label,.cartao>form>label{display:block;margin:0 0 14px;font-weight:600}
input[type=email],input[type=url],input:not([type]),input[type=text],textarea,select{display:block;width:100%;margin-top:5px;padding:9px 10px;border:1px solid #c9ced6;border-radius:7px;font:inherit;font-weight:400;background:#fff}
input[type=file]{display:block;margin-top:6px;font-weight:400}
label small,.peq{color:var(--suave);font-size:13px;font-weight:400}
fieldset{border:1px solid var(--linha);border-radius:8px;margin:0 0 14px;padding:10px 14px}legend{font-weight:600;padding:0 4px}
.opcao{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;padding:7px 0;margin:0!important;border-bottom:1px solid #f0f1f3}
.opcao:last-of-type{border-bottom:0}.opcao input{margin-top:4px}.preco{display:block;color:var(--marca);font-weight:600}
.linha{display:flex;gap:8px;align-items:center;margin:8px 0}.linha input{margin:0;flex:1}
.aviso{padding:10px 12px;border-radius:7px;background:#fff6e5;border:1px solid #f1d39b;color:#6b4500}
.aviso.ok{background:#eaf6ec;border-color:#b7dfbf;color:#174f25}.aviso.erro{background:#fdecea;border-color:#f3c0bb;color:#7d1a13}
.tabela{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--linha);border-radius:10px;overflow:hidden;margin-bottom:16px}
.tabela th,.tabela td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--linha);vertical-align:middle}.tabela th{font-size:12px;color:var(--suave);text-transform:uppercase;letter-spacing:.4px;background:#fafbfc}
.etiqueta{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:600;background:#eef1f5;color:#3a4350;white-space:nowrap}
.e-entregue,.e-aprovado{background:#e3f3e6;color:var(--ok)}.e-para_revisao,.e-correcao{background:#fff1d9;color:var(--alerta)}
.e-a_produzir,.e-recebido{background:#e6effa;color:var(--marca)}.e-falhou,.e-cancelada{background:#fdecea;color:var(--erro)}
.etapas{display:flex;list-style:none;padding:0;margin:8px 0 4px;counter-reset:e}
.etapas li{flex:1;position:relative;padding:28px 4px 0;text-align:center;font-size:13px;color:var(--suave)}
.etapas li::before{counter-increment:e;content:counter(e);position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:24px;line-height:24px;border-radius:50%;background:#dfe3e8;color:#fff;font-weight:700;font-size:12px;z-index:1}
.etapas li::after{content:"";position:absolute;top:11px;left:-50%;width:100%;height:2px;background:#dfe3e8}.etapas li:first-child::after{display:none}
.etapas li.feito{color:var(--tinta)}.etapas li.feito::before,.etapas li.feito::after{background:var(--marca)}
.etapas li.atual{color:var(--marca);font-weight:700}.etapas li.atual::before{background:var(--marca);box-shadow:0 0 0 4px #cfe0f2}
.grelha{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.grelha img{width:100%;border-radius:6px;border:1px solid var(--linha);display:block}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.videos figure{margin:0}.videos video{width:100%;border-radius:6px;background:#000}
.videos figcaption{font-size:12px;color:var(--suave)}
.v360{position:relative;max-width:420px;cursor:grab;user-select:none;touch-action:pan-y;border:1px solid var(--linha);border-radius:8px;overflow:hidden}
.v360 img{width:100%;display:block}.v360 span{position:absolute;right:8px;bottom:8px;background:#000a;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}
.lista{padding-left:18px;margin:6px 0}.lista li{margin:3px 0}
code{font-size:12.5px;background:#f0f2f5;padding:1px 5px;border-radius:4px;word-break:break-all}
textarea[readonly]{font:12.5px/1.4 ui-monospace,monospace;background:#fafbfc}
.vazio{color:var(--suave);padding:30px 0}
.rodape{color:var(--suave);font-size:12.5px;padding-bottom:30px}
details pre{font-size:12px;background:#fafbfc;padding:10px;border-radius:6px;overflow:auto;max-height:260px}
@media(max-width:640px){.topo .caixa{flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:8px}.tabela{font-size:13.5px}.etapas li{font-size:11px}}
.opcao .req{display:block;color:#5b6270}