/* ===== PALETA ATUALIZADA: AGUMON + CHARMANDER ===== */
#pokedigi-home{
  --brand1:#ff7a3d; /* laranja charmander */
  --brand2:#d94e2f; /* magma */
  --brand3:#2b0f0a; /* carvão/ember escuro */
  --warm-glow:#ff7a3d;
  --cool-glow:#00e0c6; /* só para digimon quando precisar */
  --text:#f5ede7; --muted:#c8b9b2; --card:#140e0c; --ink:#0b0908; --ink-2:#120d0b;
  /* mantém variáveis antigas apontando para a paleta quente */
  --blue:var(--brand1); --blue-2:#ffc48f; --dig:#ff9b6a; --poke:#ffd166;
  color:#fff;
  /* Background geral da página */
  background: linear-gradient(180deg, #ff7a3d 0%, #d94e2f 50%, #2b0f0a 100%), url('/layout/images/pokedigi/background.png') center/cover no-repeat fixed;
  background-blend-mode: multiply;
}

/* REMOVE fundo sólido das seções para mostrar o background geral */
#pokedigi-home .showcase,
#pokedigi-home .dex,
#pokedigi-home .status-ranking,
#pokedigi-home .video {
  background: rgba(15, 10, 8, 0.85); /* fundo escuro semi-transparente */
}

/* Opcional: manter leve gradiente transparente */
#pokedigi-home .dex {
  background: linear-gradient(
    90deg,
    rgba(19, 12, 9, 0.85) 0%,
    rgba(22, 14, 11, 0.85) 50%,
    rgba(19, 12, 9, 0.85) 100%
  );
}


/* ===== HERO SPLIT | imagens decorativas ATRÁS e cobrindo tudo ===== */
#pokedigi-home .hero-split{
  position: relative;
  min-height: 78vh;
  overflow: hidden;            /* evita scroll lateral */
}

/* camadas acima (conteúdo/vel) */
#pokedigi-home .hero-split .veil,
#pokedigi-home .hero-split .hero-content,
#pokedigi-home .hero-split .badge{
  position: relative;
  z-index: 3;
}

/* imagens decorativas ficam por TRÁS */
#pokedigi-home .hero-split .hero-extra{
  position: absolute;
  z-index: 1;                  /* atrás do veil/conteúdo */
  pointer-events: none;
  user-select: none;
  image-rendering: auto;
}

/* Agumon (esquerda) – cobre a altura toda */
#pokedigi-home .hero-split .hero-extra.hero-left{
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: auto;
  max-width: none;
}

/* Rachadura (meio) – levemente maior p/ não faltar */
#pokedigi-home .hero-split .hero-extra.hero-middle{
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 110%;
  width: auto;
  max-width: none;
}

/* SHOWCASE full-bleed (corrige faixas laterais) */
.showcase{
  position: relative;
  width: 100dvw;                          /* largura real da viewport */
  margin-left: calc(50% - 50dvw);         /* escapa do container central */
  min-height: 100vh;
  background: linear-gradient(180deg, rgba(0,0,0,.65) 0%, rgba(0,0,0,.45) 100%),
              url('/layout/images/pokedigi/fundo.png') center center / cover no-repeat;
}
@supports not (width: 100dvw){
  .showcase{ width:100vw; margin-left:calc(50% - 50vw); } /* fallback */
}
/* opcional para evitar scroll horizontal em alguns browsers */
body{ overflow-x:hidden; }


/* === POKÉMON SHOWCASE (full width) === */
.poke-showcase{
  position:relative;
  width:100vw; margin-left:calc(50% - 50vw);
  min-height:80vh; display:flex; align-items:center;
  background: linear-gradient(180deg, rgba(0,0,0,.65), rgba(0,0,0,.45)),
              url('/layout/images/pokedigi/fundo.png') center/cover no-repeat;
  overflow: clip;
}
.poke-showcase .wrap{
  width:min(1200px,92%); margin:0 auto; padding:56px 0;
  display:grid; grid-template-columns:repeat(2,minmax(320px,1fr)); gap:28px;
}

