/* =========================================
   PLAYER SYSTEM — STREAMING PRO
   ========================================= */

/* ===== PAGE WATCH ===== */

.am-watch{
    padding:40px 0;
}

/* ===== CONTENEDOR CENTRAL ===== */

.am-player{
    max-width:1100px;
    margin:auto;
    padding:0 20px;
}

/* ===== FRAME VIDEO ===== */

.am-player-frame{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    border-radius:14px;
    overflow:hidden;
}

.am-player-frame iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}

/* ===== INFO ===== */

.am-player-info{
    margin-top:20px;
}

.am-player-info h1{
    font-size:24px;
    margin-bottom:10px;
}

.am-player-info p{
    color:#9ca3af;
}

/* ===== BOTON ACORDES ===== */

.am-chords-button{
    margin:30px 0;
}

/* ===== SECCIONES ===== */

.am-player-section{
    margin-top:40px;
}

/* =========================================
   PAYWALL PLAYER
   ========================================= */

.am-player-paywall{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* fondo optimizado */

.am-player-paywall::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at center, rgba(0,0,0,.4), rgba(5,7,15,.95)),
        linear-gradient(rgba(5,7,15,.85), rgba(5,7,15,.95));
    backdrop-filter:blur(8px);
}

/* caja */

.am-player-paywall-box{
    position:relative;
    text-align:center;
    max-width:520px;
    padding:50px 45px;
    border-radius:18px;
    background:rgba(10,10,15,.65);
    border:1px solid rgba(245,158,11,.25);
    box-shadow:
        0 0 80px rgba(0,0,0,.9),
        0 0 30px rgba(245,158,11,.15);
    backdrop-filter:blur(12px);
    animation:paywallFade .6s ease;
}

@keyframes paywallFade{
    from{
        opacity:0;
        transform:translateY(10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.am-player-paywall-box h2{
    font-size:24px;
    margin-bottom:15px;
}

.am-player-paywall-box p{
    opacity:.75;
    margin-bottom:28px;
}

.am-player-paywall-box .btn{
    font-size:16px;
    padding:14px 30px;
}

.am-watch-rows{
width:100%;
max-width:none;
padding:0 30px;
margin-top:40px;
}
/* ===== PAYWALL HERO BACKGROUND ===== */

.am-player-paywall::before{
    content:"";
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            rgba(5,7,15,0.75),
            rgba(5,7,15,0.95)
        ),
        url('/images/hero-main.jpg') center/cover no-repeat;

    z-index:0;
}

.am-player-paywall-box{
    position:relative;
    z-index:2;
}

/* =========================================
   MOBILE PLAYER
   ========================================= */

@media (max-width:768px){

    .am-watch{
        padding:20px 0;
    }

    .am-player-frame{
        width:100vw;
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        border-radius:0;
    }
    .am-player-frame iframe{
        width:100%;
        height:56.25vw; /* 16:9 */
    }

    .am-player-info,
    .am-chords-button,
    .am-player-section{
        padding:0 15px;
    }

    .am-player-paywall-box{
        max-width:92%;
        padding:30px 25px;
        border-radius:14px;
    }

    .am-player-paywall-box h2{
        font-size:18px;
    }

    .am-player-paywall-box p{
        font-size:13px;
    }

}