/* =========================================================
   HOME · PREMIUM APP ENTRY
   ========================================================= */

.za-home-container{
  min-height:100vh;
}

.za-home-shell{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding-bottom:96px;
}

.za-home-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#38bdf8;
  font-size:11px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.za-home-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(56,189,248,.22), transparent 46%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  box-shadow:0 18px 48px rgba(0,0,0,.24);
}

.za-home-hero__copy{
  min-width:0;
  flex:1;
}

.za-home-hero h1{
  margin:8px 0 8px;
  color:var(--za-text);
  font-size:clamp(24px, 7vw, 34px);
  line-height:1;
  letter-spacing:-.04em;
  font-weight:820;
}

.za-home-hero p{
  max-width:460px;
  margin:0;
  color:var(--za-text-soft);
  font-size:13px;
  line-height:1.45;
}

.za-home-hero__meter{
  width:76px;
  min-width:76px;
  height:76px;
  display:grid;
  place-items:center;
  align-content:center;
  border-radius:24px;
  border:1px solid rgba(250,204,21,.32);
  background:linear-gradient(145deg, rgba(250,204,21,.18), rgba(255,255,255,.045));
  color:var(--za-text);
}

.za-home-hero__meter strong{
  display:block;
  font-size:26px;
  line-height:1;
  font-weight:820;
  color:#facc15;
}

.za-home-hero__meter span{
  display:block;
  margin-top:4px;
  color:var(--za-text-soft);
  font-size:10px;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.za-home-actions{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:8px;
}

.za-home-action{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:6px;
  justify-content:center;
  min-height:92px;
  padding:12px 10px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.045);
  color:var(--za-text);
  text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
  transition:transform .14s ease, border-color .14s ease, background .14s ease;
}

.za-home-action:active{
  transform:translateY(1px) scale(.99);
}

.za-home-action.is-primary{
  border-color:rgba(250,204,21,.30);
  background:linear-gradient(145deg, rgba(250,204,21,.16), rgba(255,255,255,.04));
}

.za-home-action span{
  font-size:20px;
  line-height:1;
}

.za-home-action strong{
  font-size:13px;
  font-weight:780;
  line-height:1.05;
}

.za-home-action small{
  display:block;
  color:var(--za-text-soft);
  font-size:10px;
  font-weight:550;
  line-height:1.2;
}

.za-home-grid{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.za-home-panel,
.za-home-mini{
  border:1px solid rgba(255,255,255,.10);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.062), rgba(255,255,255,.028));
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  padding:16px;
}

.za-home-panel__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.za-home-panel__head h2{
  margin:4px 0 0;
  color:var(--za-text);
  font-size:17px;
  line-height:1.05;
  font-weight:780;
  letter-spacing:-.025em;
}

.za-home-link{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(56,189,248,.24);
  background:rgba(56,189,248,.08);
  color:#38bdf8;
  font-size:11px;
  font-weight:750;
  text-decoration:none;
}

.za-home-match{
  display:flex;
  align-items:center;
  gap:12px;
}

.za-home-match__badges{
  flex:0 0 auto;
}

.za-home-match__teams{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}

.za-home-match__teams strong,
.za-home-match__teams span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--za-text);
  font-size:16px;
  line-height:1.08;
  font-weight:760;
}

.za-home-match__teams span{
  color:var(--za-text-soft);
  font-weight:650;
}

.za-home-match.is-compact .za-home-match__teams strong,
.za-home-match.is-compact .za-home-match__teams span{
  font-size:14px;
}

.za-home-meta{
  margin-top:12px;
  color:#38bdf8;
  font-size:12px;
  font-weight:650;
}

.za-home-reason{
  margin:12px 0 0;
  color:var(--za-text-soft);
  font-size:13px;
  line-height:1.45;
}

.za-home-confidence{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  color:var(--za-text-soft);
  font-size:12px;
  font-weight:650;
}

.za-home-confidence strong{
  color:#38bdf8;
  font-size:13px;
  letter-spacing:.03em;
  font-weight:760;
}


/* RADAR: cada time é uma unidade visual (badge em cima, nome abaixo) */
.za-home-match--radar{
  align-items:flex-start;
  justify-content:flex-start;
  gap:14px;
  margin-top:12px;
}

.za-home-match--radar .za-home-match__team{
  min-width:0;
  width:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:7px;
  text-align:center;
}

.za-home-match--radar .za-home-match__name{
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--za-text);
  font-size:12px;
  line-height:1.15;
  font-weight:720;
}

.za-home-match--radar .za-home-match__vs{
  flex:0 0 auto;
  align-self:center;
  color:var(--za-text-soft);
  font-size:13px;
  line-height:1;
  font-weight:850;
  opacity:.78;
}

.za-home-meta--top{
  margin-top:0;
  margin-bottom:0;
}

.za-home-confidence--radar{
  justify-content:flex-start;
  gap:6px;
}

.za-home-confidence--radar .za-home-confidence__label{
  color:var(--za-text-soft);
}

.za-home-confidence--radar .za-home-confidence__bar{
  margin-left:0;
}

