/* cmsms stylesheet: Design modified: quinta-feira, 15 de fevereiro de 2024 23:58:09 */
.uk-background-primary,
.uk-card-primary,
.uk-section-primary{
  background-color: #0270b8;
}

.uk-background-azul-claro{
  background-color: #23a9e0;
}

.uk-text-azul-claro{
  color: #23a9e0;
}

.uk-background-cinza{
  background-color: #3a3a3a;
}

.uk-borda-rodape{
  border-top: 5px solid #0270b8;
}

.uk-subnav li a{font-weight: bold;}

a.marca{
  display: block;
  width: 80px;
  padding: 0px;
}

a.marca .regis{
  fill: rgba(0,0,0,.4);
}
/* cmsms stylesheet: CSS modified: quarta-feira, 1 de outubro de 2025 15:33:58 */
:root{
  --brand-900:#0B2B5B; /* azul-marinho */
  --brand-700:#0370b8; /* azul ações */
  --brand-500:#3E7BFF;
  --accent-500:#FF7A21; /* laranja acento */
  --ink-900:#0F172A; /* slate-900 */
  --ink-700:#334155;
  --ink-500:#64748B;
  --ink-300:#CBD5E1;
  --paper:#F8FAFC;
  --radius:16px;
}
html,body{background:var(--paper);color:var(--ink-900)}
.uk-navbar-container{background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(10px)}
.quickbar{gap:.5rem}
.btn-primary{background:var(--brand-700);border:none;border-radius:999px;color:#fff}
.btn-primary:hover{background:#174fc5;color:#fff}
.btn-outline{border-color:var(--brand-700);color:var(--brand-700);border-radius:999px}
.btn-outline:hover{background:var(--brand-700);color:#fff}
.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;background:#fff;border:1px solid var(--ink-300);font-size:.8rem}
.hero{
  position:relative;color:#fff;
  background:linear-gradient(180deg,rgba(11,43,91,.80),rgba(11,43,91,.80)),
             url('https://3alogistica.com.br/uploads/images/conteudo/hero-3express.jpg');
  background-size:cover;background-position:center;
}
.hero h1{font-weight:800;letter-spacing:-.02em}
.glass{background:rgba(255,255,255,.12);backdrop-filter: blur(10px); border:1px solid rgba(255,255,255,.22);}
.card{border-radius:var(--radius);box-shadow:0 10px 30px rgba(2,8,23,.06);background:#fff}
.icon-circle{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:var(--paper);border:1px solid var(--ink-300)}
.section-muted{background:#fff}
.section-dark{background:var(--brand-900);color:#fff}
.uk-input, .uk-select, .uk-textarea{border-radius:12px}
.stat{display:flex;align-items:center;gap:.6rem}
.stat b{font-size:1.1rem}
.floating-whatsapp{position:fixed;right:18px;bottom:18px;z-index:1200}
.floating-whatsapp a{border-radius:999px}
.uk-table th{color:var(--ink-700)}
.shadow-soft{box-shadow:0 6px 24px rgba(2,8,23,.06)}
.uk-navbar-item .uk-button{font-weight:600}
.step{position:relative}
.step:before{content:"";position:absolute;left:24px;top:44px;bottom:-20px;width:2px;background:var(--ink-300)}
.step:last-child:before{display:none}
.pod-badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}

.badge{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .6rem;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px)}
.timeline-step{position:relative;padding-left:2.25rem}
.timeline-step:before{content:"";position:absolute;left:.85rem;top:.35rem;bottom:-1.25rem;width:2px;background:var(--ink-300)}
.timeline-step:last-child:before{display:none}
        
a.marca{
  display: block;
  width: 80px;
  padding: 0px;
}
a.marca .regis{
  fill: rgba(0,0,0,.4);
}
