/* Ghost Trickster Online — ETAPA 25F
   Home premium: Últimas Notícias / Download / Doações coerentes com a identidade do site,
   sem aparência de card genérico e com encaixe limpo na grade. */

/* Estrutura base dos 3 painéis da home */
.home-news-live,
.home-download-live.home-download-wide,
.home-payment-live{
  border-radius:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  box-shadow:
    inset 0 0 32px rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,224,150,.06),
    0 0 0 1px rgba(71,39,7,.86)!important;
}
.home-news-live::before,
.home-download-live.home-download-wide::before,
.home-payment-live::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
  opacity:1!important;
  pointer-events:none!important;
}
.home-news-live::after,
.home-download-live.home-download-wide::after,
.home-payment-live::after{
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  z-index:20!important;
  pointer-events:none!important;
  border:1px solid rgba(226,170,60,.20)!important;
  border-radius:0!important;
  box-shadow:inset 0 0 18px rgba(0,0,0,.22)!important;
  color:transparent!important;
  font-size:0!important;
}

/* =========================================================
   ÚLTIMAS NOTÍCIAS
   ========================================================= */
.home-news-live{
  background:#031326!important;
}
.home-news-live::before{
  background:
    linear-gradient(180deg,rgba(2,11,21,.08) 0%,rgba(2,11,21,.16) 36%,rgba(2,11,21,.60) 70%,rgba(2,11,21,.88) 100%),
    linear-gradient(90deg,rgba(2,13,25,.42) 0%,rgba(3,17,31,.16) 42%,rgba(3,17,31,.54) 100%),
    url('../img/sub-news-hero.jpg') 60% 42%/cover no-repeat!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.home-news-live-head{
  position:relative!important;
  z-index:8!important;
  height:18%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,rgba(5,28,48,.50),rgba(3,17,31,.02))!important;
  border-bottom:1px solid rgba(225,166,57,.46)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.18)!important;
}
.home-news-live-head::before,
.home-news-live-head::after{
  content:"◆"!important;
  position:absolute!important;
  top:50%!important;
  transform:translateY(-50%) scale(.52,.34)!important;
  color:#b97e25!important;
  font-size:clamp(7px,.74vw,11px)!important;
  text-shadow:0 0 8px rgba(222,165,61,.20)!important;
}
.home-news-live-head::before{left:3.4%!important}
.home-news-live-head::after{right:3.4%!important}
.home-news-live-head strong{
  color:#f0c76c!important;
  letter-spacing:.075em!important;
  text-shadow:0 1px 0 #000,0 0 10px rgba(225,167,62,.14)!important;
}
.home-news-live-head a{
  right:4.7%!important;
  top:24%!important;
  padding:.9% 2.6%!important;
  border:1px solid rgba(221,163,56,.75)!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(12,56,89,.85),rgba(6,30,52,.92))!important;
  color:#f0c76c!important;
  box-shadow:inset 0 0 0 1px rgba(255,220,130,.05),0 2px 7px rgba(0,0,0,.24)!important;
}
.home-news-live-list{
  position:relative!important;
  z-index:4!important;
  height:82%!important;
  padding:1.8% 2.9% 2.3%!important;
  box-sizing:border-box!important;
}
.home-news-live-row{
  border:0!important;
  border-top:1px solid rgba(226,170,60,.22)!important;
  border-bottom:1px solid rgba(1,8,15,.56)!important;
  border-radius:0!important;
  margin:0!important;
  padding:1.18% .8%!important;
  background:linear-gradient(90deg,rgba(2,17,31,.78),rgba(4,26,45,.40),rgba(4,26,45,.10))!important;
  box-shadow:none!important;
}
.home-news-live-row:first-child{border-top-color:rgba(226,170,60,.36)!important}
.home-news-live-row:hover{background:linear-gradient(90deg,rgba(12,47,74,.90),rgba(7,33,55,.58),rgba(4,26,45,.18))!important}
.home-news-live-row img{border:1px solid rgba(231,179,75,.66)!important;border-radius:0!important;box-shadow:0 2px 8px rgba(0,0,0,.34)!important}
.home-news-live-copy b{color:#fff0cc!important;text-shadow:0 1px 0 #000!important}
.home-news-live-copy small{color:#c5d6e1!important}
.home-news-live-row time{color:#efbd5d!important}
.home-news-live-empty{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:46%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  padding:0 6% 6.2%!important;
  box-sizing:border-box!important;
  border:0!important;
  border-left:0!important;
  border-radius:0!important;
  background:
    linear-gradient(180deg,rgba(2,16,30,0) 0%,rgba(2,16,30,.22) 26%,rgba(2,16,30,.80) 70%,rgba(2,16,30,.94) 100%)!important;
  box-shadow:none!important;
  color:#f4dfb4!important;
  font:700 clamp(7.4px,.80vw,12.4px)/1.22 Georgia,'Times New Roman',serif!important;
  text-align:left!important;
  text-shadow:0 1px 0 #000!important;
}
.home-news-live-empty::before{
  content:"CRÔNICAS DO SERVIDOR"!important;
  display:block!important;
  margin:0 0 1.8%!important;
  color:#e4ac49!important;
  font:700 clamp(5.1px,.53vw,8.2px)/1 Arial,sans-serif!important;
  letter-spacing:.16em!important;
}
.home-news-live-empty::after{
  content:"As próximas notícias aparecerão aqui."!important;
  display:block!important;
  margin:2% 0 0!important;
  color:#9eb6c7!important;
  font:normal clamp(5.2px,.56vw,8.4px)/1.25 Arial,sans-serif!important;
}

/* =========================================================
   DOWNLOAD
   ========================================================= */
.home-download-live.home-download-wide{
  background:#071a2c!important;
  border-color:rgba(222,163,52,.92)!important;
  padding:0!important;
}
.home-download-live.home-download-wide::before{
  background:
    linear-gradient(90deg,rgba(2,13,24,.10) 0%,rgba(2,13,24,.08) 30%,rgba(2,13,24,.54) 52%,rgba(2,13,24,.90) 100%),
    linear-gradient(180deg,rgba(1,9,18,.04),rgba(1,9,18,.30)),
    url('../img/sub-download-hero.jpg') 46% 44%/cover no-repeat!important;
  filter:saturate(.95) contrast(1.04)!important;
}
.home-download-wide .home-download-live-head{
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;height:14%!important;
  z-index:9!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(180deg,rgba(5,28,48,.54),rgba(3,20,37,.08))!important;
  border-bottom:1px solid rgba(225,166,57,.46)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.20)!important;
  color:#f0c76c!important;
  letter-spacing:.09em!important;
  text-shadow:0 1px 0 #000!important;
}
.home-download-wide .home-download-live-head::before,
.home-download-wide .home-download-live-head::after{
  content:"◆"!important;
  position:absolute!important;top:50%!important;transform:translateY(-50%) scale(.52,.34)!important;
  color:#b97e25!important;font-size:clamp(7px,.74vw,11px)!important;
}
.home-download-wide .home-download-live-head::before{left:38.7%!important}
.home-download-wide .home-download-live-head::after{right:38.7%!important}
.home-download-wide-art{display:none!important}
.home-download-wide-copy{
  position:absolute!important;
  left:55.5%!important;right:3.1%!important;top:18.3%!important;bottom:22.5%!important;
  z-index:7!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  padding:1.5% 2.3% 1.2% 3.0%!important;
  box-sizing:border-box!important;
  border-left:2px solid rgba(212,151,45,.62)!important;
  background:linear-gradient(90deg,rgba(3,20,36,.56),rgba(3,20,36,.18),transparent)!important;
}
.home-download-wide-copy small{
  display:inline-block!important;
  margin:0 0 1.6%!important;
  padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  color:#eab653!important;
  font:700 clamp(5.2px,.56vw,8.2px)/1 Arial,sans-serif!important;
  letter-spacing:.15em!important;
}
.home-download-wide-copy strong{
  max-width:96%!important;
  color:#fff0cd!important;
  font:700 clamp(11.8px,1.54vw,24px)/1.02 Georgia,'Times New Roman',serif!important;
  text-shadow:0 2px 2px rgba(0,0,0,.88),0 0 13px rgba(225,168,65,.10)!important;
}
.home-download-wide-copy span{
  max-width:95%!important;
  margin-top:2.4%!important;
  color:#d5e2ea!important;
  font:clamp(5.4px,.58vw,8.8px)/1.34 Arial,sans-serif!important;
  text-shadow:0 1px 1px #000!important;
}
.home-download-wide-button{
  margin-top:4.1%!important;
  padding:2.5% 7.8%!important;
  border:1px solid #d8a342!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#be8025 0%,#8a5311 52%,#673907 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,229,151,.20),0 5px 12px rgba(0,0,0,.28)!important;
  color:#fff0c9!important;
  letter-spacing:.06em!important;
}
.home-download-wide-button:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
.home-download-wide-meta{
  position:absolute!important;
  left:55.5%!important;right:3.1%!important;bottom:5.9%!important;
  z-index:8!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;
  background:linear-gradient(90deg,rgba(3,21,38,.78),rgba(3,21,38,.44))!important;
  border-top:1px solid rgba(220,164,62,.40)!important;
  border-bottom:1px solid rgba(220,164,62,.20)!important;
}
.home-download-wide-meta div{
  position:relative!important;
  padding:2.7% 5.6%!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-download-wide-meta div+div{border-left:1px solid rgba(220,164,62,.28)!important}
.home-download-wide-meta b{color:#e9b654!important;letter-spacing:.10em!important}
.home-download-wide-meta span{color:#d5e0e8!important}

/* =========================================================
   DOAÇÕES
   ========================================================= */
.home-payment-live{
  left:54.28%!important;
  top:75.15%!important;
  width:45.08%!important;
  height:18.82%!important;
  padding:0!important;
  background:#07182a!important;
  border-color:rgba(222,163,52,.92)!important;
}
.home-payment-live::before{
  background:
    linear-gradient(90deg,rgba(2,13,24,.92) 0%,rgba(2,13,24,.70) 34%,rgba(2,13,24,.28) 64%,rgba(2,13,24,.08) 100%),
    linear-gradient(180deg,rgba(1,9,18,.10),rgba(1,9,18,.38)),
    url('../img/sub-donation-art.jpg') 68% 50%/cover no-repeat!important;
  filter:saturate(.92) contrast(1.03)!important;
}
.home-payment-head{
  position:absolute!important;
  left:0!important;right:0!important;top:0!important;height:23%!important;
  z-index:8!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:0 3.6%!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(225,166,57,.42)!important;
  background:linear-gradient(180deg,rgba(5,28,48,.44),rgba(3,20,37,.05))!important;
  color:#f0c76c!important;
}
.home-payment-head strong{font-size:clamp(8px,1.05vw,16px)!important;letter-spacing:.09em!important;text-shadow:0 1px 0 #000!important}
.home-payment-head span{
  padding:.7% 2%!important;
  border:1px solid rgba(222,164,59,.70)!important;
  border-radius:0!important;
  background:rgba(4,26,45,.60)!important;
  color:#f5c968!important;
  box-shadow:inset 0 0 0 1px rgba(255,222,137,.05)!important;
}
.home-payment-methods{
  position:absolute!important;
  left:3.6%!important;right:24.8%!important;top:35%!important;height:31%!important;
  z-index:6!important;
  display:grid!important;grid-template-columns:1fr 1.45fr!important;gap:2.3%!important;
  padding:0!important;
}
.home-payment-method{
  position:relative!important;
  display:flex!important;align-items:center!important;gap:5%!important;
  padding:2.2% 4%!important;
  border:0!important;
  border-top:1px solid rgba(224,168,64,.54)!important;
  border-bottom:1px solid rgba(224,168,64,.22)!important;
  border-radius:0!important;
  background:linear-gradient(90deg,rgba(4,29,49,.78),rgba(4,29,49,.46),rgba(4,29,49,.18))!important;
  box-shadow:none!important;
  text-decoration:none!important;
  overflow:hidden!important;
}
.home-payment-method::before{
  content:""!important;
  position:absolute!important;left:0!important;top:0!important;bottom:0!important;width:2px!important;
  background:linear-gradient(180deg,transparent,#e1aa43,transparent)!important;
  opacity:.95!important;
}
.home-payment-method::after{display:none!important}
.home-payment-method:hover{background:linear-gradient(90deg,rgba(15,55,83,.90),rgba(8,37,60,.60),rgba(4,29,49,.24))!important}
.home-payment-method img{width:17%!important;max-height:78%!important;object-fit:contain!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.42))!important}
.home-payment-method b{color:#f2c369!important;text-shadow:0 1px 0 #000!important}
.home-payment-method small{color:#c4d5df!important}
.home-payment-cta{
  position:absolute!important;
  left:3.6%!important;bottom:8.2%!important;z-index:7!important;
  padding:1.25% 4.2%!important;
  border:1px solid #d1a03f!important;
  border-radius:0!important;
  background:linear-gradient(180deg,#b87b24,#764508)!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,143,.17),0 4px 10px rgba(0,0,0,.28)!important;
  color:#fff0c9!important;
}
.home-payment-cta:hover{filter:brightness(1.08)!important;transform:translateY(-1px)!important}

/* Ajustes de responsividade */
@media(max-width:700px){
  .home-news-live-empty::after{display:none!important}
  .home-download-wide-copy{left:53%!important;right:2.5%!important}
  .home-download-wide-meta{left:53%!important;right:2.5%!important}
  .home-payment-methods{right:18%!important}
}
