/* Loaded last: forces Index card styling */
.home-sliders .card .card-info{background:rgba(0,0,0,.92)!important;padding:8px 10px!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:56px!important;border-top:1px solid rgba(255,255,255,.06)!important}
.home-sliders .card .ci-title{font-size:.9rem!important;font-weight:700!important;color:#fff!important;line-height:1.2!important;margin:0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.home-sliders .card .meta-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:12px!important;color:#cfd3d8!important}
.home-sliders .card .rating-pill{display:inline-block!important;padding:2px 8px!important;border-radius:999px!important;font-size:.78rem!important;font-weight:700!important;background:#1f2937!important;color:#fff!important;line-height:1.3!important}
.home-sliders .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
@media (max-width:480px){
  .home-sliders .card .ci-title{font-size:.86rem!important}
  .home-sliders .card .rating-pill{font-size:.74rem!important;padding:2px 7px!important}
  .home-sliders .card .year{font-size:.72rem!important;font-weight:700!important;color:#e50914!important;opacity:.98!important}
}


/* ===== BOTÃO VER TODOS (PADRÃO DAS PÁGINAS) ===== */

a.more,
.more,
.row-head .more,
.nx-sec-title .more,
.nx-section-head .more{

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin-left:auto !important;

  /* tamanho correto */
  height:32px !important;
  padding:0 12px !important;

  border-radius:999px !important;

  background:#ff6d48 !important;
  color:#fff !important;

  text-decoration:none !important;

  font-size:12px !important;
  font-weight:800 !important;

  border:none !important;

  box-shadow:0 6px 14px rgba(0,0,0,.22) !important;

  transition:.18s ease !important;
}

/* hover leve (igual padrão que usamos) */
a.more:hover,
.more:hover{
  transform:translateY(-1px);
  filter:brightness(1.05);
}

/* alinhamento correto com títulos */
.nx-sec-title,
.row-head,
.nx-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

/* responsivo real */
@media (max-width:768px){

  a.more,
  .more{
    height:30px !important;
    padding:0 10px !important;
    font-size:11px !important;
  }

}

@media (max-width:480px){

  a.more,
  .more{
    height:28px !important;
    padding:0 9px !important;
    font-size:10px !important;
  }

}