.co-yt-novedad[hidden]{
    display:none !important;
}

.co-yt-novedad-reopen[hidden]{
    display:none !important;
}

.co-yt-novedad{
    --co-yt-accent:#ff2f43;
    --co-yt-accent-strong:#d91834;
    --co-yt-ink:#f8fafc;
    --co-yt-muted:rgba(226, 232, 240, .78);
    --co-yt-shell:rgba(8, 11, 18, .92);
    --co-yt-shell-edge:rgba(255, 255, 255, .12);
    --co-yt-shadow:0 28px 80px rgba(0, 0, 0, .45);
    position:fixed;
    inset:0;
    z-index:9998;
    pointer-events:none;
}

.co-yt-novedad-reopen{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9997;
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:34px;
    padding:0 14px;
    border:1px solid rgba(255, 255, 255, .1);
    border-radius:999px;
    background:
        radial-gradient(circle at 18% 50%, rgba(255, 77, 87, .18), transparent 24%),
        linear-gradient(135deg, rgba(42, 45, 54, .96), rgba(24, 24, 29, .96));
    color:#ffffff;
    font-size:.8rem;
    font-weight:800;
    letter-spacing:.14em;
    text-transform:uppercase;
    cursor:pointer;
    box-shadow:0 14px 30px rgba(15, 23, 42, .18);
    opacity:0;
    transform:translateY(12px) scale(.9);
    transition:opacity .3s ease, transform .3s ease, border-color .2s ease, box-shadow .2s ease, filter .2s ease;
    backdrop-filter:blur(12px);
}

.co-yt-novedad-reopen::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#ff4d57;
    box-shadow:0 0 0 6px rgba(255, 77, 87, .14);
}

.co-yt-novedad-reopen.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
}

.co-yt-novedad-reopen:hover{
    border-color:rgba(255, 255, 255, .18);
    box-shadow:0 18px 34px rgba(15, 23, 42, .28);
    filter:saturate(1.04);
}

.co-yt-novedad-backdrop{
    position:absolute;
    inset:0;
    background:radial-gradient(circle at bottom right, rgba(255, 47, 67, .12), transparent 30%);
    pointer-events:none;
}

.co-yt-novedad-dialog{
    position:absolute;
    right:24px;
    bottom:24px;
    width:min(420px, calc(100vw - 24px));
    overflow:hidden;
    border:1px solid var(--co-yt-shell-edge);
    border-radius:22px;
    background:
        radial-gradient(circle at top right, rgba(255, 47, 67, .18), transparent 34%),
        radial-gradient(circle at left bottom, rgba(59, 130, 246, .12), transparent 28%),
        var(--co-yt-shell);
    box-shadow:var(--co-yt-shadow);
    opacity:0;
    transform-origin:right bottom;
    transform:translateY(10px) scale(.9);
    transition:opacity .38s ease, transform .38s cubic-bezier(.22, 1, .36, 1);
    backdrop-filter:blur(18px);
    pointer-events:auto;
}

.co-yt-novedad-dialog::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, 0));
    pointer-events:none;
}

.co-yt-novedad.is-open{
    pointer-events:none;
}

.co-yt-novedad.is-open .co-yt-novedad-dialog{
    opacity:1;
    transform:translateY(0) scale(1);
}

.co-yt-novedad.is-closing{
    pointer-events:none;
}

.co-yt-novedad.is-closing .co-yt-novedad-dialog{
    opacity:0;
    transform:translateY(14px) scale(.94);
}

.co-yt-novedad-close{
    position:absolute;
    top:12px;
    right:12px;
    z-index:3;
    width:34px;
    height:34px;
    border:1px solid rgba(255, 255, 255, .12);
    border-radius:999px;
    background:rgba(15, 23, 42, .64);
    color:#ffffff;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.05rem;
    line-height:1;
    backdrop-filter:blur(10px);
    transition:transform .2s ease, background .2s ease, border-color .2s ease;
}

