.sunoti-stream-preview{
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
    margin:18px 0 !important;
    padding:12px !important;
    border-radius:18px !important;
    background:#ffffff !important;
    border:1px solid #e5e7eb !important;
    box-shadow:0 8px 22px rgba(0,0,0,.08) !important;
    color:#111 !important;
    text-decoration:none !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    max-width:100% !important;
}
.sunoti-stream-preview:hover{
    border-color:rgba(169,112,255,.45) !important;
    transform:translateY(-1px) !important;
}
.sunoti-stream-preview__media{
    position:relative !important;
    display:block !important;
    flex:0 0 clamp(240px,34%,380px) !important;
    max-width:380px !important;
    overflow:hidden !important;
    border-radius:14px !important;
    background:#222 !important;
    aspect-ratio:16/9 !important;
}
.sunoti-stream-preview__media img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}
.sunoti-stream-preview__badge{
    position:absolute !important;
    top:10px !important;
    left:10px !important;
    background:#ff1744 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:800 !important;
    padding:6px 10px !important;
    border-radius:8px !important;
    line-height:1 !important;
    z-index:2 !important;
    box-shadow:0 4px 12px rgba(0,0,0,.25) !important;
}
.sunoti-stream-preview__platform{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    background:transparent !important;
    padding:0 !important;
    border-radius:0 !important;
    line-height:0 !important;
    z-index:2 !important;
}
.sunoti-stream-preview__platform img{
    width:34px !important;
    height:34px !important;
    display:block !important;
    border-radius:0 !important;
    filter:drop-shadow(0 3px 8px rgba(0,0,0,.45)) !important;
}
.sunoti-stream-preview__content{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:7px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:hidden !important;
}
.sunoti-stream-preview__eyebrow{
    font-size:15px !important;
    font-weight:800 !important;
    text-transform:uppercase !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}
.sunoti-stream-preview__title{
    font-size:24px !important;
    font-weight:900 !important;
    line-height:1.16 !important;
    color:#111 !important;
    display:-webkit-box !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
    overflow:hidden !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
}
.sunoti-stream-preview__meta{
    font-size:17px !important;
    color:#555 !important;
    line-height:1.25 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.sunoti-live-more{margin:26px 0 8px 0;}
.sunoti-live-more__title{font-size:22px;line-height:1.2;margin:0 0 14px 0;font-weight:800;}
.sunoti-live-more__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.sunoti-live-more-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.08);}
.sunoti-live-more-card__thumb{position:relative;display:block;aspect-ratio:16/9;background:#111;overflow:hidden;}
.sunoti-live-more-card__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.sunoti-live-more-card__badge{position:absolute;left:8px;top:8px;background:#e60023;color:#fff;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;}
.sunoti-live-more-card__platform{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.22);}
.sunoti-live-more-card__platform img{width:20px;height:20px;object-fit:contain;display:block;}
.sunoti-live-more-card__body{display:flex;flex-direction:column;gap:4px;padding:10px 11px 12px 11px;}
.sunoti-live-more-card__name{font-size:13px;font-weight:800;}
.sunoti-live-more-card__title{font-size:15px;font-weight:800;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sunoti-live-more-card__meta{font-size:13px;color:#666;font-weight:600;}

#twitch-embed-container{width:100%;overflow:hidden;}
#twitch-embed{width:100%;height:100%;}
.sunoti-twitch-chat-wrap,.sunoti-kick-chat-wrap{width:100%;height:var(--sunoti-chat-height,420px);margin:0 0 12px 0;overflow:hidden;background:#0e0e10;border-radius:0 0 14px 14px;}
#twitch-chat-embed,#kick-chat-embed{display:block;width:100%;height:100%;border:0;}

.kick-embed-container{position:relative;width:100%;padding-top:56.25%;overflow:hidden;}
.kick-embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}

.sunoti-stream-ad{text-align:center;margin-top:5px;}

@media (max-width: 860px){
    .sunoti-live-more__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 768px){
    .sunoti-twitch-chat-wrap,.sunoti-kick-chat-wrap{height:var(--sunoti-chat-height,320px);}
}
@media (max-width: 760px){
    .sunoti-stream-preview{
        display:block !important;
        padding:10px !important;
        border-radius:16px !important;
    }
    .sunoti-stream-preview__media{
        width:100% !important;
        max-width:none !important;
        margin-bottom:12px !important;
        border-radius:14px !important;
    }
    .sunoti-stream-preview__content{
        display:flex !important;
        gap:6px !important;
        padding:0 2px 2px 2px !important;
    }
    .sunoti-stream-preview__eyebrow{font-size:13px !important;}
    .sunoti-stream-preview__title{
        font-size:22px !important;
        line-height:1.14 !important;
        -webkit-line-clamp:3 !important;
    }
    .sunoti-stream-preview__meta{font-size:16px !important;}
    .sunoti-stream-preview__badge{
        font-size:12px !important;
        padding:6px 9px !important;
    }
    .sunoti-stream-preview__platform img{
        width:32px !important;
        height:32px !important;
    }
}
@media (max-width: 520px){
    .sunoti-live-more{margin-top:20px;}
    .sunoti-live-more__grid{grid-template-columns:1fr;}
    .sunoti-live-more__title{font-size:20px;}
}
@media (max-width: 420px){
    .sunoti-stream-preview__title{
        font-size:20px !important;
        -webkit-line-clamp:3 !important;
    }
    .sunoti-stream-preview__meta{font-size:15px !important;}
}

.stream-live{position:absolute;top:clamp(10px,1vw,20px);left:clamp(10px,1vw,20px);}
.stream-live img{height:clamp(18px,2vw,25px);}
.stream-body-min{position:absolute;width:100%;bottom:0;left:0;padding:80px 12px 12px 12px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.stream-body-max{position:absolute;width:100%;bottom:0;left:0;padding:200px 20px 20px 20px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
.stream-time-max{font-weight:normal;color:white;font-size:15px;margin-bottom:-18px;margin-left:15px;}
.stream-time-min{font-weight:normal;color:white;font-size:clamp(12px,1vw,14px);}
.stream-titulo-max{color:white;font-size:clamp(20px,2vw,30px);}
.stream-titulo-min{color:white;font-size:clamp(15px,2vw,22px);line-height:1;}
.stream-viewers-max{margin-top:-20px;}
.stream-viewers-min{font-size:clamp(14px,1vw,16px);}
.stream-logo img{position:absolute;right:clamp(10px,1vw,20px);top:clamp(10px,1vw,20px);height:clamp(18px,2vw,25px);}
.cumpleanos-imagen{width:100% !important;aspect-ratio:1/1 !important;object-fit:cover !important;display:block !important;}

@media (max-width: 768px){
    .sunoti-stream-wrapper #twitch-embed-container,
    .sunoti-stream-wrapper .kick-embed-container,
    .sunoti-stream-wrapper .sunoti-twitch-chat-wrap,
    .sunoti-stream-wrapper .sunoti-kick-chat-wrap{
        width:100vw !important;
        max-width:100vw !important;
        margin-left:calc(50% - 50vw) !important;
        margin-right:calc(50% - 50vw) !important;
        border-radius:0 !important;
    }

    .sunoti-stream-wrapper iframe{
        border-radius:0 !important;
    }
}