/* cards estilo “glass” */
.poke-card{
  background: rgba(15,15,22,.56);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px; backdrop-filter:blur(6px);
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  overflow:hidden; transition:.25s ease;
}
.poke-card:hover{ transform:translateY(-4px); box-shadow:0 18px 40px rgba(0,0,0,.45); }
.poke-card header{ padding:18px 20px 0; }
.poke-card h3{ margin:6px 0 2px; font-size:22px; letter-spacing:.3px; color:var(--accent,#ffd400);}
.poke-card .body{ display:flex; gap:18px; align-items:center; padding:14px 18px 18px; }
.poke-card .sprite{ width:140px; height:140px; background:center/contain no-repeat; filter:drop-shadow(0 6px 12px rgba(0,0,0,.6)); flex:0 0 140px; }
.poke-card .moves{ margin:0 0 12px; padding-left:18px; line-height:1.35 }
.poke-card footer{ height:6px; }
.poke-card.pikachu{ --accent:#ffd400; }
.poke-card.charizard{ --accent:#ff6a00; }
.poke-card.pikachu footer{ background:linear-gradient(90deg,#ffd400,rgba(255,212,0,0)); }
.poke-card.charizard footer{ background:linear-gradient(90deg,#ff6a00,rgba(255,106,0,0)); }

/* mini pokédex grid */
.pokedex{
  display:grid; grid-template-columns:repeat(4,minmax(120px,1fr)); gap:14px; margin-top:10px;
}
.pokedex .mon{
  background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  border-radius:12px; padding:10px; text-align:center;
}
.pokedex .mon .thumb{ width:100%; aspect-ratio:1/1; background:center/contain no-repeat; margin-bottom:6px; }
.pokedex .mon .name{ font-size:14px; color:#fff; opacity:.92 }

/* responsivo */
@media (max-width:900px){ .poke-showcase .wrap{ grid-template-columns:1fr; } }
@media (max-width:560px){ .poke-card .body{ flex-direction:column; text-align:center } .poke-card .sprite{ width:160px;height:160px; } }


/* Ajuste final para mover a logo para a rachadura */
#pokedigi-home .hero-split .half.left .brand {
  margin-left: 40px !important; /* desloca para direita */
  margin-right: 0 !important;   /* remove centralização automática */
}
.hero-split .half.left .brand {
  transform: translateX(185px) !important;
}

.hero-split .half.left .brand {
  position: absolute; /* tira do fluxo normal */
  left: 50%; /* posiciona no meio da tela */
  top: 50px; /* ajusta verticalmente */
  transform: translateX(-50%); /* centraliza no ponto da rachadura */
  z-index: 10; /* garante que fique sobre a rachadura */
}

.hero-split {
  position: relative; /* referência para o posicionamento absoluto */
}

.hero-split .brand {
  position: absolute;
  top: 50%; /* verticalmente no meio */
  left: 50%; /* horizontalmente no meio */
  transform: translate(-50%, -50%); /* centraliza exatamente */
  z-index: 20; /* garante que fique sobre a rachadura e personagens */
}


@media (max-width: 720px) {
  #pokedigi-home .hero-split .half.left .brand {
    margin-left: auto !important;
    margin-right: auto !important; /* no mobile volta centralizado */
  }
}

/* Força a logo a ficar mais à direita (na rachadura) */
.hero-split .half.left .brand {
  position: relative !important;
  left: 40px !important; /* Ajuste o valor até alinhar na rachadura */
}

.hero-split .half.left .brand {
  transform: translateX(240px) !important; /* move 40px para a direita */
}


/* Charmander (direita) – cobre a altura toda */
#pokedigi-home .hero-split .hero-extra.hero-right{
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: auto;
  max-width: none;
}

/* opcional: empurra 4% pra fora pra garantir bordas cheias */
@media (min-width: 1100px){
  #pokedigi-home .hero-split .hero-extra.hero-left{ left: -4%; }
  #pokedigi-home .hero-split .hero-extra.hero-right{ right: -4%; }
}

/* mobile: reduz um pouco o tamanho das decorativas */
@media (max-width: 720px){
  #pokedigi-home .hero-split{ grid-template-columns: 1fr; }
  #pokedigi-home .hero-split .hero-extra.hero-left,
  #pokedigi-home .hero-split .hero-extra.hero-right{
    height: 85%;
  }
  #pokedigi-home .hero-split .hero-extra.hero-middle{
    height: 100%;
  }
}



#pokedigi-home *{box-sizing:border-box}
#pokedigi-home a{color:var(--brand1);text-decoration:none}
#pokedigi-home .btn{display:inline-block;padding:12px 20px;border-radius:10px;border:1px solid #ffffff22;background:#ffffff10;color:#fff;backdrop-filter:blur(6px);transition:.2s}
#pokedigi-home .btn:hover{transform:translateY(-2px)}
#pokedigi-home .btn.primary{background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#1a0b07;border-color:transparent;box-shadow:0 0 22px #ff7a3d55}
#pokedigi-home .btn.primary.alt{background:linear-gradient(90deg,#ff9b6a,#ffd166);color:#1a0b07;box-shadow:0 0 22px #ffb46a55}
#pokedigi-home .btn.ghost{background:transparent;border-color:#ffffff44;color:#ffe9d6}
#pokedigi-home .btn.small{padding:8px 14px;border-radius:8px}
#pokedigi-home .btn.tiny{padding:6px 10px;border-radius:8px;margin-right:6px}

/* ===== HERO SPLIT (sutilmente mais quente) ===== */
#pokedigi-home .hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:78vh;background:#000}
#pokedigi-home .hero-split .half{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
#pokedigi-home .hero-split .half.left{background:url('/layout/images/pokedigi/1.png') center/cover no-repeat}
#pokedigi-home .hero-split .half.right{background:url('/layout/images/pokedigi/2.png') center/cover no-repeat}
#pokedigi-home .hero-split .veil{position:absolute;inset:0;background:linear-gradient(180deg,#000000cc,#00000077)}
#pokedigi-home .hero-split .badge{position:absolute;top:20px;left:20px;background:#1f120eaa;border:1px solid #ff7a3d44;padding:6px 10px;border-radius:8px;font-weight:700;letter-spacing:.5px}
#pokedigi-home .hero-split .half.left .badge{color:#ffd166}
#pokedigi-home .hero-split .half.right .badge{color:#ff9b6a}
#pokedigi-home .hero-split .hero-content{position:relative;max-width:560px;padding:30px;text-align:center}
#pokedigi-home .hero-split .brand{max-width:320px;margin:0 auto 16px auto;filter:drop-shadow(0 0 20px #ff7a3d44)}
#pokedigi-home .hero-split h1{margin:0 0 .6rem 0;line-height:1.1}
#pokedigi-home .hero-split h1 span{color:#ffd166}
#pokedigi-home .online-count{text-align:center;color:#ffd166;margin-bottom:10px}
#pokedigi-home .countdown-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px}
#pokedigi-home .count-label{font-size:12px;color:#ffe2c7}
#pokedigi-home .count-box{font-size:28px;font-weight:800;background:#fff4ee;color:#3a1a10;border-radius:12px;padding:10px 18px;box-shadow:0 0 24px #ff7a3d33}
#pokedigi-home .count-date{font-size:12px;color:#ffd8be99}
#pokedigi-home .cta-row{display:flex;gap:12px;justify-content:center;margin-top:14px}

/* ===== SHOWCASE (cards heróis) ===== */
#pokedigi-home .showcase{padding:64px 20px;background:linear-gradient(180deg,#0f0a08 0%,#160e0b 100%);border-top:1px solid #2a150f;border-bottom:1px solid #2a150f;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1100px;margin:0 auto}
#pokedigi-home .spot-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid #3a1e15;background:#150d0b;display:flex;flex-direction:column;min-height:340px}
#pokedigi-home .spot-card header{padding:16px 18px;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#1a0b07}
#pokedigi-home .spot-card .badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#ffffff18;border:1px solid #ffffff33;display:inline-block;margin-bottom:6px;color:#1a0b07}
#pokedigi-home .spot-card h3{margin:0;font-size:24px;color:#1a0b07;text-shadow:0 0 10px #ffffff55}
#pokedigi-home .spot-card .types{color:#381a10;opacity:.9;margin-top:4px;font-weight:700}
#pokedigi-home .spot-card .body{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:14px 18px;align-items:center}
#pokedigi-home .spot-card .sprite{width:150px;height:150px;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:14px;border:1px solid #3a1e15;background-color:#1a0f0c}
#pokedigi-home .spot-card .info{display:flex;flex-direction:column;gap:12px}
#pokedigi-home .spot-card .moves{list-style:disc;padding-left:18px;margin:0;color:#ffe9d6}
#pokedigi-home .spot-card .moves li{margin:2px 0}
#pokedigi-home .spot-card .cta{display:flex;gap:10px;flex-wrap:wrap}
#pokedigi-home .spot-card footer{display:flex;height:6px}
#pokedigi-home .spot-card .accent.a1{background:var(--brand1);flex:1}
#pokedigi-home .spot-card .accent.a2{background:var(--brand2);flex:1}
#pokedigi-home .spot-card .accent.a3{background:var(--brand3);flex:1}

/* 1º CARD COM BACKGROUND */
#pokedigi-home .spot-card.charmander::before{
  content:""; position:absolute; inset:0;
  background-image:var(--bg);
  background-size:cover; background-position:center;
  filter:brightness(.35) saturate(1.2);
}
#pokedigi-home .spot-card.charmander > *{position:relative}
#pokedigi-home .spot-card.charmander header{
  background:linear-gradient(90deg,rgba(255,122,61,.92) 0%, rgba(217,78,47,.92) 60%, rgba(43,15,10,.92) 100%);
  color:#1a0b07;
}

/* Paleta Agumon (laranja -> magma -> teal sutil nas linhas finas) */
#pokedigi-home .spot-card.agumon header{
  background:linear-gradient(90deg,#ffa64d 0%,#d94e2f 60%,#ff9b6a 100%);
}
#pokedigi-home .spot-card.agumon{border-color:#5a2a1c}

/* ===== DEX / demais seções ===== */
#pokedigi-home .dex{padding:64px 20px;background:linear-gradient(90deg,#130c09 0%,#160e0b 50%,#130c09 100%);border-top:1px solid #2a150f;border-bottom:1px solid #2a150f}
#pokedigi-home .dex-head h2{color:#ffd166;margin-bottom:6px}
#pokedigi-home .dex-head p{color:#ffe9d6}
#pokedigi-home .dex-columns{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}
#pokedigi-home .dex-col{background:#1a0f0c;border:1px solid #3a1e15;border-radius:18px;padding:18px;position:relative;overflow:hidden}
#pokedigi-home .dex-col.pokemon{box-shadow:0 0 40px #ff7a3d22 inset}
#pokedigi-home .dex-col.digimon{box-shadow:0 0 40px #ff9b6a22 inset}
#pokedigi-home .dex-title h3{margin:0;color:#ffd8be}
#pokedigi-home .dex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
#pokedigi-home .mon-card{background:#150d0b;border:1px solid #3a1e15;border-radius:14px;padding:12px;display:flex;gap:12px;align-items:center;transition:.15s}
#pokedigi-home .mon-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0006}
#pokedigi-home .mon-card .thumb{width:68px;height:68px;background:#1a0f0c;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:12px;border:1px solid #3a1e15}
#pokedigi-home .mon-card .name{font-weight:800;color:#ffe9d6}
#pokedigi-home .tag{font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid #ffffff22;background:#ffffff12}
#pokedigi-home .tag.fire{background:#ff7a3d1a;border-color:#ff7a3d44;color:#ffb08c}
#pokedigi-home .tag.water{background:#9bd6ff10;border-color:#9bd6ff22;color:#c9e7ff}
#pokedigi-home .tag.ghost{background:#cbaaff10;border-color:#cbaaff22;color:#e8ddff}
#pokedigi-home .tag.elec{background:#ffd1661a;border-color:#ffd16644;color:#ffe7a6}
#pokedigi-home .role{font-size:11px;padding:3px 8px;border-radius:6px;border:1px dashed #ffffff33;background:#ffffff10;color:#ffd8be}

/* STATUS + RANKINGS / VÍDEO */
#pokedigi-home .status-ranking{background:linear-gradient(180deg,#0f0a08 0%,#160e0b 100%);padding:60px 20px}
#pokedigi-home .status-ranking .wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:20px}
#pokedigi-home .status{background:#1a0f0c;border:1px solid #3a1e15;border-radius:16px;padding:18px}
#pokedigi-home .status h3{color:#ffd166;margin-bottom:12px}
#pokedigi-home .status li{border-bottom:1px dashed #3a1e15}
#pokedigi-home .status .on{color:#ffefbd}
#pokedigi-home .ranking{background:#1a0f0c;border:1px solid #3a1e15;border-radius:16px;padding:12px}
#pokedigi-home .tab{background:#2b160f;border:1px solid #3a1e15;color:#ffd8be}
#pokedigi-home .tab.active{background:#3a1e15;border-bottom-color:transparent}
#pokedigi-home .rank-list .n{color:#ffe9d6}
#pokedigi-home .rank-list .v{color:#ffd166;font-weight:700}
#pokedigi-home .video{background:#130c09;padding:60px 20px;border-top:1px solid #2a150f}
#pokedigi-home .video .txt h2{color:#ffd166}

/* ===== MODAL ADO ===== */
.ado-modal{position:fixed;inset:0;display:grid;place-items:center;z-index:9999;transition:.2s;opacity:0;pointer-events:none}
.ado-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}
.ado-backdrop{position:absolute;inset:0;background:#000c;backdrop-filter:blur(3px)}
.ado-box{position:relative;width:min(960px,92vw);height:min(540px,52vh);background:#1a0f0c;border:1px solid #3a1e15;border-radius:16px;box-shadow:0 20px 60px #000a;overflow:hidden}
.ado-close{position:absolute;top:8px;right:8px;border:1px solid #ffffff33;background:#ffffff10;color:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;z-index:2}
.ado-frame{position:absolute;inset:0;padding:14px}
.ado-frame iframe{width:100%;height:100%;border-radius:10px}

/* ===== RESPONSIVO ===== */
@media (max-width:1100px){
  #pokedigi-home .showcase{grid-template-columns:1fr}
  #pokedigi-home .dex-columns{grid-template-columns:1fr}
}
@media (max-width:720px){
  #pokedigi-home .hero-split{grid-template-columns:1fr}
  #pokedigi-home .spot-card .body{grid-template-columns:1fr}
  #pokedigi-home .spot-card .sprite{width:100%;height:180px}
}