.co-yt-novedad-close:hover{
    transform:scale(1.06);
    background:rgba(15, 23, 42, .88);
    border-color:rgba(255, 255, 255, .28);
}

.co-yt-novedad-media{
    position:relative;
    padding:12px 12px 0;
    display:flex;
    justify-content:center;
}

.co-yt-novedad-media::after{
    content:"";
    position:absolute;
    left:24px;
    right:24px;
    bottom:-14px;
    height:36px;
    border-radius:50%;
    background:rgba(255, 47, 67, .25);
    filter:blur(28px);
    pointer-events:none;
}

.co-yt-novedad-player{
    position:relative;
    overflow:hidden;
    width:100%;
    margin:0 auto;
    border-radius:16px;
    height:223px;
    background:
        linear-gradient(145deg, rgba(2, 6, 23, .85), rgba(15, 23, 42, .95)),
        #020617;
    box-shadow:inset 0 0 0 1px rgba(255, 255, 255, .06);
}

.co-yt-novedad-player::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .08), transparent 30%),
        linear-gradient(135deg, rgba(255, 47, 67, .14), transparent 45%);
    pointer-events:none;
    z-index:1;
}

.co-yt-novedad-player > div,
.co-yt-novedad-player iframe{
    position:absolute;
    inset:0;
    display:block;
    width:100% !important;
    height:100% !important;
    border:0;
    z-index:2;
}

.co-yt-novedad-content{
    position:relative;
    display:grid;
    gap:8px;
    padding:18px 18px 20px;
}

.co-yt-novedad-kicker{
    position:relative;
    margin:0;
    padding-left:16px;
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--co-yt-muted);
}

.co-yt-novedad-kicker::before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:7px;
    height:7px;
    border-radius:999px;
    background:var(--co-yt-accent);
    transform:translateY(-50%);
    box-shadow:0 0 0 6px rgba(255, 47, 67, .12);
}

.co-yt-novedad-content h2{
    margin:0;
    color:var(--co-yt-ink);
    font-family:Georgia, "Times New Roman", serif;
    font-size:1.1rem;
    line-height:1.3;
    letter-spacing:-.02em;
    text-wrap:balance;
}

.co-yt-novedad-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:38px;
    padding:0 14px;
    border:1px solid rgba(255, 255, 255, .08);
    border-radius:999px;
    background:linear-gradient(135deg, var(--co-yt-accent), var(--co-yt-accent-strong));
    color:#ffffff;
    font-size:.88rem;
    font-weight:800;
    letter-spacing:.04em;
    text-decoration:none;
    width:max-content;
    box-shadow:0 14px 28px rgba(217, 24, 52, .24);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.co-yt-novedad-link::after{
    content:"";
    width:0;
    height:0;
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    border-left:8px solid currentColor;
}

.co-yt-novedad-link:hover{
    color:#ffffff;
    transform:translateY(-1px);
    filter:saturate(1.08);
    box-shadow:0 20px 40px rgba(217, 24, 52, .34);
}

@media (max-width: 640px){
    .co-yt-novedad-reopen{
        right:12px;
        bottom:12px;
        min-height:34px;
        padding:0 16px;
        font-size:.74rem;
    }

    .co-yt-novedad-dialog{
        right:12px;
        bottom:12px;
        width:min(320px, calc(100vw - 24px));
        border-radius:16px;
    }

    .co-yt-novedad-media{
        padding:12px 12px 0;
    }

    .co-yt-novedad-player{
        border-radius:14px;
        height:166px;
    }

    .co-yt-novedad-content{
        gap:8px;
        padding:14px;
    }

    .co-yt-novedad-content h2{
        font-size:.92rem;
    }

    .co-yt-novedad-kicker{
        font-size:.7rem;
        letter-spacing:.14em;
    }

    .co-yt-novedad-link{
        min-height:34px;
        padding:0 12px;
        font-size:.84rem;
        width:max-content;
    }
}