/* =====================================================
   SIQ - Estilos para Publicidad
   ===================================================== */

/* Info Card */
.publicidad-info {
    margin-bottom: 20px;
}

.info-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #E3F2FD;
    border-radius: var(--border-radius);
    border-left: 4px solid var(--primary-color);
}

.info-card i {
    font-size: 32px;
    color: var(--primary-color);
}

.info-card strong {
    display: block;
    margin-bottom: 4px;
    color: var(--gray-800);
}

.info-card p {
    font-size: 13px;
    color: var(--gray-600);
    margin: 0;
}

/* Vista previa en modal */
.publicidad-preview {
    margin-top: 15px;
    padding: 15px;
    background: var(--gray-100);
    border-radius: var(--border-radius);
    border: 1px dashed var(--gray-300);
    text-align: center;
}

.publicidad-preview p {
    font-size: 13px;
    color: var(--gray-600);
    margin-bottom: 10px;
}

.publicidad-preview img,
.publicidad-preview video {
    max-width: 100%;
    border-radius: 4px;
}