/* uni. cliente | downloads Android e iOS */
.uni-app-download {
  width: min(1120px, calc(100% - 32px));
  margin: 48px auto;
  padding: 32px;
  border-radius: 28px;
  background: linear-gradient(135deg, #000000 0%, #171316 58%, #2a1114 100%);
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
}

.uni-app-download__eyebrow {
  color: #EE1C25;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: lowercase;
  margin: 0 0 10px;
  font-size: 14px;
}

.uni-app-download__title {
  margin: 0;
  font-size: clamp(32px, 4vw, 56px);
  line-height: 1.02;
  font-weight: 900;
}

.uni-app-download__text {
  max-width: 760px;
  color: #d8d2da;
  font-size: 18px;
  line-height: 1.55;
  margin: 18px 0 26px;
}

.uni-app-download__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
}

.uni-app-download__store {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  padding: 14px 18px;
  border-radius: 18px;
  text-decoration: none;
  font-weight: 900;
  box-sizing: border-box;
}

.uni-app-download__store--android {
  background: #ffffff;
  color: #171316;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.uni-app-download__store--ios {
  background: rgba(255,255,255,.08);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.26);
  cursor: default;
}

.uni-app-download__store--android:hover {
  transform: translateY(-1px);
}

.uni-app-download__icon {
  width: 28px;
  height: 28px;
  display: block;
  flex: 0 0 auto;
}

.uni-app-download__store-small {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #6F6874;
  font-weight: 800;
  margin-bottom: 4px;
}

.uni-app-download__store--ios .uni-app-download__store-small {
  color: #bfb8c5;
}

.uni-app-download__store-main {
  display: block;
  font-size: 17px;
  line-height: 1.1;
}

.uni-app-download__note {
  color: #9f96a6;
  font-size: 13px;
  line-height: 1.45;
  margin: 16px 0 0;
}

@media (max-width: 640px) {
  .uni-app-download {
    padding: 24px;
    margin: 32px auto;
    border-radius: 24px;
  }

  .uni-app-download__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .uni-app-download__store {
    justify-content: center;
    text-align: left;
  }
}

/* Correção: impedir retorno dos mini botões do app no rodapé */
.uni-app-footer-download {
  display: none !important;
}


/* PATCH UNI — botões oficiais nas versões desktop e mobile */
.uni-store-badges{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.uni-store-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:210px;
  max-width:100%;
  text-decoration:none;
  line-height:0;
}
.uni-store-badge img{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:640px){
  .uni-store-badges{
    flex-direction:column;
    align-items:stretch;
    gap:12px;
  }
  .uni-store-badge{
    width:100%;
    max-width:260px;
    justify-content:flex-start;
  }
}


/* =========================================================
   PATCH FINAL V5 — badges oficiais, mobile empilhado, iOS inativo e CTAs vermelhos
   ========================================================= */
:root{--uni-red:#EE1C25;}

/* Badges do topo: nunca podem estourar o header */
.top-app-badges{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  max-width:420px !important;
  overflow:visible !important;
}
.top-app-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:148px !important;
  max-width:148px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  line-height:0 !important;
  overflow:hidden !important;
  flex:0 0 148px !important;
}
.top-app-badge img{
  display:block !important;
  width:148px !important;
  max-width:148px !important;
  min-width:0 !important;
  height:auto !important;
  object-fit:contain !important;
}
.top-app-badge--ios.is-disabled,
.uni-store-badge--ios.is-disabled{
  opacity:.42 !important;
  filter:grayscale(1) !important;
  pointer-events:none !important;
  cursor:not-allowed !important;
}

/* CTAs da direita: todos iguais, vermelhos e com canto menos arredondado */
.topbar .menu .btn-nav,
.topbar .menu a.btn-nav,
.btn-enter-network,
.btn-login-nav,
.btn-whatsapp-nav{
  background:var(--uni-red) !important;
  color:#fff !important;
  border:1px solid var(--uni-red) !important;
  border-radius:10px !important;
  min-height:42px !important;
  padding:12px 18px !important;
  font-weight:900 !important;
  box-shadow:0 10px 24px rgba(238,28,37,.22) !important;
}
.topbar .menu .btn-nav:hover,
.btn-enter-network:hover,
.btn-login-nav:hover,
.btn-whatsapp-nav:hover{
  background:#c9151d !important;
  border-color:#c9151d !important;
  color:#fff !important;
}

/* Desktop: logo à esquerda, badges pequenos ao lado, menu/CTAs sem quebrar */
.brand-app-cluster{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  min-width:0 !important;
  flex:0 1 auto !important;
  margin-right:20px !important;
}
.brand-app-cluster .brandmark{
  flex:0 0 auto !important;
}

