/* Cabal Gallaxy — Guerra das Nações / 3 telas automáticas */
.cg-war-nations{
    position:relative;
    overflow:hidden;
    padding:54px 0 42px;
    min-height:710px;
    border-top:1px solid rgba(61,129,215,.20);
    border-bottom:1px solid rgba(214,168,74,.18);
    background:
      linear-gradient(180deg,rgba(2,9,20,.45),rgba(2,7,15,.72)),
      url('nacoes-galaxy-bg.jpg') center 38%/cover no-repeat;
}
.cg-war-overlay{
    position:absolute;inset:0;pointer-events:none;
    background:
      linear-gradient(90deg,rgba(6,25,55,.25),rgba(3,7,15,.10) 42%,rgba(3,7,15,.10) 58%,rgba(40,6,18,.20)),
      linear-gradient(180deg,rgba(3,11,24,.12),rgba(2,7,15,.72) 96%);
}
.cg-war-wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 36px))}
.cg-war-heading{text-align:center;margin-bottom:28px;text-shadow:0 3px 16px #000}
.cg-war-heading>span{display:block;color:#e3b858;font-size:10px;font-weight:900;letter-spacing:3.2px;margin-bottom:8px}
.cg-war-heading h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,62px);letter-spacing:.01em}
.cg-war-heading h2 em,.cg-war-heading h2 strong{font-style:normal;font-weight:700}
.cg-war-heading h2 em{color:#50b9ff}.cg-war-heading h2 b{color:#e1b354;font-weight:700}.cg-war-heading h2 strong{color:#ff625f}
.cg-war-heading p{margin:10px 0 0;color:#a4b4c9;font-size:12px}

.cg-war-slider{position:relative;width:100%;overflow:hidden;border-radius:14px;border:1px solid rgba(71,132,202,.27);background:rgba(2,8,17,.88);box-shadow:0 28px 70px rgba(0,0,0,.42)}
.cg-war-track{display:flex;flex-flow:row nowrap;width:100%;transition:transform .85s cubic-bezier(.22,.61,.36,1);will-change:transform}
.cg-war-slide{flex:0 0 100%;width:100%;min-width:100%;box-sizing:border-box}
.cg-war-board{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);min-height:430px}
.cg-war-side{padding:25px 30px;min-width:0}
.cg-war-side.capella{background:linear-gradient(110deg,rgba(13,77,161,.46),rgba(4,11,22,.48))}
.cg-war-side.procyon{background:linear-gradient(250deg,rgba(145,19,27,.40),rgba(12,6,13,.48))}
.cg-war-side-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.cg-war-side-head.right{justify-content:flex-end;text-align:right}
.cg-war-side-head img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.45))}
.cg-war-side-head h3{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:29px;line-height:1}
.capella .cg-war-side-head h3{color:#50baff}.procyon .cg-war-side-head h3{color:#ff625f}
.cg-war-side-head small{display:block;margin-top:6px;color:#dbb76b;font-size:8px;font-weight:900;letter-spacing:1.6px}

.cg-war-list{display:grid;gap:5px}
.cg-war-row{display:grid;grid-template-columns:minmax(128px,.95fr) minmax(100px,1.05fr);gap:12px;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(255,255,255,.055);border-radius:5px;background:rgba(0,0,0,.23)}
.cg-war-row span{color:#9dacc0;font-size:10.5px}
.cg-war-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8fc;font-size:11.5px}

.cg-war-vs{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid rgba(215,174,83,.20);border-right:1px solid rgba(215,174,83,.20);background:linear-gradient(180deg,rgba(2,7,15,.94),rgba(5,11,20,.96))}
.cg-war-vs span{width:64px;height:64px;display:grid;place-items:center;border:1px solid rgba(221,178,76,.54);border-radius:50%;font-family:Georgia,serif;color:#ebc56c;font-size:24px;box-shadow:0 0 22px rgba(213,163,52,.08)}
.cg-war-vs small{margin-top:11px;color:#967f52;font-size:7px;font-weight:900;letter-spacing:1.5px}

.cg-war-dominant{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,rgba(55,102,172,.12),transparent 32%),rgba(3,9,18,.95)}
.cg-war-dominant.capella{background:radial-gradient(circle at 50% 45%,rgba(64,169,255,.27),transparent 31%),rgba(3,11,23,.94)}
.cg-war-dominant.procyon{background:radial-gradient(circle at 50% 45%,rgba(255,74,68,.24),transparent 31%),rgba(20,5,10,.94)}
.cg-war-dominant>small{color:#dbb76b;font-size:10px;font-weight:900;letter-spacing:2.4px}
.cg-war-dominant img{width:190px;height:190px;object-fit:contain;margin:10px 0 2px}
.cg-war-dominant h3{margin:0;font-family:Georgia,serif;font-size:46px;color:#edf3fa}
.cg-war-dominant.capella h3{color:#50baff}.cg-war-dominant.procyon h3{color:#ff625f}
.cg-war-dominant p{margin:12px 0 0;color:#879ab2;font-size:12px}

.cg-war-indicators{display:flex;justify-content:center;gap:8px;margin:18px 0 0}
.cg-war-indicators i{width:7px;height:7px;border-radius:50%;background:#26364c;transition:.3s}
.cg-war-indicators i.active{width:24px;border-radius:99px;background:#d9ad52;box-shadow:0 0 12px rgba(217,173,82,.28)}
.cg-war-note{text-align:center;margin:15px 0 0;color:#b2945b;font-size:12px;text-shadow:0 2px 7px #000}

@media(max-width:900px){
  .cg-war-nations{background-position:center top}
  .cg-war-board{grid-template-columns:1fr}
  .cg-war-vs{display:none}
  .cg-war-side-head.right{justify-content:flex-start;text-align:left}
}


/* =========================================================
   PATCH NAÇÕES — integração visual com a Home
   ========================================================= */
.cg-war-nations{
    padding-top:42px !important;
    border-top:0 !important;
    background:
      linear-gradient(180deg,
        rgba(7,19,38,.92) 0%,
        rgba(5,15,31,.45) 11%,
        rgba(3,9,19,.28) 30%,
        rgba(2,7,15,.62) 100%
      ),
      url('nacoes-galaxy-bg.jpg') center 38%/cover no-repeat !important;
}

/* Faz a troca de tema acontecer em degradê, e não como corte seco */
.cg-war-nations::before{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:0;
    height:125px;
    pointer-events:none;
    background:
      linear-gradient(180deg,#071326 0%,rgba(7,19,38,.72) 34%,rgba(7,19,38,.18) 78%,transparent 100%);
}

.cg-war-overlay{
    background:
      radial-gradient(ellipse at 50% 13%,rgba(45,97,171,.14),transparent 36%),
      linear-gradient(90deg,rgba(6,25,55,.18),transparent 40%,transparent 60%,rgba(40,6,18,.15)),
      linear-gradient(180deg,transparent 0%,rgba(2,7,15,.36) 84%,rgba(2,7,15,.67) 100%) !important;
}

/* Título sem parecer uma faixa preta */
.cg-war-heading{
    position:relative;
    padding:8px 18px 4px;
    margin-bottom:24px !important;
}
.cg-war-heading::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:50%;
    width:min(900px,88%);
    height:145px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:
      radial-gradient(ellipse,rgba(7,19,39,.46) 0%,rgba(7,19,39,.18) 43%,transparent 72%);
    filter:blur(7px);
}

/* Painel menos preto/chumbado */
.cg-war-slider{
    border-color:rgba(81,139,204,.24) !important;
    background:rgba(3,10,20,.70) !important;
    box-shadow:
      0 26px 65px rgba(0,0,0,.34),
      0 0 38px rgba(29,92,176,.055) !important;
    backdrop-filter:blur(2px);
}
.cg-war-side.capella{
    background:
      linear-gradient(110deg,rgba(13,77,161,.38),rgba(5,15,29,.40)) !important;
}
.cg-war-side.procyon{
    background:
      linear-gradient(250deg,rgba(145,19,27,.33),rgba(17,8,16,.40)) !important;
}
.cg-war-vs{
    background:
      linear-gradient(180deg,rgba(4,12,23,.76),rgba(5,11,20,.84)) !important;
}
.cg-war-dominant{
    background:
      radial-gradient(circle at 50% 45%,rgba(55,102,172,.13),transparent 34%),
      linear-gradient(180deg,rgba(4,13,26,.76),rgba(3,9,18,.88)) !important;
}


/* =========================================================
   CORREÇÃO FINAL NAÇÕES — TÍTULO INTEGRADO AO FUNDO
   ========================================================= */

.cg-war-nations{
    padding-top:32px !important;
    border-top:0 !important;
}

/* O título não é mais <header>, e também não deve ter fundo de barra */
.cg-war-heading{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
    min-height:0 !important;
    height:auto !important;
    padding:9px 20px 8px !important;
    margin:0 auto 24px !important;
    width:auto !important;
    max-width:980px;
    position:relative;
}

/* halo suave atrás do texto, sem retângulo preto */
.cg-war-heading::before{
    content:"";
    position:absolute;
    z-index:-1;
    left:50%;
    top:50%;
    width:min(900px,95%);
    height:145px;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background:radial-gradient(
       ellipse at center,
       rgba(4,14,29,.52) 0%,
       rgba(4,14,29,.24) 45%,
       transparent 74%
    );
    filter:blur(9px);
}
.cg-war-heading h2{
    text-shadow:
      0 3px 14px rgba(0,0,0,.72),
      0 0 22px rgba(31,112,209,.08) !important;
}
.cg-war-heading p{
    text-shadow:0 2px 8px rgba(0,0,0,.82);
}

/* Remove definitivamente os indicadores do slider */
.cg-war-indicators{
    display:none !important;
}

/* Compensa o espaço que era ocupado pelas bolinhas */
.cg-war-note{
    margin-top:18px !important;
}

/* Entrada da seção mistura com a home em vez de corte seco */
.cg-war-nations::before{
    height:100px !important;
    background:linear-gradient(
      180deg,
      #061326 0%,
      rgba(6,19,38,.72) 34%,
      rgba(6,19,38,.20) 76%,
      transparent 100%
    ) !important;
}


/* PATCH — divisor central mais proporcional e integrado */
.cg-war-board{
    grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr) !important;
}
.cg-war-vs{
    position:relative;
    min-width:150px;
    gap:0;
    background:
      radial-gradient(circle at center,rgba(214,168,65,.075),transparent 44%),
      linear-gradient(180deg,rgba(4,13,26,.72),rgba(3,10,20,.86)) !important;
    border-left:1px solid rgba(214,170,77,.18) !important;
    border-right:1px solid rgba(214,170,77,.18) !important;
}
.cg-war-vs::before,
.cg-war-vs::after{
    content:"";
    position:absolute;
    left:50%;
    width:1px;
    height:26%;
    transform:translateX(-50%);
    background:linear-gradient(180deg,transparent,rgba(218,176,78,.34));
}
.cg-war-vs::before{top:5%}
.cg-war-vs::after{
    bottom:5%;
    transform:translateX(-50%) rotate(180deg);
}
.cg-war-vs span{
    width:76px !important;
    height:76px !important;
    font-size:28px !important;
    border-color:rgba(225,183,83,.60) !important;
    background:radial-gradient(circle,rgba(201,153,50,.08),rgba(2,8,16,.58));
    box-shadow:
      0 0 0 7px rgba(210,166,66,.025),
      0 0 28px rgba(210,166,66,.09) !important;
}
.cg-war-vs small{
    margin-top:14px !important;
    font-size:8px !important;
    letter-spacing:1.8px !important;
    color:#b39558 !important;
}

@media(max-width:900px){
    .cg-war-board{grid-template-columns:1fr !important}
    .cg-war-vs{display:none !important}
}


/* =========================================================
   PATCH — divisor fluido entre Capella e Procyon
   ========================================================= */

.cg-war-board{
    grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr) !important;
}

/* Remove a ideia de competição no miolo */
.cg-war-vs{
    min-width:74px !important;
    position:relative;
    display:block !important;
    background:
      linear-gradient(
        90deg,
        rgba(3,10,20,.16),
        rgba(4,13,26,.74) 35%,
        rgba(4,13,26,.74) 65%,
        rgba(3,10,20,.16)
      ) !important;
    border-left:0 !important;
    border-right:0 !important;
    overflow:hidden;
}

/* Esconde totalmente VS e PORTADORES/GUARDIÕES */
.cg-war-vs span,
.cg-war-vs small{
    display:none !important;
}

/* Linha central suave */
.cg-war-vs::before{
    content:"";
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    width:1px;
    height:auto !important;
    transform:translateX(-50%) !important;
    background:linear-gradient(
       180deg,
       transparent,
       rgba(218,176,78,.16) 18%,
       rgba(218,176,78,.48) 50%,
       rgba(218,176,78,.16) 82%,
       transparent
    ) !important;
    box-shadow:
      0 0 9px rgba(218,176,78,.14),
      0 0 22px rgba(74,132,205,.06);
}

/* Pequeno losango decorativo no centro */
.cg-war-vs::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:9px;
    height:9px;
    transform:translate(-50%,-50%) rotate(45deg) !important;
    background:#07111f !important;
    border:1px solid rgba(220,177,76,.66);
    box-shadow:
      0 0 0 5px rgba(219,175,77,.025),
      0 0 13px rgba(219,175,77,.22);
}

/* As duas áreas laterais se aproximam visualmente do divisor */
.cg-war-side.capella{
    border-right:1px solid rgba(74,133,199,.10);
}
.cg-war-side.procyon{
    border-left:1px solid rgba(177,61,70,.10);
}

@media(max-width:900px){
    .cg-war-board{
        grid-template-columns:1fr !important;
    }
    .cg-war-vs{
        display:none !important;
    }
}