/* cmsms stylesheet: Design modified: 03/09/26 09:16:08 */
:root{
  --brand-blue:#1b5799;
  --brand-yellow:#f4e04f;
  --brand-white:#ffffff;

  --ink:#1f2937;
  --muted:#6b7280;

  --bg:#ffffff;
  --surface:#f7fafc;
  --surface-2:#eef5ff;

  --blue-900:#123a66;
  --blue-100:rgba(27,87,153,.10);
  --yellow-100:rgba(244,224,79,.25);

  --radius:16px;
  --shadow:0 10px 24px rgba(15,23,42,.10);
}

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

a.marca .regis{
  fill: rgba(255,255,255,.4);
}

html,body{background:var(--bg); color:var(--ink);}

.uk-border-rounded{border-radius:var(--radius);}

.uk-background-primary,
.uk-section-primary{background-color: var(--brand-blue);}

.uk-background-muted,
.uk-section-muted{background:var(--surface);}

.uk-background-amarelo,
.uk-section-amarelo{background:var(--brand-yellow);}

.uk-light .uk-card-default h3{color: #666;}


.uk-background-amarelo .uk-nav-default>li>a, .uk-text-primary {
    color: var(--brand-blue) !important;
}

.uk-background-amarelo .uk-nav-default>li>a:hover {
    color: var(--blue-900);
}

.uk-background-amarelo .uk-nav-default>li.uk-active>a {
    color: #000
}

.uk-background-amarelo .uk-list-divider>:nth-child(n+2) {
    border-top: 1px solid #b29f17;
}

/* Navbar */
.uk-navbar-container{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid rgba(27,87,153,.08);
}

/* Botões */
.brand-btn-primary{
  background:var(--brand-blue);
  color:#fff;
  border-radius:999px;
  box-shadow:var(--shadow);
}
.brand-btn-primary:hover{background:var(--blue-900); color:#fff;}

.brand-btn-accent{
  background:var(--brand-yellow);
  color:#1a1a1a !important;
  font-weight: bold;
  border-radius:999px;
  box-shadow:var(--shadow);
}
.brand-btn-accent:hover{background:#e9d646; color:#1a1a1a;}

.uk-button-default{
  border-radius:999px;
}

/* Chips / badges de destaque */
.brand-pill{
  border:1px solid rgba(255,255,255,.45);
  background:rgba(244,224,79,.18);
  color:#fff;
  padding:.25rem .85rem;
  border-radius:999px;
  font-size:.85rem;
}

/* Hero mais “folder” */
.brand-hero{
  /* imagem + overlay */
  background:
    radial-gradient(1000px 520px at 18% 25%, rgba(244,224,79,.30), transparent 60%),
    linear-gradient(120deg, rgba(27,87,153,.92), rgba(27,87,153,.40)),
    var(--home-hero-image);
    
  color:#fff;
}

.brand-hero h1, .brand-hero p{color:#fff;}

/* Texto */
.lead-muted{color:var(--muted);}

/* Ícones em “bolacha” */
.feature-icon{
  width:52px; height:52px;
  border-radius:14px;
  background:var(--blue-100);
  display:grid; place-items:center;
  box-shadow:0 8px 20px rgba(27,87,153,.10);
}

/* Cards e sections */
.plan-card{
  border:1px solid rgba(27,87,153,.12);
  border-radius:var(--radius);
  box-shadow:0 10px 24px rgba(15,23,42,.06);
}

.uk-section-soft-blue{background:var(--surface-2);} /* opcional */

/* Footer mais alinhado ao azul do folder */
.uk-footer{
  background:linear-gradient(180deg, var(--blue-900), #0d2b4a);
  color:#eaf2ff;
}
.uk-footer a{color:var(--brand-yellow);}

/* Whats flutuante */
.floating-whats{position:fixed; right:16px; bottom:16px; z-index:999;}
.floating-whats a{
  display:flex; align-items:center; gap:.5rem;
  background:#25D366; color:#fff;
  padding:.75rem 1rem;
  border-radius:999px;
  box-shadow:0 10px 20px rgba(0,0,0,.15);
}
.floating-whats a:hover{background:#1db954; color:#fff;}

/* Sticky CTA */
.sticky-cta{
  position:sticky; top:64px; z-index:900;
  background:linear-gradient(90deg, var(--brand-blue) 0%, var(--blue-900) 100%);
  color:#fff; border-radius:12px;
  padding:.55rem .8rem;
  display:flex; align-items:center; gap:.5rem;
  box-shadow:var(--shadow);
}
.sticky-cta .uk-button{margin-left:auto;}

.uk-logo{width:140px;}

/* Section com onda azul (reutilizável) */
.section-wave{
  position:relative;
  overflow:hidden;
  background:var(--brand-blue);
  color:#fff;
}
.section-wave .wave-inner{position:relative; z-index:2;}
.section-wave .wave-svg{
  position:absolute;
  left:0; right:0;
  bottom:-1px;
  width:100%;
  height:auto;
  z-index:1;
}
.section-wave--top .wave-svg{top:-1px; bottom:auto; transform:rotate(180deg);}

/* HERO com onda recortando a base */
.hero-wave{
  position: relative;
  overflow: hidden;
  color:#fff;

  /* altura flexível e responsiva */
  padding: clamp(48px, 6vw, 96px) 0;
  min-height: clamp(420px, 52vw, 620px);
}

.hero-wave .hero-inner{
  position: relative;
  z-index: 2;
}

/* SVG “cortador” */
.hero-wave .wave-svg{
  position:absolute;
  left:0; right:0;
  width:100%;
  height: clamp(64px, 7vw, 130px); /* altura da onda */
  z-index: 1;
  pointer-events:none;
}

/* onda embaixo (padrão) */
.hero-wave .wave-bottom{ bottom:-1px; }

/* onda em cima */
.hero-wave .wave-top{ top:-1px; transform: rotate(180deg); transform-origin:center; }

/* inverter esquerda <-> direita */
.hero-wave.is-flip-x .wave-svg{
  transform: scaleX(-1);
  transform-origin:center;
}

/* combinar flip-x com wave-top (não “quebra” o rotate) */
.hero-wave.is-flip-x .wave-top{
  transform: rotate(180deg) scaleX(-1);
}


/* Mega: largura fixa desde o início */
.mega-menu {
  width: min(600px, calc(100vw - 40px));
}

/* Coluna direita com altura mínima para não “encolher” */
.mega-menu__right {
  min-height: 250px;
}

/* Placeholder centralizado e bonito */
.mega-menu__placeholder {
  min-height: 250px;
}

/* Hover suave na lista do 3º nível */
.uk-hover-muted:hover {
  background: rgba(0,0,0,.04);
}

/* panes */
.mega-pane { display: none; }
.mega-pane.is-active { display: block; }

/* === Mega panes: animação slide === */
.mega-pane {
  display: none;
}

.mega-pane.is-active {
  display: block;
  animation: megaSlideIn .28s ease;
  transform-origin: left center;
}

@keyframes megaSlideIn {
  from { opacity: 0; transform: translateX(-10px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Coluna direita com altura mínima pra não “pular” */
.mega-menu__right { min-height: 340px; }

/* Active visual no 2º nível */
.mega-left > li.uk-active > a {
  font-weight: 700;
}

.uk-active a{font-weight: bold;}


.uk-navbar-dropdown.nav-2cols{
  width: 520px;     /* ajuste fino: 480 / 520 / 560 */
  max-width: 90vw;  /* não estoura em telas menores */
}

footer .uk-description-list dt{
  color: #FFF;
}

footer .uk-description-list dd,
footer .uk-description-list dd a{
  font-weight: bold;
}

.app-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}

.app-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 165px;
  height: 46px;
  padding: 0 22px;
  border: 2px solid #0d6ea8;
  border-radius: 8px;
  background: #fff;
  color: #1f1f1f!important;
  text-decoration: none;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

.app-btn:hover {
  text-decoration: none;
  background: #f7fbfe;
  transform: translateY(-1px);
}

.app-btn .mdi {
  font-size: 28px;
  color: #1f1f1f;
  line-height: 1;
  display: flex;
  align-items: center;
}

.app-btn__label {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .app-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .app-btn {
    width: 100%;
    min-width: 0;
  }
}