@media (max-width:1100px){
  .top-app-badge{width:128px !important; max-width:128px !important; flex-basis:128px !important;}
  .top-app-badge img{width:128px !important; max-width:128px !important;}
}

/* Mobile: logo em cima, badges um embaixo do outro e menu sempre visível à direita */
@media (max-width:860px){
  .topbar .container.nav,
  .topbar .nav{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 52px !important;
    grid-template-areas:"brand menu" !important;
    align-items:start !important;
    gap:10px !important;
    padding:16px 18px 12px !important;
    min-height:170px !important;
    overflow:visible !important;
  }
  .brand-app-cluster{
    grid-area:brand !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
  }
  .brand-app-cluster .brandmark,
  .topbar .nav .brand-app-cluster > .brandmark{
    max-width:122px !important;
    width:auto !important;
    margin:0 !important;
  }
  .top-app-badges{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:7px !important;
    width:132px !important;
    max-width:132px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .top-app-badge{
    width:132px !important;
    max-width:132px !important;
    flex:0 0 auto !important;
    overflow:hidden !important;
  }
  .top-app-badge img{
    width:132px !important;
    max-width:132px !important;
  }
  .menu-toggle,
  .topbar .nav > .menu-toggle{
    grid-area:menu !important;
    justify-self:end !important;
    align-self:start !important;
    display:inline-flex !important;
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    margin:0 !important;
    position:relative !important;
    right:auto !important;
    top:auto !important;
    z-index:40 !important;
  }
  .topbar .menu{
    top:170px !important;
    max-height:calc(100vh - 170px) !important;
  }
}

@media (max-width:420px){
  .topbar .container.nav,
  .topbar .nav{
    min-height:160px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
  .top-app-badges{width:118px !important; max-width:118px !important;}
  .top-app-badge{width:118px !important; max-width:118px !important;}
  .top-app-badge img{width:118px !important; max-width:118px !important;}
  .topbar .menu{
    top:160px !important;
    max-height:calc(100vh - 160px) !important;
  }
}

/* Bloco do app no corpo: badges oficiais, Apple inativo */
.uni-store-badges{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}
.uni-store-badge{
  display:inline-flex !important;
  width:210px !important;
  max-width:210px !important;
  padding:0 !important;
  margin:0 !important;
  line-height:0 !important;
  text-decoration:none !important;
}
.uni-store-badge img{
  display:block !important;
  width:210px !important;
  max-width:210px !important;
  height:auto !important;
}
@media (max-width:640px){
  .uni-store-badges{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:10px !important;
  }
  .uni-store-badge,
  .uni-store-badge img{
    width:190px !important;
    max-width:190px !important;
  }
}

/* =========================================================
   PATCH FINAL V7 — mobile com badges lado a lado e respiro menor
   ========================================================= */
@media (max-width:860px){
  .topbar .container.nav,
  .topbar .nav{
    grid-template-columns:minmax(0,1fr) 52px !important;
    gap:10px !important;
    padding:12px 18px 10px !important;
    min-height:136px !important;
    align-items:start !important;
    overflow:visible !important;
  }
  .brand-app-cluster{
    gap:8px !important;
  }
  .brand-app-cluster .brandmark,
  .topbar .nav .brand-app-cluster > .brandmark{
    max-width:118px !important;
  }
  .top-app-badges{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:auto !important;
    max-width:292px !important;
    margin:0 !important;
    overflow:visible !important;
  }
  .top-app-badge{
    width:130px !important;
    max-width:130px !important;
    flex:0 0 130px !important;
  }
  .top-app-badge img{
    width:130px !important;
    max-width:130px !important;
  }
  .topbar .menu{
    top:136px !important;
    max-height:calc(100vh - 136px) !important;
  }
}

@media (max-width:390px){
  .topbar .container.nav,
  .topbar .nav{
    padding-left:14px !important;
    padding-right:14px !important;
    min-height:130px !important;
  }
  .top-app-badges{
    gap:7px !important;
    max-width:260px !important;
  }
  .top-app-badge{
    width:122px !important;
    max-width:122px !important;
    flex-basis:122px !important;
  }
  .top-app-badge img{
    width:122px !important;
    max-width:122px !important;
  }
  .topbar .menu{
    top:130px !important;
    max-height:calc(100vh - 130px) !important;
  }
}

@media (max-width:360px){
  .top-app-badge{
    width:112px !important;
    max-width:112px !important;
    flex-basis:112px !important;
  }
  .top-app-badge img{
    width:112px !important;
    max-width:112px !important;
  }
}