.za-home-confidence--radar .za-help-btn{
  margin-left:2px;
  flex:0 0 auto;
}
.za-home-empty{
  border:1px dashed rgba(255,255,255,.14);
  border-radius:22px;
  padding:16px;
  color:var(--za-text-soft);
  font-size:13px;
  line-height:1.4;
  background:rgba(255,255,255,.025);
}

.za-home-mini{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.za-home-mini .za-home-panel__head{
  margin-bottom:0;
}

.za-home-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
}

.za-home-mini-card{
  min-height:104px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;     /* 👈 centraliza horizontal */
  text-align:center;      /* 👈 centraliza texto */
  gap:7px;
  padding:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  color:var(--za-text);
  text-decoration:none;
}

.za-home-mini-card span{
  font-size:22px;
  line-height:1;
}

.za-home-mini-card strong{
  font-size:14px;
  line-height:1.1;
  font-weight:760;
}

.za-home-mini-card small{
  color:var(--za-text-soft);
  font-size:11px;
  line-height:1.2;
}



@media (max-width: 480px){
  .za-home-shell{
    gap:12px;
  }

  .za-home-hero{
    align-items:stretch;
    padding:16px;
  }

  .za-home-hero__meter{
    width:64px;
    min-width:64px;
    height:64px;
    border-radius:20px;
  }

  .za-home-hero__meter strong{
    font-size:22px;
  }

  .za-home-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .za-home-action{
    min-height:86px;
  }
}


/* Home · Loteca teaser usando o padrão real da página de Loterias */
.za-home-panel--loteca .za-home-panel__head{
  margin-bottom:10px;
}

.za-home-loteca-strategy{
  margin:0;
}

.za-home-loteca-note{
  margin:8px 0 0;
  font-size:12px;
  line-height:1.35;
}

.za-home-loteca-table-wrap{
  margin-top:12px;
  border-radius:16px;
}

.za-home-loteca-table{
  font-size:12px;
}

.za-home-loteca-table th,
.za-home-loteca-table td{
  padding:8px 7px;
}

.za-home-loteca-table th{
  font-size:10px;
}

.za-home-mini-card--arena{
  min-height:86px;
}

@media (max-width: 480px){
  .za-home-loteca-table{
    font-size:11px;
  }

  .za-home-loteca-table th,
  .za-home-loteca-table td{
    padding:7px 5px;
  }
}

/* =========================================================
   HOME · AJUSTE FINO RADAR + LOTECA
   Mantém o CSS premium existente e corrige apenas alinhamento.
   ========================================================= */

/* Radar: centraliza badge + nome dentro do card */
.za-home-match--radar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:12px;
}

.za-home-match--radar .za-home-match__team{
  min-width:0;
  width:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
}

.za-home-match--radar .za-home-match__vs{
  align-self:center;
}

/* Loteca na Home: aproxima Mandante/Visitante do miolo 1-X-2 */
.za-home-loteca-table{
  table-layout:fixed;
}

.za-home-loteca-table th:nth-child(1),
.za-home-loteca-table td:nth-child(1){
  width:36px;
  text-align:center;
}

.za-home-loteca-table th:nth-child(3),
.za-home-loteca-table td:nth-child(3),
.za-home-loteca-table th:nth-child(4),
.za-home-loteca-table td:nth-child(4),
.za-home-loteca-table th:nth-child(5),
.za-home-loteca-table td:nth-child(5){
  width:28px;
  text-align:center;
  padding-left:4px;
  padding-right:4px;
}

/* Mandante encosta visualmente no grupo 1-X-2 */
.za-home-loteca-table th:nth-child(2),
.za-home-loteca-table td:nth-child(2){
  text-align:right;
  padding-right:8px;
}

/* Visitante encosta visualmente no grupo 1-X-2 */
.za-home-loteca-table th:nth-child(6),
.za-home-loteca-table td:nth-child(6){
  text-align:left;
  padding-left:8px;
}

/* Times podem quebrar linha, mas sem estourar nem parecer deslocados */
.za-home-loteca-table td:nth-child(2),
.za-home-loteca-table td:nth-child(6){
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.18;
}

/* Marcações ficam com peso visual igual no centro */
.za-home-loteca-table td:nth-child(3),
.za-home-loteca-table td:nth-child(4),
.za-home-loteca-table td:nth-child(5){
  font-weight:900;
}

@media (max-width:480px){
  .za-home-loteca-table th:nth-child(1),
  .za-home-loteca-table td:nth-child(1){
    width:32px;
  }

  .za-home-loteca-table th:nth-child(3),
  .za-home-loteca-table td:nth-child(3),
  .za-home-loteca-table th:nth-child(4),
  .za-home-loteca-table td:nth-child(4),
  .za-home-loteca-table th:nth-child(5),
  .za-home-loteca-table td:nth-child(5){
    width:26px;
    padding-left:3px;
    padding-right:3px;
  }

  .za-home-loteca-table th:nth-child(2),
  .za-home-loteca-table td:nth-child(2){
    padding-right:6px;
  }

  .za-home-loteca-table th:nth-child(6),
  .za-home-loteca-table td:nth-child(6){
    padding-left:6px;
  }
}