/* ==============================================
   ARCHIVO PARA CORREGIR ESTILOS INLINE
   ============================================== */

/* --- CHAT ELEMENTS --- */
.chat-mockup-title,
.chat-input-placeholder,
.chat-input-emoji,
.chat-input-send {
    text-decoration: none !important;
    color: inherit !important;
}

/* --- VIDEO THUMBNAILS --- */
.video-thumbnail {
    width: 120px;
    height: 90px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.video-preview-image {
    max-width: 240px;
    height: auto;
    border-radius: 0.5rem;
}

.video-facebook-current {
    max-height: 100px;
}

/* --- STAFF THUMBNAILS --- */
.staff-thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.staff-preview {
    max-width: 150px;
    height: auto;
    border-radius: 0.5rem;
}

/* --- PROGRAM THUMBNAILS --- */
.program-thumbnail {
    width: 100px;
    height: auto;
    object-fit: cover;
    border-radius: 0.5rem;
}

.program-drop-area {
    min-height: 150px;
    cursor: pointer;
}

.program-preview {
    max-width: 200px;
    height: auto;
    object-fit: cover;
}

/* --- BANNER THUMBNAILS --- */
.banner-thumbnail {
    width: 150px;
    height: auto;
    object-fit: contain;
    border-radius: 0.5rem;
}

.banner-preview {
    max-width: 250px;
    height: auto;
    border-radius: 0.5rem;
}

/* --- NEWS THUMBNAILS --- */
.news-thumbnail {
    width: 80px;
    height: 45px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.news-preview {
    max-width: 200px;
    height: auto;
    display: block;
    margin-top: 5px;
}

/* --- CATEGORY COLOR DISPLAY --- */
.category-color-display {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
}

.color-picker-input {
    width: 60px;
    height: 38px;
}

.color-preview {
    width: 40px;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* --- COSTADOS PREVIEW --- */
.costados-preview {
    max-width: 250px;
}

/* --- TOAST CONTAINER --- */
.toast-container {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 1rem;
    z-index: 1055;
}

/* --- IFRAME FACEBOOK EMBED --- */
.facebook-video-embed {
    width: 560px;
    height: 314px;
    border: none;
    overflow: hidden;
    scrolling: no;
    frameborder: 0;
}

/* --- PROGRESS BAR DYNAMIC --- */
.live-progress-fill {
    transition: width 0.3s ease;
}