/* =========================================
   CARDS STREAMING — SISTEMA PREMIUM
   ========================================= */

.am-cards{
display:flex;
gap:16px;
overflow-x:auto;
scroll-snap-type:x mandatory;
padding-bottom:10px;
scrollbar-width:none;
-ms-overflow-style:none;

/* ⭐ FIX STREAMING REAL */
width:100%;
min-width:0;
}

.am-cards::-webkit-scrollbar{
display:none;
}

.am-card{
position:relative;

/* ⭐ FIX TAMAÑO REAL */
flex:0 0 clamp(220px,18vw,280px);
width:clamp(220px,18vw,280px);

aspect-ratio:16/9;
border-radius:14px;
overflow:hidden;
cursor:pointer;
background:#0b1220;
scroll-snap-align:start;
transition:transform .25s ease;
color:white;
text-decoration:none;
}

.am-card:hover{
transform:translateY(-6px) scale(1.03);
}

.am-card img{
width:100%;
height:100%;
object-fit:cover;
transition:transform .4s ease;
}

.am-card:hover img{
transform:scale(1.08);
}

.am-overlay{
position:absolute;
inset:0;
background:linear-gradient(transparent, rgba(0,0,0,.9));
display:flex;
flex-direction:column;
justify-content:flex-end;
padding:16px;
opacity:0;
transition:.3s;
}

.am-card:hover .am-overlay{
opacity:1;
}

.am-title{
font-size:14px;
font-weight:600;
}

.am-play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%) scale(.8);
width:56px;
height:56px;
border-radius:50%;
background:rgba(0,0,0,.6);
display:flex;
align-items:center;
justify-content:center;
transition:transform .25s ease;
}

.am-card:hover .am-play{
transform:translate(-50%,-50%) scale(1);
}

.am-badge-premium{
position:absolute;
top:10px;
left:10px;
background:#f59e0b;
color:black;
font-size:12px;
font-weight:600;
padding:4px 8px;
border-radius:6px;
}

.am-badge-member{
position:absolute;
top:10px;
right:10px;
background:rgba(0,0,0,.65);
backdrop-filter:blur(6px);
border-radius:50%;
width:32px;
height:32px;
display:flex;
align-items:center;
justify-content:center;
color:#f59e0b;
}

.am-row-wrapper{
position:relative;
}

.am-scroll-left,
.am-scroll-right{
position:absolute;
top:50%;
transform:translateY(-50%);
width:48px;
height:48px;
border-radius:50%;
border:none;
cursor:pointer;
background:rgba(0,0,0,.35);
color:white;
font-size:28px;
z-index:5;
backdrop-filter:blur(6px);
transition:.25s;
}

.am-scroll-left{ left:-10px; }
.am-scroll-right{ right:-10px; }

.am-scroll-left:hover,
.am-scroll-right:hover{
background:rgba(0,0,0,.55);
transform:translateY(-50%) scale(1.1);
}
.am-scroll-left,
.am-scroll-right{
transition: opacity .25s ease, transform .25s ease;
}
.am-badge-member svg{
    width:18px;
    height:18px;
    stroke:#facc15;   /* amarillo */
    fill:#facc15;     /* relleno */
}
@media (max-width:768px){

.am-card{
flex:0 0 clamp(180px,42vw,220px);
width:clamp(180px,42vw,220px);
}

}