/* BADGE */
.embreve-badge4{
    position:absolute;
    top:10px;
    left:10px;

    background: linear-gradient(
  to right,
  #C9A227,
  #FFD700,
  #FFF2B0,
  #FFD700,
  #C9A227
);
color: #000;
    padding:6px 10px;

    font-size:.7rem;
    font-weight:800;
    border-radius:999px;

    
    letter-spacing:.5px;
}

.embreve-card4{
    flex:0 0 290px;       /* largura estilo Netflix */
    height:500px;        /* altura poster */

    position:relative;
    border-radius:4px;
    overflow:hidden;

    background:#111;

    text-decoration:none;
    color:#fff;

    box-shadow:0 14px 36px rgba(0,0,0,.8);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease;
}

.embreve-card4 img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* HOVER PREMIUM */
.embreve-card4:hover{
    transform:scale(1.06);
    z-index:3;

    box-shadow:
  0 20px 50px rgba(0,0,0,.95),
  0 0 20px rgba(255,215,0,.12);
}
@media(max-width:768px){
    .embreve-card4{
        flex:0 0 200px;
        height:300px;
    }
}

/* ============================= */
/* 🎥 Efeito toque estilo Netflix */
/* ============================= */

.embreve-card4{
  position: relative;
  overflow: hidden;
}

.embreve-card4 img{
  transition: transform .25s ease, filter .25s ease;
}

/* overlay escuro */
.embreve-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);
  transition: background .25s ease;
  pointer-events: none;
}

/* quando tocar (mobile) */
.embreve-card4:active img{
  transform: scale(1.04);
  filter: brightness(.65);
}

.embreve-card4:active .embreve-overlay{
  background: rgba(0,0,0,.35);
}

/* hover desktop */
.embreve-card4:hover img{
  transform: scale(1.04);
  filter: brightness(.65);
}

.embreve-card4:hover .embreve-overlay{
  background: rgba(0,0,0,.35);
}